/*
カスタムCSS
オリジナル要素は1390行〜1450行近辺にある『WEBサイト 固有カスタム』以下に記載。
*/


/*------------------------------------*\
Google Font
\*------------------------------------*/

.Quicksand {
    font-family: 'Quicksand', sans-serif;
}

.notosans {
    font-family: 'Noto Sans JP', sans-serif;
}

.notoserif {
    font-family: 'Noto Serif JP', serif;
}

.handlee {
    font-family: 'Handlee', cursive;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.wf-roundedmplus1c {
    font-family: "M PLUS Rounded 1c";
}

.satisfy {
    font-family: 'Satisfy', cursive;
}


/*------------------------------------*\
MAIN
\*------------------------------------*/

html {
    overflow-y: scroll;
    /* ローディング画面用 */
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif;
    background: #FDF9F6;
}

a {
    color: #254923;
    text-decoration: underline;
}

a:hover {
    color: #333333;
    text-decoration: none;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
/* 
a.post-edit-link {
    max-width: 100%;
    display: block;
    padding: 1.0em;
    line-height: 1.5;
    font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
    margin: 1.0em auto 0;
    text-align: center;
    background: #eeeeee;
    color: #222222;
    text-decoration: none;
}

a.post-edit-link:hover {
    background: #444444;
    color: #eee;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

a.post-edit-link:before {
    font-weight: 600;
    content: " \f0da";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

a.post-edit-link:after {
    font-weight: 300;
    content: " （ログイン中のユーザーのみに表示されます。）";
    padding-left: 2px;
    padding-right: 5px;
} */

/*------------------------------------*\
パンくずリスト
\*------------------------------------*/

.bread-box {
    background: transparent;
    border-bottom: 1px solid #eee;
    color: #254923;
    font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
}

.cf {
    padding: 0px 15px 5px;
    margin: 0px auto;
    color: #254923;
    width: 1000px;
    text-align: center;
    line-height: 1.3;
}

.cf span {
    font-size: 1.1rem;
    line-height: 1.4;
}

.fas span {
    display: none;
}

@media only screen and (max-width: 999px) {
    .cf {
        width: 100%;
    }
}



/*------------------------------------*\
ページネーション
\*------------------------------------*/

.pagination {
    margin-bottom: 3.0em;
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    justify-content: center;
}

.pagination span:first-child,
.pagination span.current {
    color: #fff;
    background: #ccc
}

.pagination span {
    color: #999;
    display: block;
    padding: 0.5em;
    margin: 0.3em;
    font-size: 1.4rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    min-width: 40px;
    min-height: 40px;
}

.pagination a {
    color: #999;
    display: block;
    padding: 0.5em;
    margin: 0.3em;
    font-size: 1.4rem;
    border: 1px solid #ccc;
    text-decoration: none;
    min-width: 40px;
    min-height: 40px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
}

.pagination a:hover {
    background: #ccc;
    color: #fff;
}



/*
------------------------------------------------------------------------------------------------
ローディング
------------------------------------------------------------------------------------------------
*/

#loading {
    /* CSSの変数を--vhとし、高さを指定 */
    height: 100vh;
    /* 変数をサポートしていないブラウザのフォールバック */
    height: calc(var(--vh, 1vh) * 100);
    align-items: center;
    justify-content: center;
}

.logoitem {
    position: relative;
    width: 100px;
    height: 100px;
}

.logoitem {
    position: relative;
    width: 300px;
    height: auto;
}

.logoitem img.logo {
    display: block;
    width: 80px;
    height: auto;
    margin: 0 auto;
}

img.loadericon {
    position: absolute;
    top: 93;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90px;
    height: 11px;
}

#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #FFF;
    z-index: 999;
}


.logoitem {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}






/*
------------------------------------------------------------------------------------------------
レイアウト
------------------------------------------------------------------------------------------------
*/

.aleft {
    text-align: left;
}

.aright {
    text-align: right;
}

.center {
    text-align: center;
}

.w100 {
    width: 100%;
}

main.index>.flex {
    margin: 0 auto;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}

section {
    display: block;
}

.pager {
    font-size: 1.5rem;
    justify-content: space-around;
    align-items: center;
}

.swrap {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.swrap .item1 {
    width: 50%;
}

.swrap .item2 {
    width: 50%;
}

.swrap-single {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


@media screen and (max-width: 599px) {
    .w100sp {
        width: 100%;
    }
}

@media (max-width: 999px) {
    .swrap {
        flex-direction: column;
    }

    .swrap .item1 {
        width: 100%;
    }

    .swrap .item2 {
        width: 100%;
    }

    .pager {
        font-size: 1.3rem;
        justify-content: space-around;
        align-items: center;
    }
}


/*
------------------------------------------------------------------------------------------------
配色
------------------------------------------------------------------------------------------------
*/

.red {
    color: #dd0000 !important;
}

a.blue {
    color: #0000ff !important;
    text-decoration: underline;
}

a.blue:hover {
    text-decoration: none;
}

.white {
    color: #ffffff !important;
}

.white:before {
    background-color: #ffffff !important;
}


/*
------------------------------------------------------------------------------------------------
デフォルトの見出しは不使用
------------------------------------------------------------------------------------------------
*/


/*
------------------------------------------------------------------------------------------------
アイコンとボタン
------------------------------------------------------------------------------------------------
*/

.round_btn {
    min-width: 280px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.7em 2.5em 0.5em;
    text-decoration: none;
    color: #232323;
    background: #ffffff;
    transition: .4s;
    border: 1px solid #232323;
    border-radius: 100px;
    /* CSS3草案 */
    -webkit-border-radius: 100px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 100px;
    /* Firefox用 */
}

.round_btn:hover {
    background: #232323;
    color: white;
}

.round_btn_red {
    min-width: 280px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 2.2rem;
    padding: 0.7em 2.5em 0.5em;
    text-decoration: none;
    color: #ffffff;
    background: #dd0000;
    transition: .4s;
    border: 0px solid #232323;
    border-radius: 100px;
    /* CSS3草案 */
    -webkit-border-radius: 100px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 100px;
    /* Firefox用 */
}

.round_btn_red:hover {
    background: #ffffff;
    color: #dd0000;
}

.phonebtn {
    font-size: 2.5rem;
}


.round_btn_pink {
    min-width: 280px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 0.5em 2.5em 0.3em;
    text-decoration: none;
    color: #ffffff;
    background: #ca006d;
    transition: .4s;
    border: 0px solid #232323;
    border-radius: 100px;
    /* CSS3草案 */
    -webkit-border-radius: 100px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 100px;
    /* Firefox用 */
}

.round_btn_pink:hover {
    background: #ffffff;
    color: #ca006d;
}


.round_btn_line {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 3.0rem;
    padding: 0.7em 2.5em 0.5em 3.5em;
    text-decoration: none;
    color: #ffffff;
    background: #4ab652;
    transition: .4s;
    border: 0px solid #232323;
    border-radius: 8px;
    /* CSS3草案 */
    -webkit-border-radius: 8px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;
    /* Firefox用 */
}

.round_btn_line:before {
    position: absolute;
    left: 1.5em;
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background: url(../images/icon-line.png) no-repeat;
    background-size: contain;
    background-position: 0px;
}

.round_btn_line:hover {
    background: #ffffff;
    color: #4ab652;
}


.round_btn_mail {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 3.0rem;
    padding: 0.7em 2.5em 0.5em 3.5em;
    text-decoration: none;
    color: #ffffff;
    background: #8b9292;
    transition: .4s;
    border: 0px solid #232323;
    border-radius: 8px;
    /* CSS3草案 */
    -webkit-border-radius: 8px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;
    /* Firefox用 */
}

.round_btn_mail:before {
    position: absolute;
    left: 1.5em;
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background: url(../images/icon-mail.png) no-repeat;
    background-size: contain;
    background-position: 0px;
}

.round_btn_mail:hover {
    background: #ffffff;
    color: #8b9292;
}


.round_btn_order {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 3.0rem;
    padding: 0.7em 2.5em 0.5em 3.5em;
    text-decoration: none;
    color: #E1E0DB;
    background: #ca006d;
    transition: .4s;
    border: 0px solid #232323;
    border-radius: 8px;
    /* CSS3草案 */
    -webkit-border-radius: 8px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;
    /* Firefox用 */
}

.round_btn_order:before {
    position: absolute;
    left: 1.5em;
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background: url() no-repeat;
    background-size: contain;
    background-position: 0px;
}

.round_btn_order:hover {
    background: #ffffff;
    color: #ca006d;
}


@media screen and (max-width: 959px) {

    .round_btn_line {
        font-size: 2.0rem;
    }

    .round_btn_mail {
        font-size: 2.0rem;
    }

    .round_btn_order {
        font-size: 1.8rem;
        padding: 0.9em 1.0em 0.7em 3.5em;
    }

    .round_btn_red {
        font-size: 1.8rem;
        padding: 0.7em 1.5em 0.5em;
    }

}


/*
------------------------------------------------------------------------------------------------
ヘッダー設定
------------------------------------------------------------------------------------------------
*/

.wrap {
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    box-sizing: content-box;
}

header {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(253, 249, 246, 1.0);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
    z-index: 3;
    padding-top: 1.0em;
    border-bottom: #ea9f48 solid 0px;
    border-top: 5px solid #553B1F;
    transition: .3s;
}

div.lpheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(253, 249, 246, 1.0);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
    z-index: 4;
    border-bottom: #ea9f48 solid 0px;
    border-top: #ea9f48 solid 0px;
    transition: .3s;
}

header.mega_open,
div.lpheader.mega_open {
    background: rgba(255, 255, 255, 1.0);
}

header.echologo,
div.lpheader.echologo {
    background: rgba(253, 249, 246, 1.0);
}

section.bottom_header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
    z-index: 1;
    background: url(../images/common/img_03@2x.jpg);
    background-size: cover;
}



header .top.wrap h1,
header .top.wrap .mainlogo,
header .top.wrap .snsbox,
header .top.wrap p {
    flex-basis: calc(100%/3);

}

header .top.wrap .mainlogo {
    text-align: center;
}


header .top.wrap .snsbox {
    margin-bottom: 0px;
}

header .top.wrap .snsbox ul.snsbtn {
    margin: 0 0.5em;
}

header .top.wrap .snsbox .snsbtn {
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    justify-content: flex-end;
}

header .top.wrap .snsbox ul.snsbtn li {
    padding: 0.5em;

}

header .top.wrap .snsbox ul.snsbtn li:last-child {
    padding: 0.5em 0em;

}

header .top.wrap .snsbox ul.snsbtn li a img {
    width: 40px;
    height: auto;
}


header .top.wrap h1 img {
    /*    display: none;*/
}

header .top.wrap h1.use_img svg,
header .top.wrap p.use_img svg,
div.lpheader .top.wrap p.use_img svg {
    /* カスタムフィールド ch_pc_img に値がある時 */
    display: block;
    width: 170px;
}

header .top.wrap h1 img,
header .top.wrap p img {
    display: block;
    width: 220px;
}


header .top.wrap .mainlogo img {
    max-width: 130px;
    height: auto;
}


header .top.wrap,
div.lpheader .top.wrap {
    width: 100%;
    padding: 0 0em 0 1.0em;
    box-sizing: border-box;
    margin-bottom:1.2em;
}

header .top,
div.lpheader .top {
    color: #fff;
    font-size: 1.3rem;
    padding: 10px 0;
}

header.echologo .top,
div.lpheader.echologo .top {
    padding: 0px 0;
}

.pages.single header .top {
    padding: 5px 0;
}

header .top>ul li,
header .top>ul li img,
div.lpheader .top>ul li,
div.lpheader .top>ul li img {
    display: inline-block;
    vertical-align: middle;
}

header .top>ul,
div.lpheader .top>ul {
    width: 70%;
    text-align: right;
    padding: 0 0em;
}

header .top>ul li,
div.lpheader .top>ul li {
    margin: 0 0em 0 0em;
    padding: 0 0px 0 0.5em;
    position: relative;
}

header .top>ul>li::before,
div.lpheader .top>ul>li::before {
    font-weight: 300;
    color: #444444;
    content: " \f105";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

header .top>ul li:last-child::before,
div.lpheader .top>ul li:last-child::before {
    content: "";
    padding-left: 0px;
    padding-right: 0px;
}

header .top>ul li:nth-last-child(2)::before {
    /*
    content: "";
    padding-left:0px;
    padding-right:5px;
    */
}

header .top>ul li a,
div.lpheader .top>ul li a {
    width: 100%;
    font-size: 1.3rem;
    color: #444444;
    text-decoration: none;
}

header .top>ul li.contact a,
div.lpheader .top>ul li.contact a {
    background: #eeeeee;
    border-radius: 4px;
    display: inline-block;
    padding: 2px 8px;
}

header .top>ul li a:hover,
header .top>ul li a:hover,
div.lpheader .top>ul li a:hover,
div.lpheader .top>ul li a:hover {
    text-decoration: underline;
}

header .top>ul li .sub-menu a:hover,
div.lpheader .top>ul li .sub-menu a:hover {
    text-decoration: none;
}

header .top>ul li.contact a:hover,
div.lpheader .top>ul li.contact a:hover {
    text-decoration: none;
    background: #503729;
}

header .top>ul li:last-child,
div.lpheader .top>ul li:last-child {}

header .top>ul li.contact,
header .top>ul li.phonebtn,
div.lpheader .top>ul li.contact,
div.lpheader .top>ul li.phonebtn {
    padding: 0;
}

header .top>ul li.contact:after,
header .top>ul li.phonebtn:after,
div.lpheader .top>ul li.contact:after,
div.lpheader .top>ul li.phonebtn:after {
    display: none;
}

header .top.wrap,
div.lpheader .top.wrap {
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    box-sizing: border-box;
}

header.echologo .top.wrap,
body:not(.front) header .top.wrap,
div.lpheader.echologo .top.wrap,
body:not(.front) div.lpheader .top.wrap {
    flex-direction: row;
    align-items: center;
}




/* ヘッダーメニューアコーディオン（menu-item-has-children）機能 */

.g_menu li.menu-item-has-children ul {
    position: absolute;
    min-width: 200px;
    top: 100%;
    right: 0;
    display: none;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.7);
}

.g_menu li.menu-item-has-children ul li {
    display: block;
    float: none;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #254923;
}

.g_menu li.menu-item-has-children ul li:last-child {
    border: none;
}

.g_menu li.menu-item-has-children ul li:hover {
    background: rgba(229, 174, 184, 0.5);
    color: #ffffff;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.g_menu li.menu-item-has-children ul li a:hover {
    color: #ffffff;
}



/* 問い合わせボタン */


header .top.wrap ul li.btn a {
    position: relative;
    color: white;
    margin-left: 0.5em;
    padding: 0.2em 0.5em 0.2em 1.0em;
    text-decoration: none;
    display: block;
    text-align: center;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
}

header .top.wrap ul li.btn.b01 a {
    background: #254923;
}

header .top.wrap ul li.btn.b01 a::before {
    position: absolute;
    top: -5px;
    left: 5px;
    padding-left: 0.5em;
    content: '　';
    display: inline-block;
    width: 50px;
    height: 40px;
    background-image: url(../images/common/mark04.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}

header .top.wrap ul li.btn.b01 a::after {
    font-weight: 600;
    content: " \f0da";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

header .top.wrap ul li.btn::after {
    content: "";
    padding-left: 0px;
    padding-right: 0px;
    color: #444444;
}

header .top.wrap ul li.btn a:hover {
    background: #eeae19;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

header .top.wrap ul li.btn.b01 img {
    width: 70px;
    height: auto;
}



section .middle {
    height: auto;
    position: relative;
    padding: 0px 0;
    background: transparent;
    border-bottom: 0px solid #ffffff;
}

.flex {
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    display: flex;
    /*最新のブラウザ*/
}

section .middle h2 {
    text-align: center;
}

section .middle .h_right {
    width: 100%;
}

header .h_bottan {
    display: flex;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


header .h_bottan .item {}

header .h_bottan .item2 a {}

header .h_bottan .item2 a:hover {}

header .h_bottan .item2 a:before {}

header .h_bottan .item3 a {}

header .h_bottan .item3 a:hover {}

header .h_bottan .item3 a:before {}

section .middle form {
    float: right;
    margin-top: 5px;
    border: 1px solid #B3B3B3;
    max-width: 390px;
    position: relative;
    width: 100%;
}

section .middle form input[type="text"] {
    font-size: 1.3rem;
    vertical-align: middle;
    border: none;
    width: 100%;
    padding: 15px 36px 15px 10px;
    box-sizing: border-box;
    display: block;
}

section .middle form input[type="submit"] {
    font-size: 0;
    background: url(../images/common/search.gif) no-repeat;
    background-size: 26px;
    width: 26px;
    height: 26px;
    border: none;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 10px;
}

.mainvisual .bottom {
    border-top: #ea9f48 0px solid;
    border-bottom: #ea9f48 0px solid;
}


.sp_nav {
    display: none;
}

/* ハンバーガーメニュー */
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}

.menu-trigger {
    position: relative;
    width: 18px;
    height: 19px;
    padding: 0 4px;
    box-sizing: content-box;
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #503729;
    border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
    top: 0;
}

.menu-trigger span:nth-of-type(2) {
    top: 8px;
}

.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
}




/* 〜599px：SP
------------------------------ */
@media screen and (max-width:599px) {


    header .top {
        padding: 5px 0 10px;
    }


    header {
        height: 80px;
        padding-top: 0em;
        position: fixed;
    }

    .pctb header {
        height: auto;
    }

    header .top.wrap {
        min-height: 50px;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }

    header .top.wrap h1,
    header .top.wrap .mainlogo,
    header .top.wrap .snsbox,
    header .top.wrap p {
        flex-basis: calc(100%/2);
    }

    .pages header .top.wrap p a img,
    div.lpheader .top.wrap p a img {
        display: block;
        width: 300px;
    }

    header .top.wrap h1,
    header .top.wrap p {
        margin-top: 0em;
        margin-right: 1.5em;
        /* margin-left: 1.0em; */
    }

    header .top.wrap .mainlogo img {
        padding-left: 0em;
    }

    header.echologo .top.wrap h1 svg {
        /* カスタムフィールド ch_pc_img に値がある時 */
        width: 170px;
        padding-left: 0.5em;
    }

    .mainvisual {
        margin-top: 80px;
    }


    .mainvisual .bottom nav ul {
        justify-content: space-around;
    }

    .mainvisual .bottom nav ul li {
        padding: 0px 0px 0px;
    }

    .mainvisual .bottom nav ul li ul {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 100%;
        display: none;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
        padding: 0em;
    }

    .mainvisual .bottom nav ul li.menu-item-has-children {
        color: #232323;
        display: block;
        font-size: 1.5rem;
    }

    .mainvisual .bottom nav ul li span {
        display: block;
        font-size: 1.1rem;
    }

    .mainvisual .bottom nav ul li {
        position: static;
    }

    header .top.wrap .sp_sns>.flex {
        justify-content: center;
    }

    header .top.wrap .sp_sns div {
        padding: 0.5em;
    }

    header .top.wrap .sp_sns img {
        width: 44px;
        height: auto;
    }

}



/*
------------------------------------------------------------------------------------------------
SP用ハンバーガーメニュー
------------------------------------------------------------------------------------------------
*/

/* ハンバーガーメニュー中身 */
[off-canvas] {
    background: #503729;
    z-index: 5;
}

[off-canvas] nav {
    margin: 0 0 30px;
}

[off-canvas] nav ul {
    position: relative;
    z-index: 100000000;
}

[off-canvas] li,
.border_bottom p {
    border-bottom: 1px solid #fff;
}

[off-canvas] li ul li:last-child {
    border-bottom: none;
}

[off-canvas] a {
    padding: 10px 20px;
}

[off-canvas] p {
    padding: 10px 20px;
}

[off-canvas] a,
/* custom */
[off-canvas] li.page_item_has_children {
    color: #fff;
    display: block;
}

[off-canvas] li ul li a {
    padding: 10px 20px 10px 45px;
}

[off-canvas] li ul {
    display: none;
}

[off-canvas] li {
    position: relative;
}

[off-canvas] li.top img {
    margin: 0 15px 0 5px;
}

[off-canvas] li.menu-item-has-children>a:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 6px solid transparent;
    border-left: 8px solid #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 27px;
    right: 20px;
    transition: .3s;

}

[off-canvas] li ul li {
    padding: 0;
}

[off-canvas] li ul li:before,
[off-canvas] li.no_acordion:before {
    display: none;

}

[off-canvas] li.active:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 17px;
    transition: .3s;
    width: 8px;
}

[off-canvas] .sub {
    padding: 0 20px;
    margin-top: 20px;
}

[off-canvas] .sub li {
    border: none;
    margin-bottom: 5px;
}

[off-canvas] .sub li a {
    font-size: 1.2rem;
    padding: 0 0 0 17px;
    position: relative;
}

[off-canvas] .sub li:before {
    display: none;
}

[off-canvas] .sub li a:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

[off-canvas] form.search+.btn {
    padding: 0 20px;
}

[off-canvas] form.search+.btn a {
    display: block;
    background: #fff;
    color: #503729;
    border-radius: 6px;
    text-align: center;
    position: relative;
}

[off-canvas] form.search+.btn a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #503729;
    border-right: 1px solid #503729;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.g_menu li a,
.g_menu li.menu-item-has-children {}

@media screen and (max-width:959px) {
    .mainvisual .bottom nav ul {
        text-align: center;
        position: relative;
    }

    .mainvisual .bottom nav ul li {
        display: inline-block;
        width: auto;
        float: none;
    }

    .mainvisual .bottom nav ul li a {}

    section .middle form {
        display: none;
    }

    .pc_nav {
        display: none;
    }

    .sp_nav {
        display: block;
    }

    section .middle {
        padding: 10px 0;
    }

    .bottom .sp_nav {
        background: #fff;
        text-align: center;
        padding: 7px 10px;
    }

    .bottom .sp_nav li {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        margin: 0 13px 0 0;
    }

    .bottom .sp_nav li:last-child {
        margin: 0;
    }

    .bottom .sp_nav li span {
        display: block;
        font-size: 1.1rem;
    }
}



/*
------------------------------------------------------------------------------------------------
SP用モーダルウィンドウ
------------------------------------------------------------------------------------------------
*/

.menu-btn {
    position: absolute;
    top: 2px;
    right: 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    font-family: 'Vollkorn', serif;
    z-index: 9999;
}

.menu-btn span {
    color: #fff;
}

.menu-btn span:after {
    content: attr(data-txt-menu);
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu-btn span:after {
    content: attr(data-txt-close);
}


.menu {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, .8);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 9998;
    font-family: 'Vollkorn', serif;
}

.menu ul {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 6em 0 0 0;
}

.menu li {
    width: 100%;
    line-height: 1.4;
    margin: 0 auto 40px;
    padding: 0;
    text-align: center;
    list-style: none;
}

.menu li a {
    font-size: 2.0rem;
    color: #1b2850;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.menu li a div {
    display: inline;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid #1b2850;
    padding-bottom: 4px;
}

.menu li a div:first-child {
    padding-bottom: 2px;
}

.menu li a span {
    padding-top: 5px;
    display: block;
    font-size: 1.7rem;
    text-decoration: none;
}

.menu li a:hover {
    color: #999;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu {
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
}



/*
------------------------------------------------------------------------------------------------
ページTOPに戻る
------------------------------------------------------------------------------------------------
*/
#top_back {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 100;
    cursor: pointer;
    background: #254923;
    mix-blend-mode: multiply;
    /* 背景色を乗算に設定 */
    border-radius: 100%;
    /* CSS3草案 */
    -webkit-border-radius: 100%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 100%;
    /* Firefox用 */
}

#top_back:hover {
    opacity: 0.8;
}

#top_back:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 6px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}



/*
------------------------------------------------------------------------------------------------
フッター（デフォルト）
------------------------------------------------------------------------------------------------
*/

footer {
    background: transparent;
}


footer .middle {}

small {
    display: block;
    font-size: 1.2rem;
    color: #000000;
    text-align: center;
    padding: 0px 20px 35px;
    background: transparent;
}

footer .sitemap {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

footer .footernav {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

footer .footernav ul li {
    font-size: 1.2rem;
}

footer .footernav ul li a {
    line-height: 2.0;
    color: #fff;
}

footer .contents {
    width: 100%;
    -webkit-flex-basis: 320px;
    -ms-flex-preferred-size: 320px;
    flex-basis: 320px;
    margin: 0 0 0 auto;
}

footer .contents p {
    padding: 7px 0px 5px;
    color: #ffffff;
    font-size: 1.2rem;
}
#footer_nav #sb_instagram .sb_instagram_header .sbi_header_text, .sb_instagram_header .sbi_header_text a{
    color: #fff;
}

/*------------------------------------*\
スライダー（スワイパー／bgswitcher）
\*------------------------------------*/


.swiper-container {
    display: none;
}

.slide-img {
    height: 100%;
}

.swiper-container.noslider {
    display: block;
}

.swiper-container.swiper-container-horizontal {
    display: block;
    /*slick-initializedが付与されたら表示*/
}

.swiper-container {
    /*トップページ設定*/
    height: 100vh;
    /* 変数をサポートしていないブラウザのフォールバック */
    height: calc(var(--vh, 1vh) * 60);
}

.swiper-container.default {
    /*トップページ設定*/
    height: 40vh;
    /* 変数をサポートしていないブラウザのフォールバック */
    height: calc(var(--vh, 1vh) * 40);
}

.swiper-container {
    overflow: hidden;
    /*デフォルト設定*/
    margin: 0 auto;
}

.ch .swiper-container {
    /* カスタムフィールド ch_pc_img に値がある時 */
    min-height: auto;
}

.img_pc_default .swiper-container {
    min-height: 30vh;
    /*ch_pc_defaultクラスがある時*/
    background: #000;
}


.pages .swiper-container {
    overflow: hidden;
    /*ページ設定*/
    margin: 0 auto;
}

.pages.single .swiper-container {}

.swiper .swiper-slide {
    postion: relative;
    height: auto;
    background: transparent;
}

.pages.single .swiper .swiper-slide .page-header {
    height: auto;
    /*シングルページ設定*/
    background: transparent;
}

.swiper .swiper-slide .copy {
    z-index: 99;
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(38% - 25px);
    text-align: center;
    color: white;
    font-weight: 200;
    font-size: 50px;
    line-height: 50px;
}

.swiper .swiper-slide .copy h2 span {
    display: block;
    font-size: 1.5rem;
    letter-spacing: 0.08em;
    font-weight: 100;
}

.swiper-slide img.simg {
    opacity: 1.0;
    width: 100%;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}

.bg-switcher {
    width: 100vw;
    height: 100vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-menu {
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    font-family: "Times New Roman", Times, "serif";
}

.head_copy {
    width: 400px;
    height: auto;
}



/* 〜768px：高さが768px以下(13インチ程度のモニタ)の場合
------------------------------ */
@media screen and (max-height:768px) {

    .swiper-container {
        min-height: 70vh;
        /*設定*/
    }

    .ch .swiper-container {
        /* カスタムフィールド ch_pc_img に値がある時 */
        min-height: auto;
        /*設定*/
    }

    .swiper-container.default {
        min-height: 30vh;
        /*設定*/
    }

    main.index>.flex {
        flex-wrap: wrap-reverse;
    }

}

/* 1280px〜：大型PC以上（25インチ以上）
------------------------------ */
@media screen and (min-width:1280px) {

    .swiper-container {
        min-height: 70vh;
        /*設定*/
    }

    .ch .swiper-container {
        /* カスタムフィールド ch_pc_img に値がある時 */
        min-height: auto;
        /*設定*/
    }

    .swiper-container.default {
        min-height: 30vh;
        /*設定*/
    }

}

/* 〜599px：SP横
------------------------------ */
@media screen and (max-width:599px) {

    .head_copy {
        width: 250px;
        height: auto;
    }

    .mainvisual .bottom .wrap h3 {
        width: 250px;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }

}



/* フェードインエフェクト
------------------------------ */

@keyframes zoomUp {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.15);
    }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
    /*    animation: zoomUp 10s linear 0s 1 normal both;  */
    height: 100%;
}


/* ページではズームさせない。
------------------------------ */

.swiper-slide-active .slide-img.page-header,
.swiper-slide-duplicate-active .slide-img.page-header,
.swiper-slide-prev .slide-img.page-header {
    animation: none;
}

//imgタグだと下に隙間ができるのでblockに。
.slide-img img {
    display: block;
}


/* Slick スライダー（左右3面）用
------------------------------ */


.slick-slider {
    display: none;
}

.slick-slider.slick-initialized {
    display: block;
    /*slick-initializedが付与されたら表示*/
}

.slick-slider {
    display: none;
}

.slick-slider a {
    display: block;
    position: relative;
    text-decoration: none;
    color: transparent;
}

.blogbox {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(37, 73, 35, 0.8);
    color: #ffffff;
    padding: 0.5em;
    font-size: 1.3rem;
    line-height: 1.4;
    min-height: 3.5em;
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    align-items: center;
}

.mainslick .slider {
    width: 100%;
    margin: 0 auto 0px;
}

.mainslick .slick-slide img {
    width: 100%;
    height: auto;
}

.mainslick .mainpattern {
    width: 100%;
}

.mainslick .mainpattern .slick-slide {
    margin: 0px;
}

.mainslick .slick-dots {
    bottom: 5px !important;
}

.mainslick .slick-dots li button {
    /* ドットのサイズ */
    width: 25px !important;
    height: 25px !important;
}

.mainpattern .slick-slide:not(.slick-center) {
    /* ドットのサイズ */
    -webkit-filter: opacity(60%);
    -moz-filter: opacity(60%);
    -o-filter: opacity(60%);
    -ms-filter: opacity(60%);
    filter: opacity(60%);
    transition: 0.2s linear;
}

.mainslick .slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}




/* Slick スライダー（サムネイル連動）用
------------------------------ */

.main_thumb ul {
    margin: 0;
    padding: 0;
}

.main_thumb {
    width: 100%;
    margin: 10px auto;
    position: relative;
}

.main_thumb a {
    color: #666;
}

.main_thumb .slide {
    display: none;
}

li {
    list-style: none;
}

.main_thumb .slide.slick-initialized {
    display: block;
}

.main_thumb .slick-dots {
    margin-top: 5px;
    margin-left: -5px;
    margin-right: -5px;
    display: flex;
    justify-content: center;
}

.main_thumb .slick-dots li {
    list-style: none;
    display: inline-block;
    max-width: 112px;
    max-hegiht: 56px;
    margin: 5px;
}

.main_thumb .slick-dots li img {
    opacity: 0.5;
    width: 100%;
    height: auto;
}

.main_thumb .slick-dots li.slick-active img {
    opacity: 1;
}


.main_thumb .slick-prev {
    position: absolute;
    z-index: 99;
    top: 120px;
    left: -50px;
}

.main_thumb .slick-next {
    position: absolute;
    z-index: 99;
    top: 120px;
    right: -50px;
}

.main_thumb .slick-dots {
    justify-content: center;
    width: 1000px !important;
    margin: 0 auto !important;
}

.main_thumb .slick-dots {
    position: static;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.main_thumb .slick-dots li {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: calc(100%/5);
    height: auto;
    margin: 0 0px;
    padding: 10px 5px;
    cursor: pointer;
}


/* カルーセルスライダー用
------------------------------ */

.carousel {
    margin-top: 0.5em;
}


.carousel .swiper-slide img {}

/* 〜599px：SP横
------------------------------ */
@media screen and (max-width:599px) {

    .swiper .swiper-slide {
        height: auto;
    }

    .swiper-slide {
        height: auto;
    }

    .swiper .swiper-slide img {
        height: 250px;
    }

    .main_thumb .slick-dots {
        width: 100% !important;
    }

    .main_thumb .slick-dots li {
        width: calc(100%/5);
        padding: 5px 3px;
    }


    .slick-slider a {
        color: #254923;
    }

    .blogbox {
        position: static;
        background: rgba(37, 73, 35, 1.0);
        padding: 0em 1.0em;
        font-size: 1.3rem;
        line-height: 1.2;
    }


}

/* 480px〜599px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:599px) {}

/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {}

/* 600px〜：タブレット以上
------------------------------ */
@media screen and (min-width:600px) {}

/* 〜959px：タブレット以下
------------------------------ */
@media screen and (max-width:959px) {}

/* 960px〜：小型PC以上
------------------------------ */
@media screen and (min-width:960px) {}

/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {}

/* 1280px〜：大型PC
------------------------------ */
@media screen and (min-width:1280px) {}


/*------------------------------------*\
ヘッダーアコーディオンメニュー
\*------------------------------------*/

.switch .menuWrapper {
    position: absolute;
    top: 0.5em;
    right: 1.0em;
}

.switch .inner {
    position: absolute;
    z-index: 99;
    right: 5em;
    top: 5.5em;
}

.pagemenu .menuWrapper {
    position: absolute;
    right: 2em;
}

.pagemenu .inner {
    position: absolute;
    right: 2em;
    z-index: 99;
}

.switch .inner li a {
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    display: block;
    background: #ffffff;
    color: #1b2850;
    padding: 5px 10px 3px;
    margin-bottom: 5px;
}

.switch .inner li a:hover {
    background: #1b2850;
    color: #ffffff;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.switch .inner li a span {
    font-size: 1.2rem;
    padding: 3px 10px 3px;
}


/* ヘッダーアコーディオン */

.child {
    display: none;
}


/* PCハンバーガーメニュー */

.menuWrapper {
    position: relative;
    z-index: 0;
    border: 0px solid #ccc;
    width: 50px;
    height: 50px;
}

#menuButton {
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

#menuButton span,
#menuButton::before,
#menuButton::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 36px;
    height: 4px;
    margin: auto;
    background: #1b2850;
}

#menuButton span {
    overflow: hidden;
    z-index: 1;
    color: #1b2850;
}

#menuButton::before {
    z-index: 2;
    transform: translate(0, -12px);
    content: "";
}

#menuButton::after {
    z-index: 2;
    transform: translate(0, 12px);
    content: "";
}

/* ハンバーガーメニュー 閉じる */

#menuButton span {
    opacity: 1;
    transition: opacity 150ms 50ms;
}

#menuButton::before,
#menuButton::after {
    transition: transform 200ms;
}

.active #menuButton span {
    opacity: 0;
    transition: opacity 150ms;
}

.active #menuButton::before {
    transform: rotate(45deg);
}

.active #menuButton::after {
    transform: rotate(-45deg);
}




/*------------------------------------*\
コンテンツ_アコーディオンメニュー
\*------------------------------------*/


.ac_menu {
    margin: 1.5em auto;
}

.ac_menu__item {
    background: #FDD400;
    color: #fff;
    cursor: pointer;
    display: block;
    margin-bottom: 0px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    border-bottom-left-radius: 31px;
    border-bottom-right-radius: 31px;
    -webkit-border-bottom-left-radius: 31px;
    -webkit-border-bottom-right-radius: 31px;
    -moz-border-radius-bottomleft: 31px;
    -moz-border-radius-bottomright: 31px;
}

.ac_menu.catbox .ac_menu__item {
    background: #b5def6;
    color: #fff;
}

.ac_menu__item__link {
    color: #222222;
    display: block;
    line-height: 60px;
    padding: 0 1rem;
    position: relative;
    text-decoration: none;
}


a.ac_menu__item__link:hover {
    color: #ffffff;
}

.ac_menu__item__link h3 {
    text-align: left;
    font-size: 2.3rem;
    padding: 0.3em 1.0em 0.5em;
}

.ac_menu__item__link h3:before {
    font-weight: 300;
    content: " \f00e";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

.ac_menu__item__link:after {
    background: transparent;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Pro";
    line-height: 75px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 60px;
    border-top-right-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topright: 30px;

}

.ac_menu__item__link.on:after {
    content: '\f068';
}



.ac_submenu {
    background: #f2f2f2;
    display: none;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
    -webkit-border-bottom-left-radius: 28px;
    -webkit-border-bottom-right-radius: 28px;
    -moz-border-radius-bottomleft: 28px;
    -moz-border-radius-bottomright: 28px;
}

.ac_submenu__item {
    font-size: 1.4rem;
    text-align: left;
    color: #222;
    padding: 2.0em;
}

.ac_submenu__item a {}

.ac_submenu__item a::after {
    content: "";
    display: block;
    clear: both;
}

.ac_submenu__item a.ac_href::after {
    display: inline;
    clear: none;
}

.ac_menu img.fleft {
    padding-right: 1.0em;
    width: 100px;
    height: auto;
}






/* 〜599px：SP横
------------------------------ */
@media screen and (max-width:599px) {

    .ac_submenu__item {
        padding: 2.0em;
    }

    .ac_submenu__item p {
        display: block;
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }

}

/*------------------------------------*\
メインビジュアル
\*------------------------------------*/

.header_wrap {}

section .middle .wrap h2 {
    text-align: center;
    color: #444444;
    line-height: 1.5;
    margin-top: 0em;
    font-size: 2.0rem;
    letter-spacing: 0.08em;
}

section .middle {
    padding: 0em 0;
}

.mainvisual {
    z-index: 2;
    position: relative;
    background: transparent;
}


.mainvisual.taxtitle .bottom h1 {
    color: #fff;
    font-size: 2.0em;
}


.home .mainvisual {
    background: #FDF9F6;
    position: relative;
}


.mainvisual.taxtitle {
    background: #000000;
}


.swiper.headline img {
    width: 100%;
    height: auto;
}

.pages .swiper.headline img {
    opacity: 0.0;
    width: 100%;
    height: auto;
}

.plain .swiper.headline img {
    width: 100%;
    height: 100%;
    opacity: 1.0;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
          opacity: 0;
  animation: fadein_a 1s ease forwards;
  transform: translateY(-20px);
}

.plain.taxtitle .swiper.headline img {
    opacity: 0.8;
}

.swiper.headline.use_copy {
    /* カスタムフィールド ch_copy に値がある時 */
    background: #000000;
}

.swiper.headline.use_copy img {
    /* カスタムフィールド ch_copy に値がある時 */
    opacity: 0.8;
}


.mainvisual video source {
    display: block;
    width: 100vw;
    width: auto;
}

.mainvisual .parts_circle {
    position: absolute;
    top: -1px;
    width: 100vw;
    height: auto;
}

.mainvisual::before {}


/*メインビジュアル メニュー*/

.mainvisual .bottom {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.mainvisual .bottom .wrap {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.mainvisual .bottom .wrap .flex {
    width: 100%;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}

.mainvisual .bottom .wrap .flex>li:first-child {
    position: relative;
    display: block;
    flex-basis: 100%;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}

.mainvisual .bottom .wrap .flex>li .copy_main {
    width: 100%;
    opacity: 0;
}

.mainvisual .bottom .wrap .flex>li .copy_main p svg {
    width: 200px;
}

.mainvisual .bottom .wrap .flex>li:last-child {}

.mainvisual .bottom .wrap .flex>li:last-child img {
    height: 50vh;
    max-height: 350px;
    width: auto;
    opacity: 0;
}

.mainvisual.blog .bottom .wrap .flex>li:last-child img {
    height: 50vh;
    max-height: 200px;
    width: auto;
}

.mainvisual .bottom .wrap .top_sns_icon {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
}

.mainvisual .bottom .wrap .top_sns_icon li {
    padding: 0.5em;
    font-size: 3.0rem;
}



.mainvisual .bottom .wrap .copy_top {}

.mainvisual .bottom .wrap h3 {
    color: #ffffff;
    padding: 0.5em 0;
    font-size: 2.5rem;
    letter-spacing: 0.05em;
}

.mainvisual .bottom .wrap h4 {
    padding: 0em 0 0;
    color: #ffffff;
}

.mainvisual .bottom .wrap h4 a {
    text-decoration: none;
    border: 1px solid #254923;
    color: #254923;
    padding: 0.5em 0.5em;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}

.mainvisual .bottom .wrap h4 a:hover {
    text-decoration: none;
    border: 1px solid #254923;
    color: #ffffff;
    background: #254923;
}

.mainvisual .bottom .wrap .copy_top span,
.mainvisual .bottom .wrap span {
    color: #cccccc;
    font-size: 1.4rem;
    font-weight: 400;
    display: block;
    padding-bottom: 1.5em;
}

.search-results .mainvisual .bottom .wrap .copy_top span {
    display: inline;
    padding-bottom: 1.5em;
}

.mainvisual .bottom .wrap h2.copy_top,
.mainvisual .bottom .wrap h1.copy_top {
    font-size: 3.5rem;
    line-height: 1.4;
}

.mainvisual .bottom .wrap h2.copy_top {
    width: 100%;
    margin: 0.5em auto 0em;
}

.mainvisual .bottom .wrap h1.copy_top.single {
    max-width: 80%;
    font-size: 2.5rem;
    line-height: 1.8;
}

.mainvisual .bottom .wrap h1.copy_top.single span {
    font-size: 1.5rem;
}

.mainvisual .bottom .wrap .copy_top img.copy_top_ol {
    width: 350px;
}

.mainvisual .bottom .wrap .copy_top img.illust_01 {
    width: 90px;
    display: block;
    margin: 0 auto;
}

.mainvisual .bottom .wrap .copy_top img.illust_02 {
    width: 350px;
    /*    filter: drop-shadow(0px 0px 0px #000);*/
}

.mainvisual .bottom .wrap .copy_top_b {
    height: auto;
    position: absolute;
    bottom: 10%;
    left: 5%;
}

.mainvisual .bottom .wrap .copy_top_b img {
    width: 200px;
}


.mainvisual .bottom .wrap .illust_03 {
    height: auto;
    position: absolute;
    bottom: 120%;
    left: 5%;
}

.mainvisual .bottom .wrap .illust_03 img {
    width: 80px;
}

.mainvisual .bottom .wrap .illust_03 span {
    display: block;
    color: white;
}

.mainvisual .bottom .wrap .illust_03b img {
    width: 80px;
}


.mainvisual .bottom .wrap a.mark01 {
    position: absolute;
    bottom: -20px;
    right: 5%;
}

.mainvisual .bottom .wrap .mark01 img,
.mainvisual .bottom .wrap .mark02 img {
    width: 80px;
}

.mainvisual .bottom .wrap .mark02 {
    position: absolute;
    bottom: 10%;
    right: 5%;
}


.mainvisual .bottom .wrap a.mark01:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.mainvisual .bottom nav {
    padding: 1.0em 0;
}

.mainvisual .bottom nav ul.g_menu {
    width: 60%;
    margin: 0 auto;
}





/* 下層ページ用設定 */


section.cl_page01 .contents {
    padding: 2.0em 0em 2.0em;
}

.itemlist section.cl_page01 .contents {
    padding: 3.0em 1.5em 4.0em;
}

.cl_page01 .introbox {
    padding: 0 0em;
    position: relative;
}

.cl_page01 .introbox>img {
    position: relative;
    z-index: 1;
    margin-left: 0.3em;
}

.cl_page01 .introbox .title {
    text-align: center;
    width: 230px;
    position: absolute;
    top: 0;
    z-index: 2;
    top: 45%;
    left: 50%;
    transform: translate(-45%, -50%);
    -webkit-transform: translate(-45%, -50%);
    -ms-transform: translate(-45%, -50%);
    border-bottom: 0px dashed #ccc;
}

.cl_page01 .introbox .title img:first-child {
    margin-bottom: 0.5em;
    width: 150px;
    height: auto;
}

.aboutus .cl_page01 .introbox .title img:first-child {
    width: 400px;
}

.cl_page01 .introbox .title p {
    font-size: 1.6rem;
    color: #67513c;
}


.cl_ .titlebox_page {
    background: #8A715B;
    padding: 0.3em 0.3em 0.3em;
}

.cl_ .titlebox_page h1.title,
.cl_ .titlebox_page h2.title,
.cl_ .titlebox_page h3.title {
    color: #ffffff;
    font-size: 1.8rem;
    border: 1px dashed #fff;
    padding: 0.3em;
    text-align: center;
    margin-bottom: 0em;
    margin-top: 0em;
}

.cl_ .titlebox_page h3.title {
    text-align: left;
    font-size: 1.5rem;
}

.cl_ .floatr {
    width: 100%;
    margin-bottom: 1.0em;
}

.cl_ .secbox {
    padding: 1.5em 0 0;
}

.cl_ .secbox p,
.cl_privacy p {
    font-size: 1.6rem;
    color: #67513c;
    line-height: 1.8;
    margin-bottom: 1.0em;
}

.cl_ .secbox p:last-child {
    margin-bottom: 0em;
}

.cl_page06 .secbox table {
    text-align: left;
    margin: 0 auto;
    font-size: 1.4rem;
    color: #67513c;
    line-height: 1.8;
    margin-bottom: 0em;
}

.cl_page06 .secbox table td,
.cl_page06 .secbox table th {
    padding: 1.0em 0.5em;
}


.cl_regal table,
.guide table {
    text-align: left;
    margin: 1.5em auto 0;
    font-size: 1.4rem;
    color: #67513c;
    line-height: 1.8;
    margin-bottom: 0em;
}

.cl_regal table tr {
    border-bottom: 1px dashed #67513c;
}

.cl_regal table th {
    width: 25%;
}

.cl_regal table td {
    width: 75%;
}

.cl_regal table td,
.cl_regal table th {
    padding: 1.0em 0.5em;
    vertical-align: middle;
}

.cl_regal table th {
    font-weight: 600;
}






/* 商品ページ用設定 */

.single-flower .cl_top_item .flex {
    flex-wrap: wrap;
}

.single-flower .cl_top_item .flex>div {
    flex-basis: 100%;
}

.single-flower .flex .itembox p {}

.single-flower section .contents .inner h1 {
    max-width: 100%;
    font-size: 2.0rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .05rem;
    color: #67513c;
    margin-bottom: 1.5em;
}

.single-flower .flex .itembox ul {
    margin-bottom: 2.0em;
}

.single-flower .flex .itembox ul li {
    margin-bottom: 1.4rem;
    color: #67513c;
    border-bottom: 1px dashed #67513c;
    padding-bottom: 1.0em;
}

.single-flower .price {
    font-size: 2.0rem;
    color: #67513c;
    font-weight: 500;
    padding: .5em 1.0em;
    border: 1px solid #67513c;
}





.cl_ .secbox .flex {
    flex-wrap: wrap;
}

.guide .cl_ .secbox .flex {
    flex-wrap: wrap;
    justify-content: space-around;
}

.cl_ .secbox .flex div {
    flex-basis: 100%;
}

.cl_ .secbox .flex div img {
    margin-bottom: 1.0em;
}

.cl_.cl_page01 .secbox .flex div img,
.cl_.cl_page02 .secbox .flex div img {
    margin-top: 1.0em;
}

.cl_page01 .contents .secbox {
    padding: 3.0em 1.5em 0em;
}

.cl_.cl_page02 .secbox .sec03 img {
    padding-bottom: 1.5em;
}

.cl_.cl_page04 .secbox>img {
    padding-bottom: 2.0em;
}


.cl_page_menu ul {
    flex-wrap: wrap;
    justify-content: center;
}

.cl_page_menu ul li {
    flex-basis: 100%;
}

.cl_page_menu ul li a {
    margin: 0.3em;
    display: block;
    font-size: 1.3rem;
    padding: 0.5em 1.0em;
    text-align: center;
    background: #644C33;
    color: #fff;
    border-radius: 30px;
    /* CSS3草案 */
    -webkit-border-radius: 30px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 30px;
    /* Firefox用 */
}



/* about us gridレイアウト */


.cl_page03 .gridphoto {

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 3px;
    grid-row-gap: 3px;
}

.cl_page03 .gridphoto .div1 {
    grid-area: 1 / 1 / 2 / 2;
}

.cl_page03 .gridphoto .div2 {
    grid-area: 1 / 2 / 3 / 3;
}

.cl_page03 .gridphoto .div3 {
    grid-area: 2 / 1 / 3 / 2;
}

.cl_page03 .gridphoto .div4 {
    grid-area: 1 / 3 / 2 / 4;
}

.cl_page03 .gridphoto .div5 {
    grid-area: 2 / 3 / 3 / 4;
}





article.topinfo {
    padding-top: 3.0em;
    background: #EEB9C1;
}


article.page {
    padding-bottom: 0em;
}



/*------------------------------------*\
WEBサイト 固有カスタム
\*------------------------------------*/


#carousel-ranking li {
    counter-increment: number 1;
}

#carousel-ranking li .listbox::before {
    content: counter(number)"位";
    background-color: #eeeeee;
    font-size: 85%;
    display: block;
    position: absolute;
    left: 0;
    color: #555555;
    padding: 0.2em 0.2em 0.2em 0;
    font-weight: bold;
    width: 4.5em;
    text-align: center;
    opacity: 0.8;
    border-radius: 0 18px 18px 0;
    box-sizing: border-box;
    z-index: 1;
}

#carousel-ranking li:first-child .listbox::before {
    background-color: #C9A746;
    color: #ffffff;
}

#carousel-ranking li:nth-child(2) .listbox::before {
    background-color: #ffffff;
    color: #565656;
}

#carousel-ranking li:nth-child(3) .listbox::before {
    background-color: #815a2b;
    color: #ffffff;
}

ul.post-categories {
    z-index: 2;
    position: absolute;
    top: 0.5em;
    left: 0.5em;
}

.author ul.post-categories {
    z-index: 2;
    position: static;
    top: 0em;
    left: 0em;
    font-weight: 300;
}

.cl_infomation.columnlist .contents ul.post-categories li,
.side_list01 ul.post-categories li {
    flex-basis: calc(100%);
    font-size: 1.4rem;
    color: #ffffff;
    background: #254923;
    padding: 0.2em 0.5em 0.2em;
    margin: 0em 0 0em;
    text-decoration: none;
}


.side_list01 ul.post-categories li {
    color: #254923;
    background: #ffffff;
    border: 1px solid #254923;
}



.wp-pc_nav {}

.wp-sp_nav {}

section .contents {
    width: 100%;
    margin: 0 auto;
    padding: 3.0em 1.5em 4.0em;
}

section.cl_top05 .contents {
    padding: 3.0em 1.5em 10.0em;
}

.megaabout section .contents {
    /* メガメニュー用 */
    padding: 0px 0px 0px;
}

.megacontact section .contents {
    /* メガメニュー用 */
    padding: 0px 0px 0px;
}

.logo-img {
    width: 300px;
}

section .middle h2 {
    font-size: 3.0rem;
}

section .middle h2 span {
    display: block;
    font-size: 2.0rem;
}



.cl_top_01,
.cl_top_04 {
    text-align: center;
}

.cl_top_01 .contents,
.cl_top_04 .contents {
    padding: 2.0em 0 3.0em;
}

.cl_top_01 h2,
.cl_top_04 h2 {
    font-size: 3.0rem;
    padding-bottom: 1.0em;
}

.cl_top_01 .contents p {
    padding-bottom: 2.0em;
    line-height: 2.0em;
}




/* サービスページ 関連サービスの表示 */

.relativebox {
    padding: 0em 1.0em 0em;
}

.relativebox ul {
    flex-wrap: wrap;
}

.pages .relativebox .contents h2 {
    font-weight: bold;
    font-size: 2.7rem !important;
    line-height: 1.5;
    padding: 15px;
    margin: 20px 0px 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 7px solid #83E5BF;
    text-align: left;
    display: block;
}

.relativebox ul li {
    flex-basis: calc(100%/5);
}

.relativebox ul li a {
    padding: 0.5em;
    display: block;
    text-decoration: none;
    line-height: 1.5;
    font-size: 1.4rem;
}

.relativebox ul li a .blogbox {}




/* パルテール 企業理念 */

.cbox .text {
    flex-basis: 60%;
    box-sizing: border-box;
}

.cbox .text:last-child {
    padding: 0em 0em 0em 1.0em;
}

.cbox .text:first-child {
    padding: 0em 1.0em 0em 0em;
}

.cbox .thumb {
    flex-basis: 40%;
}

.cbox .thumb img {
    width: 100%;
}




/* パルテール ブログカスタマイズ */

.pages .contents h2 {
    font-size: 2.3rem;
    padding-bottom: 0em;
    margin-bottom: 1.0em;
    margin-top: 1.0em;
    border-bottom: 1px dashed #ccc;
}

.pages .contents h3{
    font-size: 2.0rem;
    padding-bottom: 0em;
    margin-bottom: 1.0em;
    margin-top: 1.0em;
}

.pages .contents h2 {
    padding-top: 2.0em;
}

.pages .contents h3 span,
.pages .contents h2 span {}

.cl_single {
    color: #846A51;
}

.cl_single p {
    font-size: 1.6rem;
    color: #67513c;
    line-height: 1.8;
    margin-bottom: 1.0em;
}


.cl_page.message {
    padding: 4.0em 0;
    color: #ffffff;
    background: #dd0000;
    text-align: center;
}

.cl_page .title01 {
    background: url(../images/common/img_03@2x.jpg);
    background-size: cover;
    padding: 4.0em 0;
}

.cl_page .contents {
    padding: 3.0em 0 5.0em;
    position: relative;
}

.cl_page h2 {
    font-size: 3.0rem;
    padding-bottom: 0em;
}

.cl_page h2 span {
    display: block;
}

.cl_page .title02 {
    width: 100%;
}

.cl_page .title02 h2 {
    text-align: center;
    background: #d00;
    color: #ffffff;
    padding: 0.3em 0;
    font-size: 2.5rem;
}


.cl_page.reason .contents .box {
    justify-content: flex-end;
    position: relative;
}

.cl_page.reason .contents .box p {
    text-align: left;
    line-height: 2.0;
}

.cl_page.reason .contents .box li:nth-child(1) {
    position: absolute;
    top: -120px;
    left: 0;
}

.cl_page.reason .contents .box li:nth-child(2) {
    flex-basis: 60%;
    box-sizing: border-box;
    padding: 1.5em 0;
}

.cl_page .contents.page_menu {
    width: 100%;
}

.cl_page .contents.page_menu .flex {
    flex-wrap: wrap;
    justify-content: center;
}

.cl_page .contents.page_menu .flex li {
    flex-basis: 25%;
    text-align: left;
    line-height: 3.0;
    font-size: 1.8rem;
}

.cl_page .contents.page_menu .flex li:before {
    font-weight: 300;
    content: " \f105";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}


.cl_page.jigyo .contents ul.box:nth-child(even) {
    flex-direction: row-reverse;
    margin: 2.0em 0;
}


.cl_page.jigyo .contents ul.box li:first-child {
    flex-basis: 50%;
    position: relative;
    background: #000;
}

.cl_page.jigyo .contents ul.box li:first-child img {
    opacity: 0.8;
    height: 100%;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}

.cl_page.jigyo .contents ul.box li:first-child h2 {
    letter-spacing: 0.1em;
    z-index: 2;
    color: #ffffff;
    width: 100%;
    height: 100%;
    position: absolute;
    justify-content: center;
    align-items: center;
}

.cl_page.jigyo .contents ul.box li:nth-child(2) {
    flex-basis: 50%;
    padding: 1.0em;
    text-align: left;
}

.cl_page.jigyo .contents ul.box li:nth-child(2) h2 {
    font-size: 2.3rem;
    margin-bottom: 0.5em;
}

/*2024/9/27　ブログ記事タイトル余白調整*/

section .contents .inner .bgtitle + div.m40-b{
    margin-top: 3em;
}



/* ブログ 関連サービス */


section.relative .contents {
    padding: 4.0em 4.0em 4.0em;
    border-radius: 10px;
    /* CSS3草案 */
    margin-bottom: 2.0em;
}

section.relative .contents ul {
    flex-wrap: wrap;
}

section.relative .contents ul li {
    flex-basis: calc(100%/4);
}

section.relative .titlebox_page {
    margin-bottom: 2.0em;
}

section.relative .contents ul li div {
    padding: 0.5em;
}

section.relative .contents ul li div a {
    text-decoration: none;
}

section.relative .contents ul li div a img {
    height: 150px;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}

section.relative .contents ul li div a p {
    font-size: 1.4rem;
}


/* トップページ */








/* 会社概要 */

.cl_page.story .contents {
    margin: 4.0em auto;
    padding: .0em 0 .0em;
    overflow: hidden;
    color: #222222;
}

.cl_page.story02 .contents {
    margin: 0em auto 4.0em;
    padding: 0em 0 0em;
}


.cl_page.story .contents .profile {
    position: relative;
    z-index: 1;
    text-align: left;
    padding-bottom: 3.0em;
}

.cl_page.story .contents .profile h2 {
    font-size: 3.0rem;
    letter-spacing: 0.05em;
}

.cl_page.story .contents .profile h3 {
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    padding: 2.0em 0;
}

.cl_page.story .contents .profile p {
    font-size: 1.5rem;
    line-height: 2.5em;
}

.cl_page.story .contents img.posimg01 {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.cl_page.story .contents img.posimg02 {
    width: 20%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}



.cl_page.story02 .contents p {
    padding: 2.0em 0;
    font-size: 1.5rem;
    line-height: 2.5em;
    text-align: left;
}

.cl_page.gaiyo .contents h2 {
    text-align: left;
    font-size: 2.5rem;
    padding-bottom: 1.0em;
}

.cl_page.gaiyo .contents table td,
.cl_page.gaiyo .contents table th {
    text-align: left;
    padding: 0.5em 0;
    font-size: 1.5rem;
}

.cl_page.gaiyo .contents table th {
    width: 25%;
}

.cl_page.gaiyo {
    background: #dd0000;
    color: #ffffff;
}

.cl_page.gaiyo .contents img {
    width: 300px;
    margin-bottom: 4.0em;
    position: absolute;
    bottom: 0;
    right: 0;
}




.cl_top_01.entry .explanation p {
    padding-bottom: 0em;
}



.cl_page.jigyo_qa .contents h2 {
    color: #512116;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(179, 179, 179, 0.33) 5px, rgba(179, 179, 179, 0.33) 7px);
    margin-bottom: 0.5em;
    padding: 0.2em 0.5em;
}

.cl_page.jigyo_qa .contents ul {
    position: relative;
    flex-wrap: wrap;
    color: #ffffff;
    z-index: 1
}

.cl_page.jigyo_qa .contents ul h2 {
    font-size: 2.0rem;
    border-bottom: 1px solid #fff;
    margin-bottom: 0.8em;
}

.cl_page.jigyo_qa .contents ul h2:before {
    font-weight: 300;
    content: "Q.";
    padding-left: 2px;
    padding-right: 5px;
}

.cl_page.jigyo_qa .contents ul p {
    font-size: 1.4rem;
}

.cl_page.jigyo_qa .contents ul li {
    flex-basis: 50%;
    text-align: left;
    padding: 1.0em;
}

.cl_page.jigyo_qa .contents ul li .box {
    background-color: rgba(98, 44, 35, 0.5);
    height: 100%;
    padding: 1.0em 1.0em 1.5em;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}


.cl_page.jigyo_qa .contents img {
    width: 300px;
    opacity: 0.4;
    position: absolute;
    top: 10.0em;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
}

.cl_page.jisseki .contents {
    padding: 0em 0 5.0em;
}

.cl_page.jisseki .contents .right img {
    padding-right: 0.3em;
    width: 50%;
}

.cl_page.jisseki .contents .left img {
    padding-left: 0.3em;
    width: 50%;
}


.cl_page.jisseki .contents ul {
    padding: 0.3em 0;
    flex-wrap: wrap;
}

.cl_page.jisseki .contents ul li {
    flex-basis: 25%;
    padding: 0.3em;
}


.cl_top_02 .title01 {
    background: url(../images/common/img_04@2x.jpg);
    background-size: cover;
    padding: 4.0em 0;
    text-align: center;
}

.cl_top_02 .title01 h2,
.cl_top_05 .title01 h2,
.cl_top_06 .title01 h2 {
    color: white;
    font-size: 3.0rem;
}

.cl_top_02 .title01 h2 span,
.cl_top_05 .title01 h2 span,
.cl_top_06 .title01 h2 span {
    font-size: 1.8rem;
    display: block;
}

.cl_top_05 .right.more {
    margin-top: 1.0em;
    font-size: 1.8rem;
}

.cl_top_02 .title01 h2,
.cl_top_05 .right.more:before {
    font-weight: 300;
    content: " \f101";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

.cl_top_02 .title01 h2 span:after {}

.cl_top_02 .title02 {
    position: relative;
    padding: 4.0em 0;
    text-align: center;
}

.cl_top_02 .title02 h2 {
    font-size: 3.0rem;
}

.cl_top_02 .title02 img {
    width: 40%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.cl_top_02 .cl_top_02_foot img {
    width: 40%;
}

.cl_top_02 .bg {
    margin: 0em 0;
    background: url(../images/photo/img_06@2x.jpg);
    background-size: cover;
    background-position: center top;
}

.cl_top_02 .bg .contents ul {
    justify-content: space-around;
}

.cl_top_02 .bg .contents ul>li {}

.cl_top_02 .bg .contents ul>li .circle_box {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 350px;
    height: 350px;
    background-color: rgba(98, 44, 35, 0.8);
    border-radius: 100%;
    /* CSS3草案 */
    -webkit-border-radius: 100%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 100%;
    /* Firefox用 */
}

.cl_top_02 .bg .contents ul>li h2 {
    color: #ffffff;
    text-align: center;
    font-size: 3.0rem;
    width: 80%;
    margin-bottom: 0.5em;
}




/* 問い合わせフォーム */


.tellconbox {
    background: #FAF2E0;
    color: #8A715B;
    padding: 2.0em;
    margin-top: 2.0em;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    text-align: center;
}

.telephone_no {
    margin-top: 1.5em;
}

.tellconbox a {
    font-size: 3.0rem;
    color: #8A715B;
}


.noticebox h3,
.noticebox02 h3 {
    font-size: 1.8rem;
    margin-bottom: 0.5em;
}

.noticebox p,
.noticebox02 p {
    font-size: 1.3rem;
    font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
    text-align: left;
}

.noticebox.tenpochui p {
    font-size: 1.2rem;
    padding-bottom: 0em;
    color: #d00;
}

.noticebox ul li {
    font-size: 1.3rem;
    font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
    text-align: left;
}

.noticebox,
.noticebox02 {
    text-align: left;
}

.noticebox {
    background: #eee;
    padding: 1.0em;
    margin-bottom: 4.0em;
}

.contact_caution {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    border: 3px double #8A715B;
    background-color: #fff;
    box-sizing: border-box;
    padding: 1.5em;
}

.contact_caution p span {
    display: block;
    text-align: center;
    font-weight: bold;
}

.contact_caution .check {
    justify-content: center;
}

/* 404ページ */


.tellconbox.box404 a {
    font-size: 1.4rem;
    color: #8A715B;
}

.tellconbox.box404 {
    text-align: left;
}

.tellconbox.box404 ul li {
    font-size: 1.4rem;
    padding-bottom: 1.0em;
    padding-left: 1em;
    text-indent: -1em;
}

.tellconbox.box404 ul li:before {
    font-weight: 600;
    content: " \f0da";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}


/* お買い物ガイド */

.guide a {
    color: #67513c;
}

.guide table th {
    font-weight: 600;
}

.guide table td,
.guide table th {
    line-height: 1.5;
    padding: 0.5em;
    border: 1px solid #67513c;
}

.guide .t_title {
    background: #67513c;
    color: #fff;
    text-align: center;
}

.guide .list_flow {
    margin-top: 2.0em;
}

.guide .list_flow li {
    position: relative;
    font-size: 1.3rem;
    color: #67513c;
    line-height: 1.5;
    margin-bottom: 1.0em;
    flex-basis: calc(100%/1);
    padding: 0.5em;
}

.guide .list_flow li div {
    min-height: 57px;
    background: #1B4119;
    color: #ffffff;
    font-size: 1.4rem;
    padding: 0.5em;
    margin-bottom: 1.0em;
    line-height: 1.5;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    align-items: center;
}

.guide .list_flow li:after {
    position: absolute;
    right: -0.2em;
    top: 25px;
    color: #1B4119;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    content: " \f0da";
    font-family: "Font Awesome 5 Pro";
}

.guide .list_flow li:last-child:after {
    content: "";
    font-family: "Font Awesome 5 Pro";
}

.list_delivery {
    margin-bottom: 1.0em;
}

.list_delivery p {
    text-align: center;
}

.pages .contents h3.guidesubtitle {
    font-weight: 600;
    font-size: 1.5rem;
    color: #67513c;
    padding-bottom: 0em;
    margin-bottom: 1.0em;
    margin-top: 0em;
    border-bottom: 1px dashed #ccc;
}





/*ボタンデザイン*/

a.btn_detail {
    background: #ffffff;
    border: 0px solid #dd0000;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 0.8em 1.0em;
    color: #dd0000;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
    text-decoration: none;
}

.app a.btn_detail {
    display: block;
    text-align: center;
    background: #ffffff;
    border: 1px solid #dd0000;
    font-weight: 300;
    line-height: 0.1em;
    font-size: 1.8rem;
    padding: 1.3em 1.8em;
    max-width: 300px;
    color: #dd0000;
    margin: 0 auto;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
    font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
}

a.btn_detail:hover {
    background: #dd0000;
    color: #ffffff;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

a.btn_detail:before {
    font-weight: 600;
    content: " \f0da";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

a.btn_detail.tell:before {
    font-weight: 600;
    content: " \f8d3";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

.app a.btn_detail:hover {
    background: #dd0000;
    color: #ffffff;
}


.cl_top_menu a.btn_detail {
    padding: 0.7em 1.4em;
    color: white;
    border: 1px #dd0000 solid;
}

.cl_top_menu a.btn_detail:hover {
    background: #fff;
    color: #d00;
}

.cl_top_menu .slide_02 img {
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}



/*ボタン_スライドメニュー補正*/

nav.slidemenu .slidebtn {
    width: 100%;
}

nav.slidemenu li a.btn_detail {
    display: block;
    color: #ffffff;
    text-align: center;
}

nav.slidemenu .slidemenu_top li {
    flex-basis: 100%;
}

nav.slidemenu .slidemenu_top li:last-child {
    padding: 0em 0em 1.0em;
}

nav.slidemenu .logo {
    opacity: 0.7;
    width: 150px;
    height: auto;
    z-index: 0;
    position: absolute;
    bottom: 2%;
    right: 5%;
}

nav.slidemenu .slidebtn a.btn_detail {
    display: block;
    color: #dd0000;
    text-align: center;
}

nav.slidemenu .slidebtn a.btn_detail:hover {
    background: #dd0000;
    color: #ffffff;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}




.cl_top_menu {
    background: #D6EEFF;
    padding-top: 0em;
    padding-bottom: 0em;
}

.cl_top_menu .contents ul.flex {
    flex-wrap: wrap;
}


.cl_top_menu .contents ul.flex img {
    width: 180px;
    height: 180px;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
        border-radius: 0%;
    /* CSS3草案 */
    -webkit-border-radius: 0%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0%;
    /* Firefox用 */
}


section.cl_top_menu .contents {
    padding: 0px 0px 4.0em;
}

.cl_top_menu .contents ul.flex li {
    width: calc(100%/3);
    box-sizing: border-box;
    padding: 0.5em;
    text-align: center;
}

.cl_top_menu .contents ul.flex h2 {
    text-align: center;
    font-size: 2.3rem;
    margin-top: 0em;
    margin-bottom: 0.5em;
    letter-spacing: 0.05em;
}

.cl_top_menu .contents ul.flex h3 {
    position: relative;
    display: inline-block;
    font-weight: 600;
    margin: 1.5em 15px 1.5em 0;
    padding: 0.8em 1.0em;
    min-width: 90%;
    max-width: 100%;
    height: 67px;
    color: white;
    font-size: 2.0rem;
    background: #707070;
}

.cl_top_menu .contents ul.flex h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -34px;
    border: 34px solid transparent;
    border-left: 34px solid #707070;
}

.cl_top_menu .contents ul.flex a {
    text-align: center;
}

.cl_top_menu .contents ul.flex p {
    font-size: 1.4rem;
    margin-top: 1.0em;
    text-align: center;
}



.cl_top_03 .bg {
    margin: 0.5em 0;
    padding: 1.5em 0;
    background: url(../images/photo/img_26@2x.jpg);
    background-size: cover;
}


.cl_top_03 .contents {
    text-align: center;
}

.cl_top_03 .bg img {
    width: 50%;
    height: auto;
}



.cl_top_search.bg_gray {
    background: #eeeeee;
}

.cl_top_search.bg_pink {
    background: #254923;
}

.cl_top_menu .title02,
.cl_top_search .title02 {
    position: relative;
    padding: 4.0em 0 3.0em;
    text-align: center;
}

.cl_top_menu .title02 h2,
.cl_top_search .title02 h2 {
    font-weight: 300;
    font-family: 'Quicksand', "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-size: 3.0rem;
}


.cl_top_menu .title02 h2 span,
.cl_top_search .title02 h2 span {
    display: block;
    font-size: 1.4rem;
    color: #0094ff;
    letter-spacing: 0.1em;
    font-family: 'Quicksand', "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
}

.cl_top_menu .title02 img {
    width: 40%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cl_top_search .contents ul.metabox {
    flex-wrap: wrap;
    margin-bottom: 2.0em;
}

.cl_top_search .contents ul.metabox li {
    display: block;
    flex-basis: 20%;
    font-size: 1.3rem;
    padding: 0.3em;
}

.cl_top_search .contents ul.metabox li a {
    text-decoration: none;
    color: #666;
    text-align: center;
    display: block;
    border: 1px solid #ccc;
    padding: 0.8em 1.0em;
    border-radius: 7px;
    /* CSS3草案 */
    -webkit-border-radius: 7px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;
    /* Firefox用 */
}

.cl_top_search.bg_pink .contents ul.metabox li a {
    text-decoration: none;
    color: #666;
    text-align: center;
    display: block;
    border: 1px solid #ffffff;
    background: #ffffff;
}

.cl_top_search .contents ul.metabox li a:hover {
    background: #666666;
    color: #ffffff;
}


.cl_top_05 .title01 {
    background: url(../images/common/img_05@2x.jpg);
    background-size: cover;
    padding: 4.0em 0;
    text-align: center;
}


.cl_top_05 .contents .greeting {
    position: relative;
}

.cl_top_05 .contents .greeting .box {}

.cl_top_05 .contents .greeting .box li {
    align-items: center;
    flex-basis: 60%;
    padding: 0em 3.0em;
    background-color: rgba(98, 44, 35, 0.8);
    height: 100%;
}

.cl_top_05 .contents .greeting .box li p {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.0;
}


.cl_top_05 .contents .greeting h2 img {
    margin-top: 1.0em;
    width: 70%;
    height: auto;
}

.cl_top_05 .contents .box {
    color: #ffffff;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.cl_top_05 .contents .box .right img {
    margin-top: 1.0em;
    width: 30%;
    height: auto;
}





.cl_top_06 .title01 {
    background: #d00;
    padding: 4.0em 0;
    text-align: center;
}

.cl_top_06 .recruit {
    background: #000;
    position: relative;
}

.cl_top_06 .recruit img {
    opacity: 0.7;
}

.cl_top_06 .recruit h2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    align-items: center;
    justify-content: center;
}

.cl_top_06 .recruit h2 span {
    font-size: 5.0rem;
    color: white;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.cl_top_06 .recruit_cap {
    background: #707070;
    padding: 1.0em 0;
    text-align: left;
}

.cl_top_06 .recruit_cap .contents {
    position: relative;
}

.cl_top_06 .recruit_cap .contents h3 {
    color: white;
    font-size: 2.5rem;
}

.cl_top_06 .recruit_cap .contents img {
    width: 250px;
    height: auto;
    position: absolute;
    right: 5%;
    top: -3.0em;
}




.release_title {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.0em;
}

.release_title h2 {
    color: #333333;
    font-weight: 300;
    font-size: 3.0rem;
    font-family: 'Quicksand', sans-serif;
    line-height: 1.0em;
    text-align: left;
}

.release_title h2 span {
    color: #333333;
    display: block;
    font-size: 1.3rem;
}


.release_title .link_btn {
    margin: 0 0 0;
}

.release_title .link_btn a {
    font-size: 1.4rem;
    text-decoration: none;
    text-align: right;
    color: #333333;
    background: #ffffff;
    border: 1px #666666 solid;
    padding: 5px 15px 5px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
}

.release_title .link_btn a:hover {
    color: #ffffff;
    background: #254923;
    border: 1px #254923 solid;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


.release_list {
    padding: 0.5em;
    background: #ffffff;
    margin-bottom: 2.0em;
}


.release_list dl {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

#infomation .item0 .release_list dl {
    padding: 10px 0;
    border-bottom: 0px solid #ccc;
}

.release_list dt,
.release_list dd {
    font-size: 1.4rem;
}

.release_list dt {
    letter-spacing: 0.05em;
    font-family: 'Quicksand', sans-serif;
}

.release_list dd a {
    text-decoration: none;
}

#infomation .contents .left {
    flex-basis: 50%;
}


#infomation .contents .right {
    flex-basis: 50%;
}

#infomation .contents .right ul {
    flex-wrap: wrap;
}

#infomation .contents .right ul li {
    flex-basis: 33%;
    padding: 0.3em;
}

#infomation .contents .right ul li img {
    height: 150px;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}

#infomation .contents .right ul li a {
    color: #444;
    font-size: 1.4rem;
    text-decoration: none;
}

#infomation .contents .right ul li a .blogbox {
    text-align: left;
    padding-bottom: 1.5em;
}

#infomation .contents .right ul li a .blogbox span.date {
    display: block;
    color: #999;
}



@media screen and (min-width: 768px) {
    .release_list dt {
        clear: left;
        float: left;
        width: 25%;
    }

    .release_list dd {
        margin-left: 25%;
    }


    #infomation .contents .left {
        flex-basis: 100%;
    }


    #infomation .contents .right {
        flex-basis: 100%;
    }

}





.cl_infomation.columnlist .contents ul {
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    flex-wrap: wrap;
}

.cl_infomation.columnlist .contents ul li {
    flex-basis: calc(100%/3);
    font-size: 1.4rem;
    color: #444444;
    background: #ffffff;
    padding: 1.0em 1.0em 0.8em;
    margin: 0.5em 0 0.8em;
    text-decoration: none;
}

#index.cl_infomation.columnlist .contents ul li {
    flex-basis: calc(100%/4);
}

.cl_infomation.columnlist .contents ul>li,
.side_list01 ul>li {
    position: relative;
}

.cl_infomation.columnlist.front .contents ul li {
    background: transparent;
}


.mega_child .cl_infomation.columnlist .contents ul li {
    padding: 0.5em 0.5em 0.5em;
}

.cl_infomation.columnlist .contents ul li a,
.side_list01 ul.post-categories li a {
    text-decoration: none;
    color: #333333;
}

.cl_infomation.columnlist .contents ul.post-categories li a {
    color: #ffffff;
}

.side_list01 ul.post-categories li a {
    color: #254923;
}

.cl_infomation.columnlist .contents ul li a .thumb-box {
    overflow: hidden;
    background: #000;
}

.cl_infomation.columnlist .contents ul li a span,
.cl_infomation.columnlist .contents ul li a h2.info_title,
.cl_infomation.columnlist h2.info_title {
    display: block;
    min-height: 3.0em;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: left;
    margin-top: 1.0em;
    letter-spacing: 0em;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

.cl_infomation.columnlist .contents ul li a img {
    display: block;
    transition: 1s;
    width: 100%;
    height: 200px;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}

.cl_infomation.columnlist .contents ul li a img:hover {
    transform: scale(1.1, 1.1);
    opacity: 0.7;
}



a.morelink {
    text-align: center;
    text-decoration: none;
    background: #8C745D;
    display: block;
    width: 200px;
    font-size: 1.4rem;
    border: 1px solid #eee;
    padding: 1.0em 1.5em;
    color: #ffffff;
    margin: 1.5em auto 0;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
}

a.morelink:hover {
    background: #cccccc;
    color: white;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

a.side_morelink {
    font-size: 1.4rem;
}

a.side_morelink:before {
    font-weight: 300;
    content: " \f054\d\a";
    padding-left: 2px;
    padding-right: 0px;
    font-family: "Font Awesome 5 Pro";
}

.openclose {
    word-break: break-all;
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 1.0em;
}


.cl_tushin {
    padding-top: 2.0em;
    padding-bottom: 2.0em;
}

.cl_tushin .contents {
    width: 100%;
    padding: 0px 0px 35px;
}

.cl_tushin h2 {
    text-align: center;
    font-size: 2.5rem;
    padding-top: 1.0em;
    padding-bottom: 1.0em;
}

.cl_tushin .contact_box .flex {
    justify-content: space-between;
    align-items: center;
}

.cl_tushin .addbox.flex {
    padding-top: 2.0em;
}

.cl_tushin .addbox.flex li {
    width: 370px;
}


.cl_tushin .contact_box .flex li h2 {
    color: #254923;
    font-size: 4.0rem;
    font-weight: 600;
    padding: 0 .5em 0 0em;
}

.cl_tushin .contact_box .flex li h2:before {
    font-weight: 600;
    content: " \f67d";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

.cl_tushin .contact_box .flex li h2 a {
    color: #254923;
}


.cl_tushin a.contactlink {
    position: relative;
    display: block;
    font-weight: 600;
    color: white;
    font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
    text-align: center;
    width: 300px;
    font-size: 1.6rem;
    border: 0px solid #eee;
    padding: 1.0em .5em 0.8em;
    margin: 0em auto;
    background-size: auto auto;
    background-color: #254923;
}

.cl_tushin a.contactlink:before {
    position: absolute;
    font-weight: 600;
    content: " \f054";
    left: 20px;
    font-family: "Font Awesome 5 Pro";
    /* 無料版
    font-family: "Font Awesome 5 Free";
    */
}

.cl_tushin a.contactlink:hover {
    background: #cccccc;
    color: white;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}



.cl_access {
    padding-top: 3.0em;
    padding-bottom: 2.0em;
    background: #fffde0;
}

.cl_access h1 {
    text-align: center;
    font-size: 4.0rem;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.2em;
    margin-bottom: 1.0em;
}

.cl_access h1 span {
    display: block;
    font-size: 1.2rem;
    font-family: 'Noto Sans JP', sans-serif;
}

.cl_access address {
    background: white;
    border: 0px solid #ccc;
    padding: 1.0em;
    margin: 1.0em 0;
    font-size: 1.6rem;
}

.cl_access address span {
    display: block;
    font-size: 1.4rem;
}




/*サイドバー ・フットナビ*/


.soj_sidebar h3 {
    background: #644C33;
    color: #ffffff;
    padding: 10px;
    font-size: 1.5rem;
    text-align: center;
}

.soj_sidebar ul {
    background: #CEC2A7;
}

.soj_sidebar ul li a,
.soj_sidebar .side_purpose ul li>div {
    font-size: 1.4rem;
    color: #846A51;
    text-decoration: none;
    padding: 0.8em 1.2em;
    width: 100%;
    display: block;
}

.soj_sidebar .side_purpose ul li>div {
    border-bottom: 1px solid #ffffff;
}

.soj_sidebar ul li a.parent:before {
    font-weight: 600;
    content: "▼";
    padding-left: 2px;
    padding-right: 5px;
}

.soj_sidebar ul li a {
    border-bottom: 1px solid #fff;
}

.soj_sidebar ul.children li a {
    background: #ffffff;
    border-bottom: 1px solid #CEC2A7;
}

.soj_sidebar ul li a:hover {
    background: #254923;
    color: #ffffff;
}

.soj_sidebar .new_icon,
.footnav_wrap .new_icon {
    font-size: 1.2rem;
    display: inline-block;
    padding: 0px 3px;
    margin-right: 0.5em;
    background: #ffffff;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
}

.footnav_wrap a .new_icon {
    color: #254923;
}

.soj_sidebar ul li a:hover .new_icon,
.footnav_wrap ul li a:hover .new_icon {
    color: #DD0000;
}


.soj_sidebar .side_key {
    padding-bottom: 20px;
}

.soj_sidebar .side_key h3 {
    background: #D99A28;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-bottomleft: 50px;
}

.soj_sidebar .side_key h3.open {
    background: #CEC2A7;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
}

.soj_sidebar .side_key ul {
    padding-top: 20px;
    min-height: 80px;
}

.soj_sidebar .side_key ul li {
    padding: 0 1.0em 2.0em;
}

.soj_sidebar {
    margin-top: 0em;
    margin-left: 0em;
    margin-bottom: 2.0em;
    width: 100%;
}

.soj_sidebar .side_price ul li {
    padding: 1.5em 1.0em 1.0em;
}

.soj_sidebar .side_blog ul li {
    padding: 0em 0em 0em;
}

.soj_sidebar .side_blog ul li .date {
    display: block;
}


#footer_nav {
    background: #254923;
}

.soj_sidebar {
    background: transparent;
}




.footnav_wrap {
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0em 0px 3.0em;
}

.footnav_wrap .navbox {
    text-align: left;
    flex-basis: calc(100%/1);
    padding: 1.5em;
}

.footnav_wrap .navbox ul.search {
    margin-top: 1.0em;
    height: 60px;
}

.footnav_wrap .newitem li {
    margin-bottom: 1.0em;
}

.footnav_wrap .newitem.bloglist li {
    margin-bottom: 0.5em;
}



.footnav_wrap ul.fblist li a {
    padding: 0.5em;
}


.footnav_wrap .navbox a {
    color: #ffffff;
    font-size: 1.3rem;
    text-decoration: none;
}

.footnav_wrap .navbox h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
    margin-top: 2.0em;
    padding-bottom: 0.5em;
}

.footnav_wrap .navbox h3:first-child {
    margin-top: 0em;
}

.footnav_wrap .navbox ul li>div.parent,
.footnav_wrap .navbox ul li>div.no-parent {
    color: #ffffff;
    font-size: 1.3rem;
    margin-top: 1.0em;
}

.footnav_wrap .navbox ul li>a:not(.no-parent):before {
    font-weight: 600;
    content: "▼";
    padding-left: 2px;
    padding-right: 5px;
}

.footnav_wrap .navbox ul li>ul.children a,
.footnav_wrap .navbox ul li>a.no-parent {
    display: block;
    margin-top: 0em;
}


.footnav_wrap .navbox ul:not(.fblist) li>a {
    display: block;
    margin-top: 0em;
}

.footnav_wrap .navbox ul:not(.fblist) li:first-child>a {
    display: block;
    margin-top: 1.0em;
}

.footnav_wrap .navbox ul.children li:last-child {
    margin-bottom: 1.0em;
}

.footnav_wrap .navbox .newitem .blog_date {
    padding-right: 0.5em;
}


.footnav_wrap .navbox ul li>ul.children li>a:before,
.footnav_wrap .navbox.finfo ul li a:before {
    font-weight: 600;
    content: "";
    padding-left: 1.0em;
    padding-right: 0px;
}

.footnav_wrap .navbox.finfo ul li a:before {
    padding-left: 0em;
}


.footnav_wrap ul.flex {
    justify-content: center;
    align-items: center;
}

.footnav_wrap ul.fblist {
    margin-top: 0.5em;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.footnav_wrap ul.flex:not(.fblist) li {
    width: 100%;
    padding: 0.5em 0em;
}

#footer_contact .footnav_wrap ul.flex li {
    padding: 0.5em 0.5em;
}


.footnav_wrap ul.flex li .content_box h3 {
    font-weight: 600;
}

.footnav_wrap ul.flex li .content_box p.tell {
    font-weight: 600;
    font-size: 2.0rem;
}

.footnav_wrap ul.flex li .content_box p.tell a {
    color: #444;
}

.footnav_wrap ul.flex li .content_box p.time {
    font-weight: 600;
}

.footnav_wrap ul.flex li .content_box {
    background: #eeeeee;
    padding: 2.0em;
}

.footnav_wrap h2 {
    color: #254923;
    font-size: 2.0rem;
}

.footnav_wrap h2::before {}


.footnav_wrap ul.foot_menu {
    margin: 0;
    flex-wrap: wrap;
}

.footnav_wrap ul.foot_menu li {
    font-size: 1.4rem;
}

.footnav_wrap ul.foot_menu li a {
    color: #ffffff;
    font-weight: 400;
    padding: 0em;
    text-decoration: none;
}

.footnav_wrap ul.foot_menu li a:before {
    font-weight: 300;
    content: " \f105";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

.footnav_wrap ul.foot_menu li a:hover {
    color: #444444;
}


.footnav_wrap ul.foot_menu li:after {
    /*
    content: "│";
    color: white;
*/
}

.footnav_wrap ul.foot_menu li:last-child::after {
    content: "";
    color: white;
}


.footer_add ul.flex {
    margin-top: 2.0em;
    justify-content: center;
    align-items: center;
}

.footer_add ul.flex li {
    padding: 0.5em;
}

.footer_add ul.flex li address span {
    font-size: 2.5rem;
    letter-spacing: 0.08em;
}

.footer_add ul.flex li address {
    line-height: 1.4;
    font-size: 1.4rem;
    color: #707070;
}


.footer_add ul.flex li img {
    width: 240px;
}


.side_list01 ul>li {
    padding: 0em 1.0em 0;
    margin-bottom: 1.0em;
}

.side_list01 ul>li {
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
}


.side_list01 ul>li a .thumb-box img {
    width: 100px;
    height: 100px;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}

.side_list01 ul>li .info_title {
    margin-left: 0.5em;
    margin-top: 0em;
    line-height: 1.5;
    font-size: 1.4rem;
}

.side_list01 ul>li .info_title a {
    text-decoration: none;
}

.side_list01 ul.post-categories li a {
    font-size: 1.1rem;
}

.side_list01 ul.post-categories {
    position: static;
}

.copyright {
    padding-top: 1.0em;
    color: #333333;
    text-align: center;
    background: transparent;
}

.copyright small {
    margin-top: 0em;
    display: block;
    font-size: 1.2rem;
    font-weight: normal;
    color: #846A51;
    text-align: center;
    padding: 0px 1.5em 5px;
    background: transparent;

}

.copyright small a {
    color: #333333;
    text-decoration: none;
}


/*------------------------------------*\
Google Map
\*------------------------------------*/

.google-map {
    position: relative;
    flex-basis: 50%;
    /* 左右に余白が必要なら値を変更してもOK */
    height: 0;
    padding-bottom: 30%;
    /* padding-topでもOK */
    overflow: hidden;
}

.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* 必要であれば!importantを付けてください */
    height: 100%;
    /* 必要であれば!importantを付けてください */
}




/*------------------------------------*\
SNSシェアボタン
\*------------------------------------*/

.sns_box .sns_title {
    color: #644C33;
    font-size: 1.4rem;
    padding-right: 1.0em;
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    align-items: center;
}

.sns_box {
    padding: 4.0em 0 1.0em;
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    justify-content: flex-end;
    flex-wrap: wrap;
}

.sns_button {
    box-shadow: inset 0 0 0 2px #644C33;
    border-radius: 100%;
    -moz-transition: all 280ms ease;
    -o-transition: all 280ms ease;
    -webkit-transition: all 280ms ease;
    transition: all 280ms ease;
}

.sns_button a {
    font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
    display: table-cell;
    width: 44px;
    height: 44px;
    color: #644C33;
    text-align: center;
    vertical-align: middle;
    -moz-transition: all 280ms ease;
    -o-transition: all 280ms ease;
    -webkit-transition: all 280ms ease;
    transition: all 280ms ease;
}

.sns_button i {
    font-size: 20px;
    vertical-align: middle;
}

.sns_button:hover {
    box-shadow: inset 0 0 0 22px #ccc;
}

.sns_button.google:hover {
    box-shadow: inset 0 0 0 22px #ccc;
}

.sns_button+.sns_button {
    margin: 0 0 0 12px;
}

.twitter:hover a {
    color: #ffffff;
}

.facebook:hover a {
    color: #ffffff;
}

.google:hover a {
    color: #ffffff;
}

.instagram:hover a {
    color: #ffffff;
}

.pocket:hover a {
    color: #ffffff;
}

#line img {
    width: 60%;
    height: auto;
}




/*------------------------------------*\
花工房パルテール カスタマイズ
\*------------------------------------*/

.menubox.flex {
    flex-wrap: wrap;
}


.menubox.flex li {
    flex-basis: 50%;
    padding: 10px;
}

.menubox.flex li:only-child {
    flex-basis: 100%;
}


body:not(.single-lp) section .contents .inner {
    text-align: left;
}


section .contents .inner .bgtitle {
    padding: 1.0em;
    border: 1px solid #ccc;
}

section .contents .inner h1 {
    max-width: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .05rem;
}


.post-type-archive .flex.archivesblog {
    justify-content: center;
    flex-direction: column;
}

.post-type-archive article .inner {
    width: 100%;
    margin: 0 auto;
}



/* パルテール見出し */

.cl_ .titlebox {}

.cl_ .titlebox .title img {
    width: 100%;
}

.cl_ .titlebox .title {
    z-index: 1;
    position: relative;
    width: 300px;
    margin: 0 auto;
}

.Searchbox .cl_ .titlebox .title {
    width: 250px;
}

.cl_ .titlebox .title h1,
.cl_ .titlebox .title h2 {
    font-family: 'Satisfy', cursive, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    ;
    color: #ffffff;
    font-size: 2.0rem;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding-bottom: 0em;
    margin-bottom: 0em;
    margin-top: 0em;
    border-bottom: 0px dashed #ccc;
}





/*------------------------------------*\
パルテールトップの花配置・セクション
\*------------------------------------*/

section.cl_ {
    position: relative;
}

section.cl_:nth-child(odd) {
    background: #FAF3E2;
}

/*特設バナー設置のためeven→oddに変更。bnr削除の場合は、戻すこと！*/

/*特設バナー設置の場合はコメントアウト削除。
　特設バナー設置なしの場合は、コメントアウトしておくと良い。

*/

section.cl_:first-child {
    background-color: transparent;
}

section.cam_bnr .contents {
    padding-bottom: 0;
}

/* ここまで */

section.cl_.cl_top02 .contents {}

section.cl_.cl_top03 .contents p {
    text-align: center;
    padding: 2.0em;
}

section.cl_.cl_top04 .contents .aboutus {
    z-index: 1;
    padding-top: 2.0em;
    padding-bottom: 1.0em;
    position: relative;
}

section.cl_.cl_top04 .contents .aboutus img.tagimg {
    position: absolute;
    width: 140px;
    top: -5px;
    right: -10px;
}

section.cl_.cl_top05 .contents ul.news {
    border-top: 3px double #8C745D;
}

section.cl_.cl_top05 .contents ul.news li {
    border-bottom: 1px dashed #8C745D;
}

section.cl_.cl_top05 .contents ul.news li a {
    color: #8C745D;
    text-decoration: none;
    font-size: 1.6rem;
    padding: 0.5em 0;
    display: block;
}

section.cl_.cl_top05 .contents ul.news li a .date {
    flex-basis: 20%;
}

section.cl_ .contents>.flex.taxbox,
section.cl_ .contents>.flex.birthbox {
    flex-wrap: wrap;
}

section.cl_ .contents>.flex.taxbox>li {
    flex-basis: calc(100%/3);
    padding: 0.5em;
}

section.cl_ .contents>.flex.taxbox>li img {
    min-height: 150px;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}

section.cl_ .contents>.flex>li .taxlist {
    position: relative;
}

section.cl_ .contents>.flex:not(.birthbox)>li .taxlist h2 {
    font-size: 1.5rem;
    line-height: 1.5;
    width: 100%;
    position: absolute;
    bottom: 0;
}

section.cl_ .contents>.flex>li a {
    text-decoration: none;
}

section.cl_ .contents>.flex>li a:hover {
    opacity: 0.5;
}

section.cl_ .contents>.flex>li a .taxlist h2 {
    display: block;
    width: 100%;
    background: rgba(137, 113, 89, 0.8);
    padding: 0.3em;
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 0em;
    margin-top: 0em;
    border-bottom: 0px dashed #ccc;
}

section.cl_ .contents>.flex.birthbox>li a h2 {
    font-size: 1.6rem;
    color: #897159;
    background: rgba(137, 113, 89, 0);
}

section.cl_ .contents>.flex>li p {
    padding-top: 0.3em;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #897159;
}

section.cl_ .contents>.flex.birthbox>li {
    flex-basis: calc(100%/4);
    padding: 0.5em;
}

section.cl_ .contents>.flex.birthbox>li h2 {
    margin: 0 auto;
    text-align: center;
}



section.cl_.cl_top01 .ill_01 {
    z-index: -1;
    position: absolute;
    width: 70px;
    height: auto;
    top: 30px;
    left: 60px;
}

section.cl_.cl_top01 .ill_02 {
    z-index: -1;
    position: absolute;
    width: 70px;
    height: auto;
    top: 30px;
    right: 0;
}

section.cl_.cl_top01 .ill_03 {
    z-index: -1;
    position: absolute;
    width: 90px;
    height: auto;
    bottom: 0px;
    right: 0;
}


section.cl_.cl_top02 .ill_01 {
    z-index: 0;
    position: absolute;
    width: 150px;
    height: auto;
    top: 30px;
    left: 60px;
}

section.cl_.cl_top02 .ill_02 {
    z-index: 0;
    position: absolute;
    width: 50px;
    height: auto;
    top: 60px;
    right: 120px;
}

section.cl_.cl_top02 .ill_03 {
    z-index: 0;
    position: absolute;
    width: 50px;
    height: auto;
    top: 20px;
    right: 50px;
}

section.cl_.cl_top02 .ill_04 {
    z-index: 0;
    position: absolute;
    width: 80px;
    height: auto;
    bottom: 20px;
    left: 30px;
}

section.cl_.cl_top02 .ill_05 {
    z-index: 0;
    position: absolute;
    width: 60px;
    height: auto;
    bottom: 20px;
    right: 30px;
}


section.cl_.cl_top03 .ill_01 {
    z-index: 0;
    position: absolute;
    width: 70px;
    height: auto;
    top: 30px;
    left: 110px;
}

section.cl_.cl_top03 .ill_02 {
    z-index: 0;
    position: absolute;
    width: 70px;
    height: auto;
    top: 60px;
    right: 120px;
}

section.cl_.cl_top03 .ill_03 {
    z-index: 0;
    position: absolute;
    width: 70px;
    height: auto;
    bottom: 20px;
    left: 30px;
}

section.cl_.cl_top03 .ill_04 {
    z-index: 0;
    position: absolute;
    width: 120px;
    height: auto;
    bottom: 20px;
    right: 30px;
}


section.cl_.cl_top04 .ill_01 {
    z-index: 0;
    position: absolute;
    width: 150px;
    height: auto;
    top: 30px;
    left: 110px;
}

section.cl_.cl_top04 .ill_02 {
    z-index: 0;
    position: absolute;
    width: 50px;
    height: auto;
    top: 60px;
    right: 120px;
}

section.cl_.cl_top04 .ill_03 {
    z-index: 0;
    position: absolute;
    width: 70px;
    height: auto;
    bottom: 20px;
    left: 30px;
}

section.cl_.cl_top04 .ill_04 {
    z-index: 0;
    position: absolute;
    width: 100px;
    height: auto;
    bottom: 20px;
    right: 30px;
}


section.cl_.cl_top05 .ill_01 {
    z-index: 0;
    position: absolute;
    width: 100px;
    height: auto;
    top: 0px;
    left: 40px;
}

section.cl_.cl_top05 .ill_02 {
    z-index: 0;
    position: absolute;
    width: 70px;
    height: auto;
    bottom: 50px;
    left: 20px;
}

section.cl_.cl_top05 .ill_03 {
    z-index: 0;
    position: absolute;
    width: 60px;
    height: auto;
    bottom: 50px;
    right: 30px;
}


section.cl_.cl_top06 .ill_01 {
    z-index: 0;
    position: absolute;
    width: 70px;
    height: auto;
    top: 0px;
    left: 40px;
}

section.cl_.cl_top06 .ill_02 {
    z-index: 0;
    position: absolute;
    width: 70px;
    height: auto;
    top: 0px;
    right: 0px;
}

section.cl_.cl_top06 .ill_03 {
    z-index: 0;
    position: absolute;
    width: 80px;
    height: auto;
    bottom: 30px;
    left: 50px;
}

section.cl_.cl_top06 .ill_04 {
    z-index: 0;
    position: absolute;
    width: 120px;
    height: auto;
    bottom: 200px;
    right: 30px;
}


section.cl_.cl_top07 .ill_01 {
    z-index: 0;
    position: absolute;
    width: 150px;
    height: auto;
    top: 30px;
    left: 40px;
}

section.cl_.cl_top07 .ill_02 {
    z-index: 0;
    position: absolute;
    width: 70px;
    height: auto;
    top: 50px;
    right: 80px;
}


section.cl_.cl_top08 .ill_01 {
    z-index: 0;
    position: absolute;
    width: 100px;
    height: auto;
    top: 0px;
    left: 40px;
}

section.cl_.cl_top08 .ill_02 {
    z-index: 0;
    position: absolute;
    width: 70px;
    height: auto;
    top: 20px;
    right: 100px;
}

section.cl_.cl_top08 .ill_03 {
    z-index: 0;
    position: absolute;
    width: 50px;
    height: auto;
    top: 10px;
    right: 20px;
}

section.cl_.cl_top08 .ill_04 {
    z-index: 0;
    position: absolute;
    width: 90px;
    height: auto;
    bottom: 50px;
    left: 30px;
}

section.cl_.cl_top08 .ill_05 {
    z-index: 0;
    position: absolute;
    width: 70px;
    height: auto;
    bottom: 50px;
    right: 30px;
}


.itemlist section.cl_ .ill_01 {
    z-index: 1;
    position: absolute;
    width: 80px;
    height: auto;
    top: 30px;
    left: 60px;
}

.itemlist section.cl_ .ill_02 {
    z-index: 1;
    position: absolute;
    width: 80px;
    height: auto;
    top: 30px;
    right: 60px;
}

.itemlist section.cl_ .ill_03 {
    z-index: 1;
    position: absolute;
    width: 120px;
    height: auto;
    bottom: 100px;
    right: 60px;
}

/* ↑ パルテールトップの花配置 ここまで ↑ */





section .contents .bgtitle .author {
    font-weight: 600;
    color: #254923;
    font-family: 'Quicksand', sans-serif;
}

section .contents .bgtitle .flex {
    align-items: center;
    font-size: 1.4rem;
}


section .contents .inner span.blog_date {
    color: #999;
    display: block;
    font-family: 'Quicksand', sans-serif;
}

section .contents .inner span.blog_date::after {
    content: '│';
    padding-right: 1.0em;
    padding-left: 1.0em;
    color: #ccc;
}



.rest_box .flex {
    justify-content: flex-start;
}

.rest_box table.tenpo_detail {
    width: 280px;
    color: #666666;
    margin-right: 1.0em;
    box-sizing: border-box;
}

.rest_box table.tenpo_detail th {
    display: block;
    font-size: 1.4rem;
    text-align: left;
    padding: 1.0em 0em 0em;
}

.rest_box table.tenpo_detail td {
    display: block;
    font-size: 1.4rem;
    text-align: left;
    padding: 0.5em 0em;
}

.rest_box table.tenpo_detail td.media a {
    display: block;
    margin-bottom: 0.5em;
}

.rest_box table.tenpo_detail td.media a:last-child {
    margin-bottom: 0em;
}



ul.taxs {
    flex-wrap: wrap;
}

ul.taxs>li {
    flex-basis: calc(100%/2);
}

ul.taxs>li:nth-child(odd) {
    padding-right: 0.5em;
}

ul.taxs>li:nth-child(even) {
    padding-left: 0.5em;
}

.side_list01 ul.icon>li {
    padding: 0em 0.5em 0;
    margin-bottom: 0em;
}

ul.taxs li .listbox ul.icon,
.side_list01 ul.icon {
    flex-wrap: wrap;
}

ul.taxs li .listbox ul.icon li {
    padding-right: 0.3em;
}

ul.taxs li .listbox ul.icon li:last-child,
.side_list01 ul.icon li:last-child {
    padding-right: 0em;
}

ul.taxs li .listbox h3 {
    font-size: 1.4rem !important;
    margin-top: 0em;
    margin-bottom: 0.5em;
    line-height: 1.5;
    border-bottom: 0px dashed #ccc;
    min-height: 4.0em;
}

.post-type-archive-blog ul.taxs li .listbox h3,
.category.archive ul.taxs li .listbox h3 {
    border-bottom: 1px dashed #846A51;
    padding-bottom: 0.5em;
}


.post-type-archive-blog ul.taxs li .listbox a.view-article,
.category.archive ul.taxs li .listbox a.view-article {
    background: #D99A28;
    color: #ffffff;
    font-size: 1.4rem;
    padding: 0.2em 1.0em;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
}


ul.taxs.tax_service li .listbox h3 {
    font-size: 2.0rem;
}

ul.taxs.tax_service li .listbox p {
    font-size: 1.3rem;
}


ul.taxs li .listbox a.list_title {
    color: #444;
    text-decoration: none;
}


ul.taxs li .listbox ul.icon li a {
    font-size: 1.2rem;
    color: #999;
    border: 1px solid #ccc;
    padding: 0.3em 0.8em;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    text-decoration: none;
}

.side_list01 ul.icon li a {
    font-size: 1.2rem;
    color: #999;
    border: 0px solid #ccc;
    padding: 0em 0em;
    border-radius: 0px;
    /* CSS3草案 */
    -webkit-border-radius: 0px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px;
    /* Firefox用 */
    text-decoration: none;
}

ul.taxs li .listbox ul.icon li a:hover,
.side_list01 ul.icon li a:hover {
    background: #999;
    color: #fff;
}

ul.taxs li .listbox .date {
    margin-top: 0.5em;
    font-size: 1.2rem;
    text-align: right;
    color: #ccc;
}



/* アーカイブをリスト表示する */


ul.taxs.column_layout>li {
    flex-basis: calc(100%/2);
}

ul.taxs.column_layout>li:nth-child(odd) {
    padding-right: 0em;
}

ul.taxs.column_layout>li:nth-child(even) {
    padding-left: 0em;
}


.post-type-archive-blog ul.taxs.column_layout>li,
.category.archive ul.taxs.column_layout>li {
    flex-basis: calc(100%/1);
    padding: 1.0em;
}


ul.taxs.column_layout {
    flex-direction: row;
}

ul.taxs.column_layout>li {
    border: 0px solid #ccc;
    border-radius: 0px;
    /* CSS3草案 */
    -webkit-border-radius: 0px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px;
    /* Firefox用 */
    margin-bottom: 1.0em;
}

ul.taxs.column_layout li .listbox {
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    align-items: center;
    flex-direction: column;
}

.post-type-archive-blog ul.taxs.column_layout li .listbox,
.category.archive ul.taxs.column_layout li .listbox {
    flex-direction: row;
}

ul.taxs.column_layout li .listbox>a {
    width: 100%;
    height: 100px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}

ul.taxs.tax_service.column_layout li .listbox>a {
    height: auto;
}


ul.taxs.tax_service.column_layout li .listbox .btn_taxbox {
    position: absolute;
    bottom: 5px;
}

ul.taxs.tax_service.column_layout li .listbox .btn_taxbox>a.btn_tax_link {
    text-align: center;
    background: #D99A28;
    color: #ffffff;
    font-size: 1.4rem;
    padding: 0.5em 1.5em;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
ul.taxs.tax_service.column_layout li .listbox .btn_taxbox> .btn_tax_soldout {
    text-align: center;
    background: #CCCCCC;
    color: #ffffff;
    font-size: 1.4rem;
    padding: 0.5em 1.5em;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

ul.taxs:not(.column_layout) li {
    position: relative;
}

ul.taxs:not(.column_layout) li .listbox .detail_box .date {
    position: absolute;
    bottom: 0;
}

ul.taxs.column_layout li .listbox .detail_box {
    width: 100%;
    padding: 0.5em 0;
    min-height: 200px;
}

ul.taxs.column_layout li .listbox .detail_box h4 {
    background: #644C33;
    color: #ffffff;
    text-align: center;
    font-size: 1.4rem;
    padding: 0.2em 0.5em;
    margin-bottom: 1.0em;
}

.post-type-archive-blog ul.taxs.column_layout li .listbox .detail_box,
.category.archive ul.taxs.column_layout li .listbox .detail_box {
    padding: 0.5em 0 0.5em 1.0em;
}


.detail_box a {
    text-decoration: none;
    color: #846A51;
}

.detail_box .icon.flex {
    flex-wrap: wrap;
    justify-content: center;
}

body.single .detail_box .icon.flex {
    justify-content: flex-start;
}

.detail_box .icon a {
    margin: 0.2em;
    background: #CEC2A7;
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 1.4;
    padding: 0.3em 1.5em;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
}



.single-flower .detail_box .icon a {
    font-size: 1.3rem;
}


.listbox .detail_box a h3 {
    font-size: 1.5rem;
    line-height: 1.5;
}

.discinner {
    display: block;
    background: #FAF2DF;
    padding: 1.0em 1.5em;
    margin: 1.0em auto;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}

.discinner p {
    background: #FAF2DF;
    font-size: 1.4rem;
    color: #67513c;
    line-height: 1.8;
    margin-bottom: 1.0em;
}




/* 投稿者別の最新情報 */


.cl_author_list {
    background: #F2F2F2;
    padding: 1.0em;
    margin-bottom: 2.0em;
}

.cl_author_list h2 {
    font-size: 2.0rem;
}

.cl_author_list h2 span {
    display: block;
    font-size: 1.2rem;
}

.cl_author_list h2:before {
    font-weight: 600;
    content: " \f09e";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

.cl_author_list ul li a {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    font-size: 1.4rem;
    color: #444444;
    background: #ffffff;
    padding: 1.0em 1.0em 0.8em;
    margin: 0.5em 0 0.8em;
    text-decoration: none;
}


.navigation .cl_author_list {
    background: #ffffff;
    padding: 1.0em;
    margin-bottom: 0em;
}

.navigation .cl_author_list h2 {
    font-weight: 600;
    color: #333333;
    font-size: 2.4rem;
    padding-bottom: 0.5em;
    display: block;
}

.navigation .cl_author_list h2:before {
    font-weight: 600;
    content: "";
    padding-left: 0px;
    padding-right: 0px;
    font-family: "Font Awesome 5 Pro";
}

.navigation .cl_author_list ul li a {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    font-size: 1.4rem;
    background: #ffffff;
    padding: 0em;
    margin: 0em 0 0em;
    text-decoration: none;
    font-size: .95em;
    font-weight: normal;
    color: #254923;
}


/* トップ用カルーセルスライダー */


.slick-list .listbox {
    position: relative;
    background-color: transparent;
}

.slick-list .listbox .bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    display: block;
    /*background:url(../images/common/ico_dot_01.png);*/
}

.slick-list .listbox img {
    opacity: 1.0;
    width: 100%;
    height: 220px;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;';
    /* IE EDGE 用 */
}

.slick-list .new {
    position: absolute;
    z-index: 2;
    top: 0;
    padding: 1.5em;
}

.slick-list .new .newicon {
    background: rgba(255, 142, 161, 0.8);
    font-size: 1.5rem;
    font-family: 'Quicksand', "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
    color: #ffffff;
    padding: 0.2em 0.5em;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
}


.slick-list .listbox .detailbox {
    z-index: 3;
    position: static;
    padding: 1.0em;
    min-height: 90px;
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    align-items: center;
}

.slick-list .listbox ul.icon {
    flex-wrap: wrap;
}

.slick-list .listbox ul.icon li {
    padding-right: 0.3em;
}

.slick-list .listbox ul.icon li:last-child {
    padding-right: 0em;
}

.slick-list .listbox h3 {
    font-size: 1.4rem;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
}

.slick-list .listbox a.list_title {
    color: #444444;
    text-decoration: none;
}

.slick-initialized .slick-slide {
    padding: 1.0em 0.5em 0.5em;
}



.slick-list .listbox ul.icon li a {
    font-size: 1.2rem;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 0.3em 0.8em;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    text-decoration: none;
}

.slick-list .listbox ul.icon li a:hover {
    background: #999;
    color: #fff;
}

.slick-list .listbox .date {
    margin-top: 0.5em;
    font-size: 1.2rem;
    text-align: right;
    color: #ccc;
}

.slick-list .openclose {
    color: #fff;
}

.slick-prev,
.slick-next {
    width: 100%;
}


.slick-prev {
    left: 15px !important;
    z-index: 4;
}

.slick-next {
    right: 15px !important;
}


.cl_infomation.cl_tsuhan {
    background: #ddd9bb;
}

.cl_infomation.cl_tsuhan p,
.eclist p {
    font-size: 1.3rem;
    margin-bottom: 1.0em;
}

.cl_infomation.cl_tsuhan img,
.eclist img,
ul.taxs>li img {
    width: 100%;
    height: 180px;
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}



/* アーカイブをリスト表示する */

ul.taxs.column_layout>li {
    position: relative;
    padding-bottom: 2.5em;
}


ul.taxs.column_layout>li img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}



ul.taxs.tax_service.column_layout>li img {
    width: 100%;
    height: auto;
    max-height: 150px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    object-position: top;
    /* ポジション設定 */
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}



.post-type-archive-blog ul.taxs.tax_service.column_layout>li img,
.category.archive ul.taxs.tax_service.column_layout>li img {
    max-height: 250px;
}





/* ギャラリーボックス */

ul.gallery {
    flex-wrap: wrap;
    margin-bottom: 1.0em;
    margin-top: 2px;
    /* ギャラリーの余白 */
}

ul.gallery li {
    position: relative;
    width: calc(100%/3);
    background: #000;
    border: 2px solid #fff;
    /* ギャラリーの余白 */
}

ul.gallery li:before {
    content: "";
    display: block;
    padding-top: 100%;
}


ul.gallery li>a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cl_top_01 .rest_box .report img {
    margin-bottom: 1.0em;
}

.cl_top_01 .rest_box .report ul.gallery li img {
    /* ギャラリー機能補正 */
    margin-bottom: 0em;
}

ul.gallery li img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 0;
    object-fit: cover;
    /* モダンブラウザ用 画像トリミング */
    font-family: 'object-fit: cover;'
        /* IE EDGE 用 */
}

ul.gallery li img:hover {
    opacity: 0.5;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

ul.gallery li h2 {
    opacity: 0;
    font-weight: 600;
    color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 1.5em;
    margin-top: 0em;
    z-index: 1;
    display: flex;
    /*最新のブラウザ*/
    display: -webkit-box;
    /*レガシーCC*/
    display: -webkit-flex;
    /*Android2.3*/
    display: -ms-flexbox;
    /*IE9~用*/
    align-items: center;
    justify-content: center;
}

ul.gallery li h2 span {
    color: #fff;
}

ul.gallery li h2:hover {
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}




/* メガメニュー カスタマイズ */


.megasearch {
    color: #777;
}


.pctb .mega-menu {
    background: #1B4119;
    padding-right: 0em;
    min-height: 50px;
    /* ロゴが表示されたときにカクカクならない調整 */
}

.pctb .mega-menu>ul>li a {
    text-align: center;
    font-size: 1.7rem;
    color: #ffffff;
    font-family: 'Satisfy', cursive;
}

.pctb .mega-menu>ul>li a span {
    font-size: 1.1rem;
    display: block;
}

.pctb .mega-menu>ul {
    width: 1000px;
    justify-content: space-between;
}


.sp .mega-menu>ul>li a span {
    font-size: 1.3rem;
    padding-left: 0.5em;
}



.megasearch input[type="tel"],
.megasearch textarea,
.megasearch select {
    font-size: 14px;
}

.megasearch h3 {
    font-size: 1.5rem;
}

#feas-searchform-0 span {
    padding-left: 0.3em;
    font-size: 1.4rem;
}

.megasearch input[type="button"],
.megasearch input[type="submit"],
.megasearch .type_02 {
    font-size: 1.6rem;
}

.mega-menu>ul>li>ul.tenpo_search {
    background: #F2F2F2;
}


/* 利用規約・プライバシーポリシー */


.cl_top_01 .regal h2 {
    font-size: 1.7rem;
    padding-bottom: 0.5em;
    margin-bottom: 1.0em;
    border-bottom: 1px solid #ccc;
}

.cl_top_01 .regal>ol {
    padding-bottom: 2.0em;
    font-size: 1.4rem;
    margin-left: 1.8em;
}

.cl_top_01 .regal>ol>li {
    list-style-type: decimal;
}

.cl_top_01 .regal>ol>li ol {
    margin: 1.0em 0;
}

.cl_top_01 .regal>ol>li ol li {
    list-style-type: circle;
}

.cl_top_01 .regal p {
    font-size: 1.4rem;
}



/* 掲載依頼フォーム */



/* 確認ページ補正 */
.mw_wp_form mw_wp_form_confirm .f12 {
    display: none;
}

.mw_wp_form mw_wp_form_confirm .small {
    display: none;
}


.cl_top_01.entry h2 {
    font-size: 2.0rem;
    margin-bottom: 1.0em;
    color: #ffffff;
    background: #254923;
    padding: 0.5em 1.0em;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}

.cl_top_01.entry table th {
    font-weight: 600;
    font-size: 1.6rem;
}

table.form span.org,
.contact_caution span.org {
    padding: 0.5em;
    font-size: 1.2rem;
    color: #e07171;
    background: #ffffff;
    border: 1px solid #e07171;
    padding: 0.3em 0.5em 0.2em;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
}

.contact_caution span.org {
    font-weight: bold;
}

.cl_top_01.entry .explanation {
    background: #eee;
    font-size: 1.4rem;
    margin-bottom: 1.0em;
    padding: 1.0em;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}


.entry .ac_menu__item {}

.entry .ac_menu__item__link h3 {
    text-align: left;
    font-size: 1.7rem;
    padding: 0.3em 1.0em 0.5em;
}

.entry .ac_menu__item__link h3::before {
    font-weight: 600;
    content: " \f302";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

.entry .linkurl .ac_menu__item {
    background: #eeeeee;
}

.entry .linkurl .ac_menu__item__link h3::before {
    font-weight: 400;
    content: " \f0c1";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}


/* file 画像登録フォームのデザインカスタマイズ */


.entry .ac_menu__item input[type="file"] {
    margin-bottom: 1.0em;
}



input[type="file"] {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    background-color: transparent;
    outline: none;
    background-color: #FDD400;
    border: 1px solid #FDD400;
    color: #fff;
    padding: 0.8em 1.5em;
    border-radius: 0px;
    /* CSS3草案 */
    -webkit-border-radius: 0px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px;
    /* Firefox用 */
}

input[type="file"]:hover {
    background: #dd0000;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}



/*------------------------------------*\
WEBボタン
\*------------------------------------*/

.btn_center {
    text-align: center;
    margin: 0 auto;
}

a.btn {
    display: inline-block;
    background: #FFC530;
    border: 1px solid #FFC530;
    color: #dd0000;
    padding: 0.8em 1.5em;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    text-decoration: none;
}

a.btn:before {
    font-weight: 600;
    content: " \f0e0";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}

.btn-inq04 a:before {
    font-weight: 600;
    content: " \f0e0";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}



a.btn.tw {
    background: #00acee;
    border: 1px solid #00acee;
}

a.btn.tw:before {
    font-weight: 600;
    content: " \f099";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Brands";
}

a.btn.line {
    background: #1dcd00;
    border: 1px solid #00acee;
}

a.btn.line:before {
    font-weight: 600;
    padding-left: 2px;
    padding-right: 5px;
}


a.foottell {
    margin-top: 0.5em;
    font-size: 1.6rem;
    padding: 0.5em 2.0em;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
}

a.foottell:before {
    font-weight: 600;
    content: " \f0da";
    padding-left: 2px;
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
}


.cl_top_01 .contents .inner .rest_box p a.btn {
    text-decoration: none;
}

a.btn:hover {
    background: #ffffff;
    color: #254923;
    border: 1px solid #254923;
    filter: alpha(opacity=70);
    /* 以下、ゆっくりフェードインさせる設定 */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


.btn_center a.center {
    display: inline-block;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #444444;
    padding: 0.8em 4.0em;
    border-radius: 10px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    text-decoration: none;
}

.btn_center a.center:hover {
    background: #254923;
    border: 1px solid #254923;
    color: #ffffff;
}






/* タブメニュー（ふわっとする） */


#topics {
    position: relative;
    z-index: 10;
    padding-top: 3vw;
}

#topics .hide {
    display: none;
}

.tab {
    overflow: hidden;
}

.tab li {
    list-style: none;
    padding: 0.5em 0.5em;
    margin-right: 10px;
    flex: 1;
    text-align: center;
    border-bottom: 0px solid #ddd;
    font-weight: 600;
    letter-spacing: .05em;
    background: #644C33;
    color: #ffffff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

.tab li:last-child {
    margin-right: 0;
}

.tab li:hover {
    cursor: pointer;
}

.tab .select {
    background: #CEC2A7;
}


.topicon>div {
    padding: 50px;
    background: #CEC2A7;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
}

.topicon>div>.flex {
    flex-wrap: wrap;
}

.topicon>div>.flex>li {
    flex-basis: 50%;
    padding-bottom: 2.0em;
}

.topicon>div>.flex>li a {
    color: #ffffff;
    text-decoration: none;
}

.topicon>div>.flex>li>.listbox a.parent,
.topicon>div>.flex>li>.listbox a.no-parent {
    display: block;
    border-bottom: 2px solid #fff;
    font-size: 1.5rem;
    padding-bottom: 0.3em;
    margin-bottom: 0.5em;
}

.topicon>div>.flex>li ul.children li {
    font-size: 1.3rem;
}

.topicon>div>.flex>li.flex .thumb_square {
    flex-basis: 30%;
}

.topicon>div>.flex>li.flex .listbox {
    flex-basis: 70%;
}


.topicon>div>.flex .listbox {
    padding: 0 1.0em 0em 0.5em;
}



.topicon p {
    line-height: 2;
    letter-spacing: .1em;
}








/* ラインナップ */

.wpulike {
    margin: 2.0em 0 0;
    padding: 10px 0;
}





/* パルテールフッター */

.servicelist {
    background: #F5F5F5;
}

.servicelist .contents h2 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    color: #999999;
    text-align: center;
    font-size: 2.7rem !important;
    padding-bottom: 0em;
    margin-bottom: 0em;
    margin-top: 0em;
    border-bottom: 0px dashed #ccc;
}

.servicelist ul.flex {
    flex-wrap: wrap;
}

.servicelist ul.flex li {
    flex-basis: calc(100%/3);
}

.servicelist a.flex {
    padding: 1.0em;
    align-items: center;
    text-decoration: none;
}

.servicelist a.flex:hover {
    opacity: 0.6;
}

.servicelist a.flex img {
    flex-basis: 30%;
    max-width: 120px;
}

.servicelist a.flex h4 {
    padding-left: 0.8em;
    font-size: 1.3rem;
    color: #666666;
}



#footer_nav .navbox_title {
    width: 100%;
    padding: 0em 1.5em;
}

#footer_nav .titlebox_page {
    width: 100%;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    background: #ffffff;
    padding: 0.3em 0.3em 0.3em;
}

#footer_nav .titlebox_page h2 {
    font-family: 'Satisfy', cursive;
    color: #254923;
    font-size: 1.8rem;
    border: 1px dashed #254923;
    padding: 0.3em;
    text-align: center;
    margin-bottom: 0em;
    margin-top: 0em;
}




/* 制作実績ページ */

.achievelist {
    padding: 1.0em;
}

.pages .contents .achievelist h2 {
    font-size: 1.8rem !important;
    padding-bottom: 0em;
    margin-bottom: 1.0em;
    margin-top: 1.0em;
    border-bottom: 0px dashed #ccc;
}


.pages .contents .achievelist p {
    font-size: 1.4rem;
}



/*------------------------------------*\
RESPONSIVE
- 〜599px：SP横まで
- 480px〜599px：SP横
- 600px〜959px：タブレット
- 600px〜：タブレット以上
- 〜959px：タブレット以下
- 960px〜：小型PC以上
- 960px〜1279px：小型PC
- 1280px〜：大型PC以上
\*------------------------------------*/



/* 〜999px：タブレット以下
------------------------------ */
@media screen and (max-width:999px) {

    .mainvisual .bottom {
        border-top: #ea9f48 0px solid;
        border-bottom: #ea9f48 0px solid;
    }

    .pages .mainvisual .wrap {
        width: 100%;
    }

    .mainvisual .bottom .wrap .illust_03 {
        height: auto;
        position: absolute;
        bottom: 120%;
        left: 5%;
    }

    .mainvisual .bottom nav ul.g_menu {
        width: 90%;
        margin: 0 auto;
    }

    .mainvisual .bottom .wrap .copy_top {
        bottom: 0px;
    }

    .mainvisual .bottom .wrap h1.copy_top.single {
        padding: 0px 1.0em;
    }


    main.index>.flex {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }


    /* トップページ */


    .front-content .contents {
        flex-direction: column;
        padding: 35px 1.0em 35px;
    }

    .front-content.aboutus .contents {
        padding: 4.0em 1.0em 3.0em;
    }

    .mainvisual .bottom .wrap .flex li .copy_main {
        width: 100%;
    }

    .mainvisual .bottom .wrap .flex li:last-child img {
        opacity: 1.0;
    }




    /* 見出し */






    section.cl_infomation .contents {
        padding: 15px 1.0em 35px;
    }

    .mega_child section.cl_infomation .contents {
        /* メガメニュー用 */
        padding: 0px 0em 0px;
    }





    /* パルテールフッター */


    .servicelist ul.flex li {
        flex-basis: calc(100%/2);
    }

    .servicelist a.flex img {
        flex-basis: 30%;
    }

    .servicelist a.flex h4 {
        font-size: 1.4rem;
        line-height: 1.5;
    }



    /* kitaon引き継ぎ パルテール カスタマイズ */

    ul.taxs {
        padding: 1.0em 0em;
    }

    ul.taxs>li {
        margin-bottom: 1.5em;
    }

    .cl_top_01 .contents .inner .metabox ul.flex li {
        padding-left: 0.3em;
        padding-right: 0.3em;
        padding-bottom: 0.3em;
    }

    .cl_top_01 .contents .inner .metabox ul.flex li:last-child {
        padding-left: 0.3em;
        padding-right: 0.3em;
    }


    .ch02 .main_img {
        /* カスタムフィールド mode_momo が真の場合 */
        padding: 0px 0em;
    }


    /* メガメニュー カスタマイズ */

    .megasearch input[type="tel"],
    .megasearch textarea,
    .megasearch select {
        font-size: 16px;
        /* iOSではinputは16px以上でないとズームするため補正 */
    }



    /*------------------------------------*\
    Google Map
    \*------------------------------------*/

    .google-map {
        flex-basis: 100%;
        padding-bottom: 45.25%;
        /* padding-topでもOK */
    }



}



/* 〜599px：SP横
------------------------------ */
@media screen and (max-width:599px) {




    /* トップページ */


    .aboutus p {
        text-align: left;
        font-size: 1.5rem;
        font-weight: 300;
    }

    .support_service .support03 ul {
        text-align: left;
    }

    .support_service .support03 ul li {
        font-size: 1.6rem;
    }

    .support_service .support01 ul,
    .support_service .support02 ul {
        flex-wrap: wrap;
    }

    .support_service .support01 ul li,
    .support_service .support02 ul li {
        flex-basis: 50%;
        padding: 0.5em;
    }

    .aboutus h2 {
        font-size: 1.7rem;
        font-weight: 400;
    }



    .front-content .contents>ul {
        flex-direction: column-reverse;
    }

    .front-content.search .contents>ul,
    .front-content.tsuhanbox .contents>ul {
        flex-direction: column-reverse;
    }

    .front-content .contents>ul li:first-child {
        flex-basis: 100%;
    }

    .front-content .contents>ul li:last-child {
        flex-basis: 100%;
    }

    .front-content .contents>ul li img {
        width: 200px;
        height: auto;
    }



    .logo-img {
        width: 250px;
    }

    header .top>ul {
        display: none;
    }

    section .middle .wrap h2 {
        font-size: 1.5rem;
    }


    .cl_infomation .contents ul.news li a .title {
        width: 100%;
    }

    .cl_infomation .contents ul.news li a .icon {}

    .cl_tushin a.contactlink {
        width: auto;
        margin: .5em 0em 2.0em;
    }

    .mainvisual .bottom .wrap a.mark01 {
        top: 30px;
        left: 50%;
        right: auto;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
    }

    .mainvisual .bottom .wrap .mark01 img,
    .mainvisual .bottom .wrap .mark02 img {
        width: 80px;
    }

    .mainvisual .bottom .wrap .mark02 {
        top: 30px;
        left: 50%;
        right: auto;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
    }


    .mainvisual .bottom .wrap .copy_top {
        top: auto;
        bottom: auto;
        left: 5%;
    }

    .mainvisual .bottom .wrap h2.copy_top,
    .mainvisual .bottom .wrap h1.copy_top {
        padding: 0 1.0em;
        font-size: 3.0rem;
    }


    .mainvisual .bottom .wrap h1.copy_top.single {
        font-size: 2.3rem;
    }


    .mainvisual .bottom .wrap .copy_top span {
        display: block;
        padding-bottom: 0em;
    }

    .mainvisual .bottom .wrap .copy_top img.copy_top_ol {
        width: 250px;
    }

    .mainvisual .bottom .wrap .copy_top img.illust_02 {
        width: 320px;
    }


    #infomation .contents .right ul li {
        flex-basis: 50%;
    }




    /* メニュー */

    section.topsearch .contents {
        padding: 0em 1.0em 1.0em;
    }

    section.topsearch .contents {
        padding: 0em 1.0em 1.0em;
    }



    /* ページ */


    .cl_page.reason .contents .box li:nth-child(2) {
        position: relative;
        z-index: 2;
        flex-basis: 100%;
        padding: 1.0em 1.5em 0;
    }

    .cl_page.reason .contents .box li:nth-child(1) {
        top: -20px;
    }

    .cl_page.reason .contents .box li:nth-child(1) img {
        width: 80%;
        opacity: 0.5;
    }

    .cl_page .contents.page_menu .flex li {
        flex-basis: 100%;
        padding: 0 1.5em;
    }


    .cl_page.jigyo .contents ul.box {
        flex-wrap: wrap;
    }

    .cl_page.jigyo .contents ul.box li:first-child img {
        opacity: 0.7;
        height: auto;
        object-position: top;
        object-fit: contain;
        font-family: 'object-fit: contain;'
            /* IE EDGE 用 */
        ;
    }

    .cl_page.jigyo h1 {
        font-size: 2.3rem;
    }

    .cl_page.jigyo .contents ul.box li:first-child {
        flex-basis: 100%;
    }

    .cl_page.jigyo .contents ul.box li:nth-child(2) {
        flex-basis: 100%;
    }


    .cl_page.jigyo_qa .contents ul li {
        flex-basis: 100%;
    }




    .pages .cl_top_01 {
        text-align: left;
    }

    .pages .cl_top_01 .contents ul {
        flex-direction: column;
    }

    .pages .cl_top_01 .contents p {
        padding-bottom: 0em;
    }

    .pages .cl_top_01 .contents ul li:first-child {
        margin-bottom: 1.0em;
    }




    /* ギャラリー */

    .report ul.gallery {
        flex-direction: row;
    }

    ul.gallery li:first-child {
        margin-bottom: 0em;
    }

    .cl_top_01 .contents .inner .rest_box p {
        margin-bottom: 1.0em;
    }

    .pages .cl_top_01 .contents ul.gallery li:first-child {
        margin-bottom: 0em;
    }

    .pages .cl_top_01 .contents ul.gallery {
        flex-direction: row;
    }




    /* SNSシェアボタン */

    .sns_box {
        padding: 2.0em 0;
    }

    .sns_box .sns_title {
        flex-basis: 100%;
        justify-content: flex-end;
        padding-right: 0em;
    }

    .pages .cl_top_01 .contents ul.sns_box li.sns_title {
        margin-bottom: 0.5em;
    }

    .sns_button {
        width: 44px;
        height: 44px;
    }

    .pages .cl_top_01 .contents ul.sns_box {
        flex-direction: row;
        flex-wrap: wrap;
    }



    /* プラグイン WP Like ボタン */

    .wpulike {
        display: block;
        position: relative;
        line-height: normal;
        margin: 0;
        padding: 2.0em 0 0;
    }




    /* 会社概要 */

    .cl_page.story .contents {
        margin: 0em auto .0em;
    }

    .cl_page.story02 .contents p {
        padding: 2.0em 1.0em 0;
    }

    .cl_page.story .contents .profile {
        padding: 3.0em 1.0em;
    }

    .cl_page.gaiyo .contents {
        padding: 3.0em 1.0em 5.0em;
        position: relative;
    }

    .cl_page.gaiyo .contents img {
        opacity: 0.2;
    }





    .ac_menu__item__link h3 {
        font-size: 2.0rem;
        padding: 0.3em 1.0em 0.5em;
    }

    .ac_menu__item__link h3:before {
        width: 30px;
        height: 30px;
    }

    .ac_menu__item__link:after {
        line-height: 70px;
    }




    .cl_page.story .contents img.posimg02 {
        width: 40%;
        left: 2.0em;
        top: 2.0em;
    }


    .cl_page.story.recruit .contents img.posimg01 {}

    .cl_page.story .contents img.posimg02 {}

    .cl_page.story .contents .profile h2 {
        text-align: center;
        padding-top: 1.0em;
        margin-bottom: 2.0em;
    }


    .cl_tushin .contact_box .flex li h2 {
        text-align: center;
        padding: 0 0em 0 0em;
    }



    /* 問い合わせフォーム */

    .noticebox {
        margin-top: 2.0em;
    }

    .pages .cl_top_01 .contents .noticebox ul li:first-child {
        margin-bottom: 0em;
    }

    .noticebox ul li {}



    /* トップ用カルーセルスライダー */

    .slick-list .listbox h3 {
        font-size: 1.6rem;
        line-height: 1.3;
    }


    /* 掲載依頼フォーム */

    .zip span {
        display: block;
    }


    .slick-list .listbox img {
        height: 150px;
    }



    /* フッター */

    .footnav_wrap ul.flex {
        flex-direction: column;
    }

    .footnav_wrap ul.flex.fblist {
        flex-direction: row;
    }

    .footnav_wrap h2 {
        padding: 0px 20px;
    }

    .footnav_wrap .navbox {
        padding: 0px 20px 10px;
    }

    .footnav_wrap .navbox h3 {
        background: #ffffff;
        color: #254923;
        font-size: 1.4rem;
        padding: 0.3em 1.0em;
        border-radius: 5px;
        /* CSS3草案 */
        -webkit-border-radius: 5px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 5px;
        /* Firefox用 */
    }

    .footnav_wrap .navbox:last-child {
        padding-bottom: 0px;
    }

    .footer_add ul.flex {
        flex-direction: column;
    }

    .copyright small {
        padding: 0px 20px 5px;
    }

    .servicelist ul.flex li {
        flex-basis: calc(100%/1);
    }



    /*------------------------------------*\
    花工房パルテール カスタマイズ
    \*------------------------------------*/



    section.cl_top05 .contents {
        padding: 3.0em 1.5em 7.0em;
    }



    /* タブメニュー（ふわっとする） */

    .tab {
        flex-wrap: wrap;
    }

    .tab li {
        flex-basis: calc(100%/2);
        margin-right: 0px;
        font-size: 1.4rem;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
    }

    .topicon>div>.flex>li {
        flex-basis: 100%;
        padding-bottom: 2.0em;
    }

    .topicon>div>.flex>li:last-child {
        padding-bottom: 1.0em;
    }

    .topicon>div {
        padding: 1.0em;
    }

    .topicon>div>.flex>li ul.children li {
        font-size: 1.3rem;
        line-height: 2.0;
    }


    /*ブログコーナー*/

    .post-type-archive-blog ul.taxs.column_layout li .listbox,
    .category.archive ul.taxs.column_layout li .listbox {
        flex-direction: column;
    }

    .post-type-archive-blog ul.taxs.column_layout>li,
    .category.archive ul.taxs.column_layout>li {
        padding: 0em;
    }

    .mainvisual .bottom .wrap .flex>li:last-child img {
        height: 50vh;
        max-height: 230px;
        width: auto;
    }

    section .contents .inner h1 {
        margin-bottom: 0.5em;
        max-width: 100%;
        font-size: 2.0rem;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: .05rem;
    }


    ul.taxs li .listbox h3 {
        font-size: 1.4rem !important;
        line-height: 1.3;
        letter-spacing: 0.05em;
    }



    /*------------------------------------*\
    パルテールトップの花配置・セクション
    \*------------------------------------*/


    section.cl_ .contents>.flex.taxbox>li {
        flex-basis: calc(100%/2);
    }

    section.cl_ .contents>.flex.birthbox>li {
        flex-basis: calc(100%/3);
    }

    section.cl_.cl_top01 .ill_01 {
        width: 70px;
        height: auto;
        top: 10px;
        left: 20px;
    }

    section.cl_.cl_top01 .ill_02 {
        top: 10px;
        right: 5;
    }

    section.cl_.cl_top01 .ill_03 {
        bottom: 10px;
        right: 0;
    }


    section.cl_.cl_top02 .ill_01 {
        width: 150px;
        height: auto;
        top: 10px;
        left: 10px;
    }

    section.cl_.cl_top02 .ill_02 {
        width: 50px;
        height: auto;
        top: 50px;
        right: 20px;
    }

    section.cl_.cl_top02 .ill_03 {
        width: 50px;
        height: auto;
        top: 10px;
        right: 30px;
    }

    section.cl_.cl_top02 .ill_04 {
        width: 80px;
        height: auto;
        bottom: 10px;
        left: 10px;
    }

    section.cl_.cl_top02 .ill_05 {
        width: 60px;
        height: auto;
        bottom: 10px;
        right: 10px;
    }


    section.cl_.cl_top03 .ill_01 {
        width: 70px;
        height: auto;
        top: 20px;
        left: 10px;
    }

    section.cl_.cl_top03 .ill_02 {
        width: 70px;
        height: auto;
        top: 10px;
        right: 20px;
    }

    section.cl_.cl_top03 .ill_03 {
        width: 70px;
        height: auto;
        bottom: 20px;
        left: 10px;
    }

    section.cl_.cl_top03 .ill_04 {
        width: 120px;
        height: auto;
        bottom: 20px;
        right: 10px;
    }


    section.cl_.cl_top04 .ill_01 {
        z-index: 0;
        position: absolute;
        width: 150px;
        height: auto;
        top: 20px;
        left: 10px;
    }

    section.cl_.cl_top04 .ill_02 {
        width: 50px;
        height: auto;
        top: 20px;
        right: 20px;
    }

    section.cl_.cl_top04 .ill_03 {
        width: 70px;
        height: auto;
        bottom: 20px;
        left: 30px;
    }

    section.cl_.cl_top04 .ill_04 {
        width: 100px;
        height: auto;
        bottom: 20px;
        right: 10px;
    }


    section.cl_.cl_top05 .ill_01 {
        width: 100px;
        height: auto;
        top: 0px;
        left: 20px;
    }

    section.cl_.cl_top05 .ill_02 {
        width: 70px;
        height: auto;
        bottom: 50px;
        left: 20px;
    }

    section.cl_.cl_top05 .ill_03 {
        width: 60px;
        height: auto;
        bottom: 50px;
        right: 10px;
    }


    section.cl_.cl_top06 .ill_01 {
        width: 70px;
        height: auto;
        top: 0px;
        left: 20px;
    }

    section.cl_.cl_top06 .ill_02 {
        width: 70px;
        height: auto;
        top: 0px;
        right: 0px;
    }

    section.cl_.cl_top06 .ill_03 {
        width: 80px;
        height: auto;
        bottom: 30px;
        left: 50px;
    }

    section.cl_.cl_top06 .ill_04 {
        width: 120px;
        height: auto;
        bottom: 150px;
        right: 20px;
    }


    section.cl_.cl_top07 .ill_01 {
        width: 150px;
        height: auto;
        top: 20px;
        left: 20px;
    }

    section.cl_.cl_top07 .ill_02 {
        width: 50px;
        height: auto;
        top: 20px;
        right: 20px;
    }


    section.cl_.cl_top08 .ill_01 {
        width: 100px;
        height: auto;
        top: 0px;
        left: 20px;
    }

    section.cl_.cl_top08 .ill_02 {
        width: 70px;
        height: auto;
        top: 20px;
        right: 60px;
    }

    section.cl_.cl_top08 .ill_03 {
        width: 50px;
        height: auto;
        top: 0px;
        right: 0px;
    }

    section.cl_.cl_top08 .ill_04 {
        width: 90px;
        height: auto;
        bottom: 20px;
        left: 30px;
    }

    section.cl_.cl_top08 .ill_05 {
        width: 70px;
        height: auto;
        bottom: 20px;
        right: 10px;
    }


    .itemlist section.cl_ .ill_01 {
        z-index: 0;
        width: 60px;
        height: auto;
        top: 15px;
        left: 10px;
    }

    .itemlist section.cl_ .ill_02 {
        z-index: 0;
        width: 60px;
        height: auto;
        top: 10px;
        right: 10px;
    }

    .itemlist section.cl_ .ill_03 {
        z-index: 0;
        width: 120px;
        height: auto;
        bottom: 100px;
        right: 20px;
    }

    /* ↑ パルテールトップの花配置 ここまで ↑ */






    /* アーカイブをリスト表示する */

    ul.taxs.column_layout>li {
        margin-bottom: 2.5em;
    }

    ul.taxs.column_layout>li:nth-child(even) {
        padding-left: 0.5em;
    }

    ul.taxs.column_layout>li:nth-child(odd) {
        padding-right: 0.5em;
    }

    .cl_sort-chenge form {
        font-size: 1.4rem;
        margin: 0 0em 0em 1.0em;
    }

    ul.taxs.column_layout li .listbox>a {
        width: 100%;
        padding: 0em 0em 0em 0em;
    }

    ul.taxs.column_layout li .listbox .detail_box {
        width: 100%;
    }

    .post-type-archive-blog ul.taxs.column_layout li .listbox .detail_box,
    .category.archive ul.taxs.column_layout li .listbox .detail_box {
        width: 100%;
        padding: 0.5em 0 0.5em 0em;
    }

    .post-type-archive-blog ul.taxs.column_layout li .listbox>a,
    .category.archive ul.taxs.column_layout li .listbox>a {
        padding: 0em 0em 0em 0em;
    }


    .cl_sort-chenge div.button::after {
        font-size: 1.4rem;
    }

    .cl_sort-chenge form {
        font-size: 1.4rem;
        margin: 0 0em 0em 1.0em;
    }

    .ouenlist-link a {
        font-size: 1.4rem;
    }

    ul.taxs.tax_service.column_layout>li img {
        height: 150px;
    }





    /* サイドバー補正 */

    .side_list01 .right {
        padding: 0 1.0em;
    }


    /*横長のコンテンツ用の対応*/

    .enable-scroll {
        overflow-x: scroll;
    }

    .enable-scroll:before {
        content: "←左右にスワイプできます→";
        font-size: 1.3rem;
    }


    /* ブログ 関連サービス */


    section.relative .contents {
        padding: 1.5em;
        margin-bottom: 0em;
    }

    section.relative .contents ul {}

    section.relative .contents ul li {
        flex-basis: calc(100%/2);
    }

    section.relative .titlebox_page {
        margin-bottom: 2.0em;
    }

    section.relative .contents ul li div {
        padding: 0.5em;
    }

    section.relative .contents ul li div a {
        text-decoration: none;
    }

    section.relative .contents ul li div a img {
        width: 100%;
        height: 130px;
    }

    section.relative .contents ul li div a p {
        font-size: 1.4rem;
    }



    /* お買い物ガイド */

    .guide a {}

    .guide table th {}

    .guide table td,
    .guide table th {}

    .guide .t_title {}

    .guide .list_flow li {
        font-size: 1.5rem;
        margin-bottom: 0em;
    }

    .guide .list_flow li div {
        font-size: 1.6rem;
    }

    .guide .list_flow li:after {
        font-size: 2.0em;
        display: block;
        position: static;
        right: -0em;
        top: auto;
        color: #1B4119;
        margin: 0 auto;
        text-align: center;
        font-weight: 600;
        content: " \f0d7";
        font-family: "Font Awesome 5 Pro";
    }

    .guide .list_flow li:last-child:after {
        content: "";
        font-family: "Font Awesome 5 Pro";
    }




}


/* 600px〜768px：SP以上〜タブレット縦
------------------------------ */
@media screen and (min-width:600px) and (max-width:768px) {

    .mainvisual .bottom .wrap h2.copy_top,
    .mainvisual .bottom .wrap h1.copy_top {
        padding: 0.5em;
        font-size: 3.5rem;
        line-height: 1.3;
        color: #ea9f48;
    }

    .mainvisual .bottom .wrap .copy_top {
        left: 5%;
    }


}



/* 600px〜999px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:999px) {


    .pages .mainvisual h2.title_about.jigyo span {
        font-size: 3.0rem;
    }

    .cl_jigyo_intro .center {
        padding: 0 2.0em;
    }

    .cl_about_riyu .riyubox,
    .cl_jigyo_flow .flowbox {
        padding: 0 0.5em;
    }


    .cl_tushin a.register {
        margin: 0 0.5em;
    }


    .cl_tushin .contact_box .flex li h2 {
        text-align: center;
    }

    /* 問い合わせフォーム */

    .noticebox,
    .noticebox02 {}

    .noticebox p,
    .noticebox02 p {
        font-size: 1.3rem;
        font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
        text-align: left;
    }

    .noticebox ul li {
        font-size: 1.3rem;
        font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", knowledge-reg, helvetica, arial, sans-serif;
        text-align: left;
    }

    .noticebox,
    .noticebox02 {
        text-align: left;
    }




    /* サイドバー */

    .soj_sidebar {
        width: 90%;
    }

    .side_list01 ul>li {
        padding: 0em 0em 0;
    }

    .side_list01>h2 {
        margin: 3.0em 0em 1.0em;
    }



    /* ブログコーナー */

    .mainvisual.blog .bottom .wrap .flex>li:last-child img {
        max-height: 230px;
    }





}

/* 600px〜：タブレット以上
------------------------------ */
@media screen and (min-width:600px) {


    .cl_page h2 {
        text-align: center;
    }


    section .contents .inner {
        width: 700px;
        margin: 0 auto;
    }

    .post-type-archive .flex.archivesblog,
    .category .flex.archivesblog {
        flex-direction: row;
        justify-content: center;
    }

    article.page,
    .post-type-archive article .inner,
    .category article .inner,
    article.archives,
    .SearchResult article,
    .error404 article {
        width: 800px;
    }



    /* アーカイブをリスト表示する */

    ul.taxs.column_layout>li {
        flex-basis: calc(100%/3);
        padding: 1.0em 1.0em 2.5em;
    }

    ul.taxs.column_layout>li:nth-child(odd) {
        padding-right: 1.0em;
    }

    ul.taxs.column_layout>li:nth-child(even) {
        padding-left: 1.0em;
    }



    /* ギャラリーボックス */

    ul.gallery li {
        width: 25%;
    }



    /* 花工房パルテール タイトル・見出し */

    .cl_ .titlebox .title {
        width: 400px;
    }



}


/* 768px〜：タブレット以上
------------------------------ */
@media screen and (min-width:600px) {

    .cl_tushin .contents {
        width: 680px;
    }

}


/* 1000px〜：小型PC以上
------------------------------ */
@media screen and (min-width:1000px) {

    .mainvisual .bottom .wrap h2.copy_top {
        width: 700px;
    }

    header .top.wrap,
    div.lpheader .top.wrap {
        width: 1000px;
    }

    section .contents {
        width: 100%;
        padding: 2.0em 4.0em 4.0em;
    }

    .post-type-archive section .contents,
    .category section .contents {
        width: auto;
    }

    .post-type-archive-service section .contents {
        width: 100%;
    }

    section.cl_top_01 .contents {
        width: auto;
    }

    section.cl_top_02 .contents {
        width: 100%;
        padding: 4.0em 0px 4.0em;
    }


    .footnav_wrap {
        width: 1000px;
        margin: 0 auto;
    }

    .mainvisual .bottom nav ul li {
        width: auto;
    }


    .cl_page .title02 {
        width: 1000px;
        margin: 0 auto;
    }

    .cl_page .contents.page_menu {
        width: 1000px;
        padding: 3.0em 1.0em 5.0em;
    }

    .mainvisual .bottom .wrap {
        width: 1000px;
    }

    .soj_sidebar {
        margin-top: 2.0em;
        margin-left: 3.0em;
        width: 250px;
    }



    /* トップページ お知らせとブログ */

    #infomation .contents .left .release_list {
        padding-right: 1.0em;
    }

    #infomation .contents .right .blog_list {
        padding-left: 1.0em;
    }



    .mainvisual.blog .bottom .wrap .flex>li:last-child img {
        max-height: 250px;
    }




    /* 下層ページ */

    section.cl_page01 .contents {
        padding: 3.0em 1.5em 4.0em;
    }

    .itemlist section.cl_page01 .contents {
        padding: 3.0em 4.0em 4.0em;
    }

    .cl_page01 .introbox {
        padding: 0 3.0em;
    }

    .cl_ .floatr {
        width: 50%;
        padding-left: 1.0em;
        padding-bottom: 0em;
    }

    .cl_page01 .introbox>img {
        margin-left: 1.0em;
        margin-left: 0em;
    }

    .cl_page01 .introbox .title {
        width: 400px;
    }

    .cl_page01 .introbox.noka .title>img {
        width: 230px;
    }

    .cl_ .secbox .flex div {
        flex-basis: 50%;
    }

    .cl_.cl_page01 .secbox .flex div img {
        padding-left: 1.0em;
        padding-bottom: 1.5em;
    }

    .cl_.cl_page02 .secbox .flex.sec02,
    .cl_.cl_page03 .secbox .flex.sec01 {
        flex-direction: row-reverse;
    }

    .cl_.cl_page02 .secbox .flex.sec01 div img {
        padding-right: 1.0em;
        padding-bottom: 1.5em;
    }

    .cl_.cl_page02 .secbox .flex.sec02 div img,
    .cl_.cl_page03 .secbox .flex.sec01 div img,
    .cl_.cl_page04 .secbox .flex.sec01 div img {
        padding-left: 1.0em;
        padding-bottom: 1.5em;
    }

    .cl_page01 .contents .secbox {
        padding: 3.0em 4.0em 0em;
    }


    .cl_page_menu ul li {
        flex-basis: 30%;
    }

    .guide .cl_page_menu ul li {
        flex-basis: 50%;
    }

    .cl_page_menu ul li a {
        margin: 0.3em;
        display: block;
        font-size: 1.3rem;
        padding: 0.5em 1.0em;
        text-align: center;
        background: #644C33;
        color: #fff;
        border-radius: 30px;
        /* CSS3草案 */
        -webkit-border-radius: 30px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 30px;
        /* Firefox用 */
    }

    .cl_regal table th {
        width: 20%;
    }

    .cl_regal table td {
        width: 80%;
    }


    /* サイドバー */

    .side_list01 ul>li .side-title {
        flex-basis: 65%;
    }

    .side_list01.pressrelease ul>li .side-title {
        flex-basis: 100%;
    }

    .side_list01.pressrelease ul>li {
        border-bottom: 1px dashed #ccc;
        margin-bottom: 0.5em;
        padding-bottom: 0.5em;
    }

    .side_list01>ul>li>a {
        flex-basis: 40%;
        text-decoration: none;
    }

    .side_list01>ul>li.cat-item>a {
        flex-basis: 100%;
    }

    .side_list01 ul>li {
        padding: 0em 0em 0;
    }

    .side_list01>h2 {
        margin: 4.0em 0em 1.0em;
    }

    .side_list01:first-child>h2 {
        margin: 0em 0em 1.0em;
    }


    /* 商品ページ用設定 */


    .single-flower .cl_top_item .flex {
        flex-wrap: nowrap;
    }

    .single-flower .cl_top_item .icon.flex {
        flex-wrap: wrap;
    }

    .single-flower .cl_top_item .flex>div {
        flex-basis: 50%;
    }



    /* お買い物ガイド */

    .guide a {}

    .guide table th {}

    .guide table td,
    .guide table th {}

    .guide .t_title {}

    .guide .list_flow {}

    .guide .list_flow li {
        flex-basis: calc(100%/5);
    }

    /* 利用規約&返金ポリシー */
    .terms div+p,
    .refund div+p {
        margin-top: 3.0em;
    }

    .terms p+h3,
    .refund p+h3 {
        margin-top: 2.0em !important;
        font-size: 2.0rem;
    }

    .refund p+h4 {
        margin-top: 1.5em;
        font-weight: bold;
    }

    /* フッター */


    section#footer_nav .contents {
        width: 1000px;
        padding: 2.0em 2.0em 2.0em;
    }

    .footnav_wrap .navbox {
        flex-basis: calc(100%/3);
    }




    /* 購入ボタン関連 */

    ul.taxs.tax_service.column_layout li .listbox .btn_taxbox>a.btn_tax_link {
        font-size: 1.4rem;
        padding: 0.5em 2.0em;
    }


    ul.taxs.column_layout li .listbox .detail_box h4 {
        font-size: 1.4rem;
        padding: 0.2em 1.0em;
    }


}



/* 〜1099px：パルテール@media 補正設定
------------------------------ */
@media screen and (min-width:1000px) and (max-width:1099px) {

    .soj_sidebar {
        margin-top: 2.0em;
        margin-left: 0em;
        width: 90%;
    }

    main.index>.flex {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }


}


/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {

    .mainvisual .bottom .wrap .illust_03 {
        bottom: 120%;
    }

    .pages .mainvisual h2.title_about.jigyo span {
        font-size: 3.0rem;
    }
}


/* 1280px〜：大型PC
------------------------------ */
@media screen and (min-width:1280px) {}


/* 〜320px：SP横
------------------------------ */
@media screen and (max-width:320px) {

    .mainvisual .bottom .wrap .copy_top {
        top: -150px;
        bottom: auto;
        left: 5%;
    }

    .pages .mainvisual .bottom .wrap a.mark01 {
        top: 95px;
    }

    .pages .mainvisual img.logo_about {
        width: 200px;
        height: auto;
    }

    .mainvisual .bottom .wrap .mark01 img {
        width: 80px;
    }

    .pages .mainvisual h2.title_about.jigyo span {
        font-size: 1.8rem;
    }

    .mainvisual .bottom .wrap .illust_03 {
        height: auto;
        position: absolute;
        bottom: 110%;
        left: 5%;
    }

    .mainvisual .bottom .wrap .illust_03 span {
        line-height: 1.5;
    }

    .mainvisual .bottom .wrap .illust_03 img {
        width: 60px;
    }


    /*フッター 4インチ対応*/

    .cl_tushin h2 {
        font-size: 2.0rem;
    }

    .cl_tushin .contact_box .flex li h2 {
        font-size: 3.2rem;
    }

    .cl_tushin .addbox.flex li {
        font-size: 1.4rem;
    }


    /* 花工房パルテール タイトル・見出し */

    .cl_ .titlebox .title {
        width: 250px;
    }

    ul.taxs.tax_service.column_layout>li img {
        height: 120px;
    }



    /* トップ用カルーセルスライダー */

    .slick-slide img {
        min-height: 140px;
    }



    /* ブログコーナー */

    .mainvisual .bottom .wrap .flex>li:last-child img {
        height: 50vh;
        max-height: 200px;
        width: auto;
    }


    /* 購入ボタン */

    ul.taxs.tax_service.column_layout li .listbox .btn_taxbox>a.btn_tax_link {
        font-size: 1.4rem;
        padding: 0.5em 1.5em;
    }

    ul.taxs.column_layout li .listbox .detail_box h4 {
        font-size: 1.4rem;
        padding: 0.2em 0.3em;
    }




}