@charset 'utf-8';
/* CSS Document */
/* @import url('../stinger5-cheetah/style.css');  */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Sans:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');

@media screen and (max-width: 767.9px) {
    .pt30-sp
    {
        padding-top: 30px !important;
    }
}

@media print, screen and (max-width: 599px)
{
    .side ul#menu-colors li a, .side ul#menu-number li a, .side ul#menu-extra li a
    {
        background-size: 200% auto !important;
        width: 100%;
        height: auto;
        min-height: 44px;
    }

    .side ul#menu-colors li a:hover, .side ul#menu-number li a:hover, .side ul#menu-extra li a:hover
    {
        background-position: 100% 0;
    }
}

@media print, screen and (max-width: 768px)
{
    .listFrame .box
    {
        width: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0;
    }

    .listFrame .txt p
    {
        font-size: 12px;
    }

    .listFrame .txt .item
    {
        padding-left: 20px;
        font-size: 14px;
        background-position: 0 9px;
    }

    .listFrame .txt .price .em
    {
        font-size: 16px;
    }

    .listFrame .txt .btn_detail
    {
        font-size: 14px;
    }
}

@media print, screen and (max-width: 360px)
{
    .listFrame .txt p
    {
        font-size: 11px;
    }

    .listFrame .txt .item
    {
        padding-right: 0;
        font-size: 12px;
    }

    .listFrame .txt .desc
    {
        padding-left: 0;
        padding-right: 0;
        font-size: 11px;
    }

    .listFrame .txt .price .em
    {
        font-size: 15px;
    }

    .listFrame .txt .btn_detail
    {
        font-size: 13px;
    }
}

@media screen and (max-width: 599px)
{
    .itemInfoBox.colWrap
    {
        display: block;
    }

    .itemInfoBox > .txt
    {
        margin: 30px auto 0;
        padding: 0;
        max-width: 250px;
    }
}

@media screen and (max-width: 768px)
{
    .databox th br, .databox .th br
    {
        display: none;
    }

    .databox .imgList, .databox tr:last-child td ul:not(.souryoList)
    {
        /*  display:flex;
        justify-content: space-between;*/
    }

    .databox .imgList img, .databox tr:last-child td ul img
    {
        width: 33.3%;
        padding: 0 5px;
        float: left;
        display: block;
    }

    .databox tr:last-child td ul.souryoList li
    {
        float: none;
    }

    .databox tr:last-child td ul.souryoList li + li
    {
        margin-top: 7px;
    }
}

@media print, screen and (max-width: 500px)
{
    .relatedItemFrame .txt
    {
        padding: 0 0 0 10px;
        font-size: 13px;
    }

    .relatedItemFrame .txt > p
    {
        margin-bottom: 8px;
    }

    .relatedItemFrame .txt .fixed
    {
        font-size: 12px;
    }

    .relatedItemFrame .txt .fixed s
    {
        display: block;
        font-size: 14px;
    }

    .relatedItemFrame .txt .price > span
    {
        display: block;
    }
}

/* -------------------------------------------------
  LESS THAN 767px WIDTH
  -------------------------------------------------*/
@media print, screen and (max-width: 768px)
{
    body
    {
        /*  font-size: 14px;
        font-size: 1.4rem; */
        font-size: 15px;
        font-size: 1.5rem;
    }

    img
    {
        max-width: 100%;
        height: auto;
    }

    .sp-img-default
    {
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .pc, .tab, .pc.tab
    {
        display: none !important;
    }

    .sp
    {
        display: block !important;
    }

    .sp-flex
    {
        display: flex;
    }

    .sp-block
    {
        display: block;
    }

    .sp-in-block
    {
        display: inline-block;
    }

    .sp-text-center
    {
        text-align: center;
    }

    .sp-text-left
    {
        text-align: left;
    }

    .sp-text-right
    {
        text-align: right;
    }

    .font_s
    {
        font-size: 13px;
    }

    .font_l
    {
        font-size: 15px;
    }

    /* ===== FLEX BOX ===== */
    .sp-colWrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .sp-colWrap.sp-col
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }

    .sp-colWrap.sp-wrap
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .sp-colWrap.sp-col-rev
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    }

    .sp-colWrap.sp-boxAlign-left
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .sp-colWrap.sp-boxAlign-right
    {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .sp-colWrap.sp-boxAlign-center
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sp-colWrap.sp-mdl > *, .sp-colWrap > .sp-mdl:not(.sp-colWrap)
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .sp-colWrap.sp-mdl > * > *, .sp-colWrap > .sp-mdl:not(.sp-colWrap) > *
    {
        width: 100%;
    }

    .sp-colWrap.sp-mdl.ct > *, .sp-colWrap.sp-mdl > .ct, .sp-colWrap > .sp-mdl.ct:not(.sp-colWrap)
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sp-colWrap.sp-col2 > *
    {
        width: 50%;
    }

    .sp-colWrap.sp-col3 > *
    {
        width: 33.33%;
    }
    /* ===== end - FLEX BOX ===== */

    /* ===== TABLE ===== */
    table:not(.sp-table) th, table:not(.sp-table) td, table.tab-table:not(.sp-table) th, table.tab-table:not(.sp-table) td
    {
        display: block;
        width: 100% !important;
        border-bottom: 0;
    }

    table:not(.sp-table) th
    {
        padding: 8px 8px 4px;
        font-weight: bold;
        border-bottom: 0;
    }

    table:not(.sp-table) td
    {
        padding: 15px 1em;
        border-top: 0;
    }

    table.sp-table th, table.sp-table td
    {
        padding: 8px;
        font-weight: normal;
    }

    .commonTbl2:not(.sp-table)
    {
        border-bottom: 1px solid #999;
    }
    /* ===== end - TABLE ===== */

    /* ===== FORM ===== */
    input[type='text'].sp-max, input[type='tel'].sp-max, input[type='email'].sp-max, select.sp-max, textarea.sp-max
    {
        width: 100%;
    }
    /* ===== end - FORM ===== */

    .sp-mt0
    {
        margin-top: 0;
    }

    .sp-mt10
    {
        margin-top: 10px;
    }

    .sp-mt20
    {
        margin-top: 20px;
    }

    .sp-mt30
    {
        margin-top: 30px;
    }

    .sp-mb0
    {
        margin-bottom: 0;
    }

    .sp-mb10
    {
        margin-bottom: 10px;
    }

    .sp-mb20
    {
        margin-bottom: 20px;
    }

    .sp-mb30
    {
        margin-bottom: 30px;
    }

    .sp-pt0
    {
        padding-top: 0;
    }

    .sp-pt10
    {
        padding-top: 10px;
    }

    .sp-pt20
    {
        padding-top: 20px;
    }

    .sp-pt30
    {
        padding-top: 30px;
    }

    .sp-pb0
    {
        padding-bottom: 0;
    }

    .sp-pb10
    {
        padding-bottom: 10px;
    }

    .sp-pb20
    {
        padding-bottom: 20px;
    }

    .sp-pb30
    {
        padding-bottom: 30px;
    }

    /* ----------------------- header ------------------------- */
    header #logo .descr
    {
        display: flex;
        align-items: center;
        align-content: center;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 0 20px;
        padding: 0;
        width: auto;
        height: 70px;
        font-size: 11px;
        text-align: left;
    }



    header .sitename:after
    {
    }

    /* ---------------------- content ------------------------- */
    .container
    {
        padding: 0 15px;
    }

    .ttl, .entry-title
    {
        margin: 20px 0 15px;
        padding: 10px;
        font-size: 20px;
    }

    .ttl2, .ttl2.font_s
    {
        margin-top: 10px;
        padding: 10px 0;
        font-size: 19px;
    }

    .ttl2 .condensed
    {
        display: inline;
    }

    h2.heading
    {
        font-size: 18px;
        line-height: 1.2;
    }

    h3.heading, .heading_m
    {
        font-size: 17px;
    }

    p.cap
    {
        margin: 5px 0;
    }

    .pg_policy .entry-title, .pg_business .entry-title, .ttl3
    {
        margin: 10px 0;
        /*padding: 15px 0px 15px 40px; */
        display: flex;
        align-items: center;
        align-content: center;
        padding: 0 0 15px 40px;
        min-height: 40px;
        font-size: 18px;
        letter-spacing: 2px;
    }

    .pg_policy .entry-title:before, .pg_business .entry-title:before, .ttl3:before
    {
        width: 36px;
        height: 41px;
    }

    .ttl_m2
    {
        padding: 10px 10px 5px 40px;
    }

    .ttl_m2:before
    {
        top: 4px;
        width: 32px;
        height: 30px;
    }

    .pg_board .boardSection .ttl_m3
    {
        margin-bottom: 0;
        padding: 5px 0 20px 45px;
        font-size: 20px;
        letter-spacing: 2px;
    }

    .pg_board .boardSection .ttl_m3:before
    {
        width: 40px;
        height: 41px;
    }
    /* -------------------- .side -------------------- */
    .side
    {
        margin: 30px auto 0 !important;
        max-width: 470px;
    }

    .side .bannerFrame > p, .side .bannerFrame > div
    {
        display: flex;
    }

    .side .bannerFrame > div
    {
        max-width: 230px;
    }

    .side #mybox .sideNav
    {
        margin: 20px auto;
    }

    .side .menu
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .side .menu li
    {
        max-width: 230px;
        width: calc(50% - 4px);
    }

    .side #mybox .sideNav .menu_underh2
    {
        margin: 0 0 5px;
        width: 100% !important;
        max-width: 100% !important;
        background-color: #FBF8FB !important;
        background-position: center center !important;
    }

    /* -------------------- #bottom -------------------- */
    footer #bottom_in
    {
        padding-top: 10px;
    }

    footer ul#bottommenu, footer .menu-footermenu-container
    {
        margin: 0 0 10px;
    }

    footer ul#bottommenu li a, footer ul#menu-footermenu li a
    {
        padding: 0 10px 0 20px;
        font-size: 11px;
    }

    footer ul#bottommenu li:first-child a, footer ul#menu-footermenu li:first-child a
    {
        padding-right: 0;
    }

    footer #guide_in
    {
        margin-top: 5px;
        border-radius: 8px;
        /* padding: 15px; */
        /* padding: 10px 5px; */
    }

    footer #guide_in div .areaTbl th
    {
        width: 29%;
        white-space: normal;
    }

    .section + .section, #contentInner .inner .widget + .widget
    {
        margin-top: 30px;
    }

    .sec_s
    {
        padding-left: 0;
        padding-right: 0;
    }

    /* --------------------------------
      TOP PAGE STYLES
     -------------------------------- */
    .pg_top .ttl + .ttl_m
    {
        font-size: 17px;
    }

    .box03
    {
        margin: 20px 0 15px;
        border-radius: 8px;
    }

    .box03_in
    {
        padding: 10px 15px;
        /*  font-size:13px; */
    }

    .box03 .title
    {
        margin: -15px -20px 20px;
        padding: 10px;
        font-size: 18px;
        box-shadow: 0 2px 5px rgba(0,0,0,.175);
    }


    /*--------------------------------------------
    コンタクトフォームカスタマイズ
    --------------------------------------------*/
    .contactTbl th
    {
        padding-right: 0;
        padding-bottom: 0;
    }

    .contactTbl td
    {
        padding: 0 0 10px !important;
    }

    .wpcf7 input[type='text'], .wpcf7 input[type='email'], .wpcf7 input[type='url'], .wpcf7 textarea
    {
        width: 100%;
    }


    /*--------------------------------------------
     firstone page style
    --------------------------------------------*/


    /*--------------------------------------------
     faq page style
    --------------------------------------------*/
    .faqSection .q, .faqSection .a
    {
        padding: 5px 10px 5px 35px;
    }

    .faqSection .q:before, .faqSection .a:before
    {
        width: 30px;
        height: 30px;
        background-size: 30px auto;
    }

    .faqSection .a:before
    {
        background-position: center -30px;
    }

    .faqSection .q
    {
        padding-top: 7px;
        padding-bottom: 4px;
        font-size: 15px;
    }


    /*--------------------------------------------
     guide page style
    --------------------------------------------*/
    .guideSection .areaTbl th
    {
        width: 36%;
        white-space: normal;
    }


    .guideSection .areaTbl .font_s
    {
        font-size: .9em;
    }


    /*--------------------------------------------
     point page style
    --------------------------------------------*/
    .pointSection .pointFrame .article
    {
        margin: 0 0 30px;
    }

    .pointSection .pointFrame .article .head
    {
        margin: 0 0 15px;
        padding: 0 0 5px;
        font-size: 19px;
        line-height: 1.3;
    }

    .pointSection .pointFrame .article .head .hd
    {
        /* display: block; */
        overflow: hidden;
        margin: 0 10px 0 0;
        padding: 0 45px 0 0;
        max-width: 90px;
        height: 33px;
        line-height: 40px;
        font-size: 16px;
        background-size: 40px auto;
    }

    .pointSection .pointFrame .btnFrame .btn_register
    {
        font-size: 20px;
    }

    /*--------------------------------------------
     rapping page style
    --------------------------------------------*/
    .rappingSection .rappingFrame .box
    {
        position: relative;
        padding: 0 25px 0 35px;
    }

    .rappingSection .rappingFrame .txt
    {
        font-size: 22px;
    }

    .rappingSection .rappingFrame .img > div:after
    {
        width: calc(100% - 15px);
        height: calc(100% - 15px);
    }

    /*--------------------------------------------
     policy page style
    --------------------------------------------*/
    .pg_policy .policySection .txt, .pg_policy .policySection .article > p, .pg_policy .policySection .article > ul
    {
        padding: 0;
    }

    /* 共通パーツ [立て札の立て方] */
    /* boardLineupBox */
    .boardFrame.boardLineupBox .img img, .boardFrame.boardLineupBox .img .noimg
    {
        max-width: 106px;
    }

    .boardFrame.boardLineupBox .img.msg img
    {
        max-width: 150px;
    }

    .boardFrame.boardLineupBox .price
    {
        font-size: 13px;
    }

    .boardFrame.boardLineupBox .namae, .boardFrame.boardLineupBox .price .num
    {
        font-size: 15px;
    }

    .boardFrame.boardLineupBox .note
    {
        font-size: 12px;
    }

    .boardFrame.boardLineupBox .note_s
    {
        font-size: 11px;
    }

    /* boardSampleBox */
    .boardFrame.boardSampleBox .boardTxt, .boardFrame.boardSampleBox .msgTxt
    {
        font-size: 15px;
    }

    .boardFrame.boardSampleBox .boardTxt .em, .boardFrame.boardSampleBox .msgTxt .em
    {
        font-size: 15px;
    }

    .boardFrame.boardLineupBox .colWrap > div, .boardFrame .sp-center > div
    {
        margin-left: auto;
        margin-right: auto;
    }
}


/* -------------------------------------------------
  LESS THAN 599px WIDTH
  -------------------------------------------------*/
@media print, screen and (max-width: 599px)
{
    .sp2
    {
        display: block !important;
    }

    .sp2-in-block
    {
        display: inline-block !important;
    }


    header #logo
    {
        position: relative;
        height: auto;
    }

    header #logo .descr
    {
        position: relative;
        margin: 0;
        padding: 3px 10px;
        max-width: 100%;
        height: auto;
        line-height: 1.3;
        font-size: 10px;
        background: #9C5CAB;
        color: #FFF;
    }

    header .sitename
    {
        top: calc(26% + 15px);
    }

    @media print, screen and (max-width: 479px)
    {
        header .sitename
        {
            top: calc(26% + 24px);
        }
    }

    #headicon.sp-colWrap
    {
        display: block;
        position: relative;
        padding-bottom: 24px;
    }

    #headicon #hdicon1, #headicon #hdicon2, #headicon #hdicon3
    {
        width: auto;
    }

    #headicon .box + .box
    {
        margin-top: 4px;
    }

    #headicon .ico
    {
        font-size: 18px !important;
    }

    #headicon .ico sup
    {
        font-size: 10px;
        font-weight: normal;
        position: absolute;
        right: 7px;
        bottom: 7px;
    }

    #headicon .note
    {
        position: absolute;
        bottom: 0;
        margin: 0;
        font-size: 12px;
        letter-spacing: -.6px;
        text-align: center;
    }

    .side
    {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 345px;
    }

    .side .menu
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .side .bannerFrame > p, .side .bannerFrame > div
    {
        width: calc(50% - 4px);
        max-width: 168px;
    }

    .side .bannerFrame > p > a, .side .bannerFrame > div a
    {
        background-size: 200% auto !important;
        background-repeat: no-repeat !important;
    }

    .side p#lefticon4 a:hover, .side p#lefticon5 a:hover, .side p.side_login a:hover, .side p#lefticon6 a:hover
    {
        background-position: 100% 0;
    }

    .side .bannerFrame #lefticon1, .side .bannerFrame #lefticon2, .side .bannerFrame #lefticon3
    {
        background-size: 100% auto !important;
        background-repeat: no-repeat !important;
    }

    .side .bannerFrame p#lefticon1
    {
        height: 102px;
    }

    .side .bannerFrame p#lefticon2
    {
        /* height: auto; */
        height: 100%;
    }

    .side .bannerFrame p#lefticon3
    {
        height: 72px;
    }

    .side .bannerFrame p#lefticon4 a
    {
        height: 64px;
    }

    .side .bannerFrame p#lefticon5 a, .side .bannerFrame p.side_login a
    {
        height: 58px;
    }

    .side .bannerFrame p#lefticon6 a
    {
        height: 95px;
    }

    .side #mybox .sideNav .menu_underh2
    {
        background-size: auto 42px !important;
        height: 30px !important;
    }

    .side .menu li
    {
        width: calc(50% - 4px);
        max-width: 168px !important;
    }

    .side #menu-price li
    {
        width: 100%;
        max-width: 100% !important;
    }

    .side ul#menu-usage li a, .side ul#menu-kind li a, .side ul#menu-others li a
    {
        background-size: 200% auto !important;
        width: 100%;
        height: auto;
        min-height: 44px;
    }

    .side ul#menu-usage li a:hover, .side ul#menu-kind li a:hover, .side ul#menu-others li a:hover
    {
        background-position: 100% 0;
    }

    /* osusume */
    .pg_top .osusumeFrame
    {
        display: block;
    }

    .pg_top .osusumeFrame > div
    {
        width: auto;
    }


    /* 共通パーツ [立て札の立て方] */
    /* boardLineupBox */
    .boardFrame.boardLineupBox .colWrap:after
    {
        width: 33.33%;
    }

    .boardFrame.boardLineupBox .colWrap > div
    {
        width: 33.33%;
    }

    /* .boardFrame.boardLineupBox .colWrap > div:nth-child(4n){ */
    .boardFrame.boardLineupBox .colWrap > .msg
    {
        width: 33.33%;
    }

    .boardFrame.boardLineupBox .img img, .boardFrame.boardLineupBox .img .noimg
    {
        max-width: 90%;
    }

    .boardFrame.boardLineupBox .img.msg img
    {
        max-width: 100%;
    }

    .boardFrame.boardLineupBox .noimg
    {
        display: none;
    }

    .boardFrame.boardLineupBox .price
    {
        font-size: 11px;
    }

    .boardFrame.boardLineupBox .namae, .boardFrame.boardLineupBox .price .num
    {
        font-size: 13px;
    }

    .boardFrame.boardLineupBox .msg p.namae
    {
        max-width: 100%;
        letter-spacing: -1px;
    }

    .boardFrame.boardLineupBox .msg .font_s
    {
        font-size: 10.5px;
    }

    .boardFrame.boardLineupBox .note
    {
        margin-top: 5px;
        font-size: 11px;
    }

    .boardFrame.boardLineupBox .note_s
    {
        font-size: 11px;
        text-align: left;
    }

    .boardFrame.boardLineupBox .note_s br
    {
        display: none;
    }

    /* boardSampleBox */
    .boardFrame.boardSampleBox .colWrap
    {
        display: block;
    }

    .boardFrame.boardSampleBox .colWrap > div
    {
        width: auto;
    }

    .boardFrame.boardSampleBox .txt
    {
        margin: 10px auto;
        max-width: 360px;
        font-size: 13px;
        text-align: center;
    }

    .boardFrame.boardSampleBox .boardTxt, .boardFrame.boardSampleBox .msgTxt
    {
        font-size: 14px;
    }

    .boardFrame.boardSampleBox .boardTxt .em, .boardFrame.boardSampleBox .msgTxt .em
    {
        font-size: 14px;
    }


    /* boardImgBox */
    .boardFrame.boardImgBox .cap
    {
        line-height: 1.3;
        font-size: 13px;
    }

    /* カテゴリー共通（受賞・流通形態） */
    #box01:before
    {
        background-position: 0 84%;
    }

    #box01 .head
    {
        font-size: 18px;
    }
}

@media print, screen and (min-width: 480px) and (max-width: 599px)
{
    #headicon #hdicon1 br
    {
        display: none;
    }
}

@media print, screen and (max-width: 420px)
{
    /*--------------------------------------------
     rapping page style
    --------------------------------------------*/
    .rappingSection .guideFrame
    {
        display: block;
    }

    .rappingSection .guideFrame > div
    {
        width: auto;
    }

    .rappingSection .guideFrame .img img
    {
        display: block;
        margin: 10px auto 30px;
    }

    .rappingSection .rappingFrame .box
    {
        padding: 0 10px 0 20px;
    }

    .rappingSection .rappingFrame .txt
    {
        font-size: 16px;
        line-height: 1;
    }

    .rappingSection .rappingFrame .img > div
    {
        max-width: 130px;
    }


    /* 共通パーツ [受賞・流通形態]  */
    #box01 .txt
    {
        padding: 0 10px 10px;
    }

    #box01:before
    {
        left: 2%;
        width: 22%;
    }

    #box01 .head
    {
        margin: 15px auto;
        text-align: center;
    }

    #box01 .head  br
    {
        display: inline;
    }

    #box01 .head + p
    {
        padding-left: 24%;
    }
}

@media print, screen and (max-width: 360px)
{
    #headicon.sp-colWrap
    {
        padding-bottom: 20px;
    }

    #headicon .note
    {
        font-size: 10.5px;
    }
}

@media screen and (max-width: 640px)
{
    table.table01 thead
    {
        display: none;
    }
    table.table01 tbody th
    {
        display: block;
    }
    table.table01 tbody td
    {
        display: block;
    }
    table.table01 tbody td::before
    {
        content: attr(label);
        float: left;
        clear: both;
        font-weight: bold;
    }
    table.table01 tbody td p
    {
        padding-left: 1em;
    }

    /* カテゴリートップ一覧表示 */
    div#topnews dd h3
    {
        font-size: 15px;
        line-height: 1.4;
    }

    div#topnews dd p
    {
        font-size: 13px;
    }
}

/*-------- priceページ start------------------ */

@media print, screen and (max-width: 768px)
{
    * + .sec_price
    {
        margin-top: 40px;
    }
}


@media print, screen and (max-width: 768px)
{
    .sec_price .sp-visible
    {
        display: block;
    }
}

@media print, screen and (max-width: 768px)
{
    .price_heading
    {
        height: 217px;
    }

    .price_heading.bg_price_heading01
    {
        background-image: url(images/price/bnr_title01sp.jpg);
    }

    .price_heading.bg_price_heading02
    {
        background-image: url(images/price/bnr_title02sp.jpg);
    }

    .price_heading.bg_price_heading03
    {
        background-image: url(images/price/bnr_title03sp.jpg);
    }
}

@media print, screen and (max-width: 768px)
{
    .price_anc li
    {
        width: calc(50% - 10px);
    }

    .price_anc li:not(:first-child)
    {
        margin-left: 0;
    }

    .price_anc li:nth-child(even)
    {
        margin-left: 20px;
    }

    .price_anc li:nth-child(n + 3)
    {
        margin-top: 20px;
    }
}

@media print, screen and (max-width: 768px)
{
    .price_box_item
    {
        width: 85%;
    }

    .price_box_point
    {
        background-image: url(images/price/bg_pointsp.jpg);
    }
}

@media print, screen and (max-width: 768px)
{
    .price_box_title
    {
        border-bottom: 1px solid #CFBF59;
    }
    .price_box_title span
    {
        font-size: 1.6rem;
        border-bottom: none;
    }
}

@media print, screen and (max-width: 768px)
{
    .price_recommend_item_title
    {
        font-size: 1.6rem;
    }
}

@media print, screen and (max-width: 768px)
{
    .price_more_button span
    {
        padding: .5em 2em .5em 1em;
    }
}

@media print, screen and (max-width: 375px)
{
    .price_more_button span
    {
        width: 100%;
    }
}

@media print, screen and (max-width: 768px)
{
    .price_anc li
    {
        width: calc(50% - 16px);
    }

    .price_scene_box
    {
        position: relative;
        min-height: 169px;
        height: auto;
    }

    .price_scene_heading
    {
        color: rgb(196, 2, 75);
        width: 100%;
    }

    .price_scene_box p
    {
        margin-top: 20px;
        width: 100%;
    }

    .price_scene_box figure
    {
        position: static;
        margin: 25px auto 0 ;
    }

    .price_scene_box figure img
    {
        width: 100%;
    }
}

@media print, screen and (max-width: 480px)
{
    .price_recommend_item
    {
        width: 100%;
    }
}

@media print, screen and (max-width: 768px)
{
    .price_anc li
    {
        width: calc(50% - 16px);
    }

    .price_scene_box
    {
        position: relative;
        min-height: 169px;
        height: auto;
    }

    .price_scene_heading
    {
        color: rgb(196, 2, 75);
        width: 100%;
    }

    .price_scene_box p
    {
        margin-top: 20px;
        width: 100%;
    }

    .price_scene_box figure
    {
        position: static;
        margin: 25px auto 0 ;
    }

    .price_scene_box figure img
    {
        width: 100%;
    }
}

@media print, screen and (max-width: 480px)
{
    .price_recommend_item
    {
        width: 100%;
    }
}

@media screen and (max-width: 767.9px)
  {
      p.padding0-sp
      {
          padding-bottom: 0 !important;
      }
  
      .padding25-sp
      {
          padding-bottom: 25px !important;
      }
  
      .padding50-sp
      {
          padding-bottom: 50px !important;
      }
  
      .padding100-sp
      {
          padding-bottom: 100px !important;
      }
  
      .padding150-sp
      {
          padding-bottom: 150px !important;
      }
  
      .padding0-sp
      {
          padding-bottom: 0 !important;
      }
  
      .block-sp
      {
          display: block;
      }
  }

@media screen and (max-width: 768px) {
  .mb50-sp
  {
      margin-bottom: 50px!important;
  }
}

@media screen and (max-width: 768px) {
  .mb75-sp
  {
      margin-bottom: 75px!important;
  }
}

@media screen and (max-width: 768px) {
    .mt50-sp
    {
      margin-top: 50px!important;
    }
}

@media screen and (max-width: 768px) {
  .mt75-sp
  {
      margin-top: 75px!important;
  }
}

/* SPだけ中央 */
@media screen and (max-width: 767.9px)
{
  .left-sp
  {
      text-align: left !important;
  }

  .left-sp *
  {
      margin-left: 0;
      margin-right: auto;
  }

  /* センター寄せ */
  .center-sp
  {
      text-align: center !important;
  }

  .center-sp *
  {
      margin-right: auto;
      margin-left: auto;
  }

  /* 右寄せ */
  .right-sp
  {
      text-align: right !important;
  }

  .right-sp *
  {
      margin-left: auto;
      margin-right: 0;
  }
}

@media print,
screen and (max-width: 599px)
{
  header .sitename2
  {
      top: calc(26% + 15px);
  }
}

@media print,
screen and (max-width: 479px)
{
  header .sitename2
  {
      top: calc(26% + 24px);
  }
}

/*　*　*　*　*　*　*　*　*　*
    * レイアウト 関連  *
    *　*　*　*　*　*　*　*　*　*/
  
/* sp,pc表示切り替え */
@media screen and (max-width: 767.9px)
{
  .show-pc
  {
      display: none;
  }

  .show-tab
  {
      display: none;
  }

  .show-sp
  {
      display: inherit;
  }
}

@media screen and (max-width: 768px)
{
  article .section.paddingTop0-sp
  {
      padding-top: 0;
  }

  article .section.paddingTop50-sp
  {
      padding-top: 50px;
  }
  .padding-top-25-sp
  {
      padding-top: 25px !important;
  }
}

@media screen and (max-width: 767.9px)
{
  .column3:nth-of-type(n+2)
  {
      padding-top: 25px;
  }

  .column4:nth-of-type(n+2)
  {
      padding-top: 25px;
  }
}

@media screen and (max-width: 767.9px)
{
  .rowInformation .columnInformation
  {
      margin: 0 auto 50px;
      width: 100%;
      max-width: 480px;
  }
}

@media screen and (max-width: 767.9px)
{
  .columnInformation .columnTextArea
  {
      padding: 25px 15px;
  }
}

@media screen and (max-width: 767.9px)
{
  .columnInformation .columnTextArea > ul.listAnchor > li a
  {
      font-size: 16px;
  }
}

@media screen and (max-width: 767.9px)
{
  .faqListWrap .faqList
  {
      padding-bottom: 20px;
  }
}

@media screen and (max-width: 768px)
{
    .faqList__summary
    {
        min-height: 62px;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 480px)
{
  ul.select-list-card li
  {
      margin-left: auto;
      margin-right: auto;
  }
}

@media screen and (max-width: 767.9px)
{
  ul.select-list-card li
  {
      width: 80%;
      padding: 0 !important;
      margin-bottom: 50px;
  }
}

@media screen and (max-width: 767.9px)
{
  table.areaTable-1
  {
      margin: 0 auto;
  }
  table.areaTable-1 > tbody > tr > td.-map-sp
  {
      display: block;
  }
  table.areaTable-1 > tbody > tr > td.-map
  {
      display: none;
  }
  table.areaTable-1 > tbody > tr > td img
  {
      max-width: 400px;
  }
}
@media screen and (max-width: 475px)
{
  table.areaTable-2 > tbody > tr > td a
  {
      font-size: 16px;
  }
  table.areaTable-1 > tbody > tr > td.-prefectures
  {
      padding: 0 !important;
  }
  table.areaTable-2 > tbody > tr > td
  {
      line-height: 2.3;
      padding: 0 13.5px;
  }
  table.areaTable-2 > tbody > tr:first-child > td
  {
      padding-top: 20px;
  }
  table.areaTable-2 > tbody > tr:last-child > td
  {
      padding-bottom: 20px;
  }
  table.areaTable-2
  {
      min-width: unset;
      margin-top: 50px;
      width: 100%;
  }
  table.areaTable-1 > tbody > tr > td.-map-sp
  {
      padding: 0;
  }
}

@media screen and (max-width: 767.9px)
{
  .page-id-4184 .obsessionSection h2.ttl.has-left-line:after, .page-id-4187 .priceHeadingSection h2.ttl.has-left-line:after
  {
      top: 18px;
  }
}

@media screen and (max-width: 767.9px)
{
  section.apolonSection
  {
      margin-bottom: 0px;
  }
}

@media screen and (max-width: 980px)
{
  section.apolonSection .inner::after
  {
      background: url(http://kochoran3.xsrv.jp/kochoran/wp-content/uploads/aplolone-banner-sp.png);
      background-repeat: no-repeat;
      background-position: top left;
      background-size: auto 120%;
  }
}

@media screen and (max-width: 587px)
{
  section.apolonSection .inner::after
  {
      background-position: top right 45vw;
      background-size: auto 100%;
  }
}

@media screen and (max-width: 450px)
{
  section.apolonSection .inner .columns
  {
      justify-content: center;
  }
}

@media screen and (max-width: 767.9px)
{
  h2.ttlBanner
  {
      font-size: 30px;
      text-align: center;
  }
}
@media screen and (max-width: 450px)
{
  h2.ttlBanner
  {
      line-height: 1.3;
  }
  h2.ttlBanner br
  {
      display: block;
  }
}

@media screen and (max-width: 767.9px)
{
  /* .relatedItemsWrap.-noslick
  {
      width: calc(100% + 30px);
      margin-left: -15px;
  } */
  .relatedItemsWrap.-noslick
  {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
  }

  .relatedItemsWrap.-noslick .relatedItem .column.img > a.imageWrap
  {
      max-width: 220px;
  }

  .relatedItemsWrap.-noslick.-oneitem .relatedItem .column.img > a.imageWrap
  {
      max-width: 220px;
  }
}

@media screen and (max-width: 479.9px)
{
  /* .relatedItemsWrap.-noslick
  {
      width: calc(100% + 15px);
      margin-left: -7.5px;
  } */
}

@media screen and (max-width: 767.9px)
{
  /* .relatedItemsWrap.-noslick .relatedItem
  {
      width: calc((100% / 2) - 30px);
      max-width: 480px;
      margin-left: 15px;
      margin-right: 15px;
      margin-bottom: 50px;
  } */
  .relatedItemsWrap.-noslick .relatedItem
  {
      width: 100%;
      max-width: 480px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
  }
  .noMargin .relatedItemsWrap.-noslick .relatedItem{
      margin-bottom: 50px!important;
  }
  .noMargin .relatedItemsWrap.-noslick .relatedItem:last-child{
      margin-bottom: 0px!important;
  }
  .single-column .relatedItemsWrap.-noslick .relatedItem{
      margin-left: 0;
      margin-right: 0;
  }
  .single-column .rankingSection:has(+ .heading) .relatedItemsWrap.-noslick .relatedItem{
      margin-bottom: 50px!important;
  }
  .single-column .rankingSection:has(+ .heading) .relatedItemsWrap.-noslick .relatedItem:last-child{
      margin-bottom: 0px!important;
  }
}

@media screen and (max-width: 479.9px)
{
  /* .relatedItemsWrap.-noslick .relatedItem
  {
      width: calc((100% / 2) - 15px);
      margin-left: 7.5px;
      margin-right: 7.5px;
  } */
}

@media screen and (max-width: 767.9px)
{
  .relatedItem .column.itemName
  {
      /* height: auto; */
  }
  .relatedItem .column.itemName > a
  {
      line-height: 1.35;
      min-height: unset;
  }
}

@media screen and (max-width: 767.9px)
{
  .relatedItem .itemInfo > .column.btnWrap
  {
      margin: 20px auto 0;
  }
}

@media screen and (max-width: 767.9px)
{
  .relatedItem .itemInfo > .column.btnWrap::before
  {
      top: -13px;
  }
}

@media screen and (max-width: 640px)
{
  /* カテゴリートップ一覧表示 */
  div#related dd h3
  {
      font-size: 15px;
      line-height: 1.4;
  }

  div#related dd p
  {
      font-size: 13px;
  }
}

@media (max-width: 640px)
{
  a.kochoran-card-card
  {
      padding: 10px 10px 20px 10px;
  }

  a.kochoran-card::after
  {
      font-size: 12px;
      padding: 2px 13px;
      right: 10px;
  }

  .kochoran-card-thumbnail
  {
      margin-right: 10px;
      padding-top: 10px;
  }

  .kochoran-card-title
  {
      font-size: 14px;
  }

  .kochoran-card-excerpt
  {
      display: none;
  }
}

@media (max-width: 640px)
{
  .rec-list ul
  {
      width: 100%;
      flex-direction: column;
  }
}

@media (max-width: 640px)
{
  #irr
  {
      padding: .8em;
  }

  .rec-list2 ul
  {
      width: 100%;
      flex-direction: column;
  }

  .rec-list2 ul li
  {
      width: 100% !important;
  }
}

/********************************************************
Smartphone
********************************************************/
@media screen and (max-width: 480px)
{
  /* ListsSection2 */
  .ListsSection2
  {
      margin: 0 auto 40px;
  }

  .ListsSection2 .contCatLists2 ul li
  {
      width: 47%;
      font-size: 18px;
  }

  .ListsSection2 .contCatLists2 ul li a::after
  {
      right: 10px;
  }

  /* ListsSection3 */
  .ListsSection3 .contCatLists3 ul li
  {
      width: 47%;
      font-size: 18px;
  }

  .ListsSection3 .contCatLists3 ul li a::after
  {
      right: 10px;
  }

  /* commonSection2 */
  .itemArea a dl dt img
  {
      height: auto !important;
  }

  .gMenuArea
  {
      margin-bottom: 20px;
  }

  .gMenuArea ul
  {
      flex-wrap: wrap;
      margin: 0 10px;
  }

  .gMenuArea ul li
  {
      width: 50%;
      padding: 0 2px;
  }

  .commonSection2 .titleArea2
  {
      margin-bottom: 30px;
  }

  .commonSection2 .titleArea2 h2
  {
      font-size: 15px;
      width: 95%;
      margin: 0 auto;
  }

  .commonSection2 .titleArea2 h2::before
  {
      width: 44px;
      height: 44px;
  }

  .commonSection2 .itemArea
  {
      width: 95%;
      margin: 0 auto 50px;
  }

  .commonSection2 .itemArea a
  {
      display: block;
      margin-bottom: 70px;
  }

  .commonSection2 .itemArea a dl
  {
      margin-bottom: 0;
  }

  .recSection .itemArea dl
  {
      display: block;
  }

  .recSection .itemArea dl dt
  {
      height: auto;
      overflow: auto;
      width: 100%;
      margin-bottom: 20px;
  }

  .commonSection .itemArea dl dd
  {
      width: 100%;
      margin: 0;
  }

  .commonSection .itemArea dl dd ul li.elBtn
  {
      margin-top: 10px;
  }

  .commonSection .itemArea dl dt
  {
      width: 100%;
      margin-bottom: 20px;
  }
}

@media screen and (max-width: 767.9px)
{
  .relatedItem .itemInfo > .column.desc
  {
      height: 60px !important;
      min-height: unset;
  }
  .relatedItemsWrap.-noslick .relatedItem .itemInfo > .column.desc
  {
      height: auto !important;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      min-height: unset;
  }
  /* .relatedItem .itemInfo > .column.desc,
  .slickRanking .rankColumn .rankTxt > .caption
  {
      min-height: unset;
      height: auto !important;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      padding-bottom: 0;
      margin-bottom: 20px;
  } */
  .slickRanking .rankColumn .rankTxt > .caption, .slickRankingEx .rankColumn .rankTxt > .caption
  {
      margin-bottom: 10px;
  }
}

@media screen and (max-width: 767.9px)
{
  .section .inner > .ttl + p
  {
      padding-bottom: 50px;
  }
}

@media screen and (max-width: 767.9px)
{
  .page-id-4184 .linkbtnWrap
  {
      padding-top: 25px;
  }
}

@media screen and (max-width: 767.9px)
{
  .informationSection h3.heading4
  {
      font-size: 20px;
      line-height: 1.35;
      padding: 30px 20px;
  }
}

@media screen and (max-width: 767.9px)
{
  .prefectureSection p.text
  {
      padding-bottom: 25px;
  }
}

@media screen and (max-width: 768px){
    .column_2col_wrap {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .column_2col_wrap {
        padding-top: 25px;
    }
}

@media (max-width: 768px) {
  .toc-design .toc_list {
      padding: 25px 10px;
  }
  .toc-design ol ol {
      padding-left: 1em;
  }
}

@media (max-width: 768px) {
  .toc-design .toc_list {
      padding: 25px 10px;
  }
  .toc-design ol ol {
      padding-left: 1em;
  }
}

@media (max-width: 768px) {
  h2.ttl {
      padding: 0 0 50px 0;
  }
  .page h2.ttl {
    padding: 0 0 25px 0;
  }
  .single-column section.section.FaqSection  h2.ttl {
    padding: 0 0 25px 0;
  }
  h2.ttl:has(+ .introduction) {
      padding: 0 0 25px 0;
  }
  .section .inner > p.introduction {
      margin: 0 auto;
      padding-bottom: 50px;
  }
  #_gaCartButton button {
      display: block;
      margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
    .single-shop .itemInfoBox .txt .optionWrap span.quantity {
        grid-template-columns: 1fr 1fr;
    }
    .single-shop .itemInfoBox .txt .optionWrap span.quantity > select {
        margin-left: 0;
    }
}
  
@media screen and (max-width: 788px) {
    .wrap-intro.section {
      padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 767.9px) {
    .wrap-intro__gallery__wrap1 {
      -ms-flex-pack: distribute;
          justify-content: space-around;
    }
}

@media screen and (max-width: 767.9px) {
    .wrap-intro__gallery__wrap2 {
      display: none;
    }
}

@media screen and (max-width: 767.9px) {
    .wrap-intro__gallery__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 45%;
              flex: 0 0 45%;
      margin-left: 0;
      margin-right: 0;
    }
}

@media screen and (max-width: 767.9px) {
    .wrap-intro__gallery__item.-sp-left {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
    }
    .wrap-intro__gallery__item.-sp-left img {
      width: 45%;
      margin-left: 3.33%;
    }
    .wrap-intro__gallery__item.-sp-left p {
      width: 50%;
    }
}

@media screen and (max-width: 767.9px) {
    .wrap-intro__gallery__item p {
      font-size: 16px;
    }
}

@media screen and (max-width: 767.9px) {
    .awardSection__message {
      font-size: 16px;
    }
}

@media screen and (max-width: 767.9px) {
    .distribution__diagram {
      width: 100%;
      /* width: calc(100vw - 20px);
      margin-left: -20px; */
    }
}

@media screen and (max-width: 767.9px) {
    .distribution__diagram p.-text1 {
      top: 8%;
      left: 23%;
    }
}

@media screen and (max-width: 767.9px) {
    .distribution__diagram p.-text2 {
      top: 8%;
    }
}

@media screen and (max-width: 767.9px) {
    .distribution__diagram p.-text3 {
      top: 8%;
      right: 23%;
    }
}

@media screen and (max-width: 767.9px) {
    .distribution__diagram p.-text4 {
      left: 3.6%;
    }
}

@media screen and (max-width: 767.9px) {
    .distribution__diagram p.-text5 {
      right: 3.6%;
    }
}

@media screen and (max-width: 767.9px) {
    .distribution__diagram p.-text6 {
      background-color: #F1EBEF;
      padding: 0 5px;
    }
}

@media screen and (max-width: 767.9px) {
    .distribution__diagram p.-text7 {
      top: 80%;
    }
}

@media screen and (max-width: 767.9px) {
    .useDetailsColumnSection__links a:last-child {
      margin-left: 15px;
    }
}

@media screen and (max-width: 767.9px) {
    .flow__item {
      height: 70px;
      padding: 0 15px;
      border-radius: 5px;
      margin-top: 25px;
    }
}

@media screen and (max-width: 767.9px) {
    .flow__item:nth-child(2n) {
      border-width: 2px;
    }
}

@media screen and (max-width: 767.9px) {
    .flow__item:nth-child(2n + 1) {
      border-width: 2px;
    }
}

@media screen and (max-width: 767.9px) {
    .flow__number {
      width: 45px;
      height: 45px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 45px;
              flex: 0 0 45px;
      font-size: 20px;
      margin-right: 20px;
    }
}

@media screen and (max-width: 767.9px) {
    .flow__number:before {
      height: 70px;
      width: 3px;
    }
}

@media screen and (max-width: 767.9px) {
    .flow__text {
      font-size: 16px;
      letter-spacing: 1px;
      line-height: 1.25;
    }
}

@media screen and (max-width: 767.9px) {
    .useDetailMannerdSection .square {
      display: block;
    }
}

@media screen and (max-width: 767.9px) {
    .reason__item {
      width: 100%;
      margin: 0 0 25px 0;
      /* margin-bottom: 25px; */
    }
    .reason__item:last-child {
      margin-bottom: 0;
    }
}

@media screen and (max-width: 767.9px) {
    .reason__item.-m-margin {
      margin-left: 0;
      margin-right: 0;
    }
}

@media screen and (max-width: 767.9px) {
    .reason__item__figure {
      width: 272px;
      margin: 0 auto;
      border-radius: 5px;
      padding-bottom: 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
}

@media screen and (max-width: 767.9px) {
    .reason__item__figure p {
      font-size: 16px;
      padding-top: 15px;
    }
}

@media screen and (max-width: 767.9px) {
    .reason__item__text {
      font-size: 16px;
    }
}

@media screen and (max-width: 767.9px) {
    .purpose__wrap {
      width: 100%;
      margin: 0 auto;
    }
}

@media screen and (max-width: 767.9px) {
    .purpose__card {
      padding: 0 !important;
      width: 100%;
      max-width: 480px;
      margin: 0 auto 50px;
    }
}

@media screen and (max-width: 767.9px) {
    .purpose__card__caption {
      margin-bottom: 0;
    }
}

@media screen and (max-width: 767.9px) {
    .dividor-vertical:before {
      width: 4px;
      height: 32px;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap.section {
      padding-top: 50px;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__section {
      padding: 25px 0;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__h2 {
      font-size: 18px;
      letter-spacing: 1px;
      margin-bottom: 20px;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__h3 {
      font-size: 18px;
      letter-spacing: 1px;
      margin-bottom: 20px;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__wrap {
      display: block;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__box {
      width: 100%;
    }
    .sitemap__box:first-child {
      margin-bottom: 25px;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__box li {
      margin-bottom: 15px;
      padding-right: 15px;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__box ul.child-category li:last-child {
      margin-bottom: 15px;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__box a {
      letter-spacing: 1px;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__section.-full {
      padding-bottom: 25px;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__section.-full .sitemap__box:first-child {
      margin-bottom: 0;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__section.-full .sitemap__box > ul {
      max-height: unset !important;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  }

@media screen and (max-width: 767.9px) {
    .sitemap__section.-full li {
      width: 100%;
    }
  }

@media screen and (max-width: 767.9px) {
    .area-list {
      width: calc(100% + 30px);
      margin-left: -15px;
    }
  }

@media screen and (max-width: 479.9px) {
    .area-list {
      width: calc(100% + 15px);
      margin-left: -7.5px;
    }
  }

@media screen and (max-width: 767.9px) {
    .area-item {
      width: calc((100% / 2) - 30px);
      max-width: 480px;
      margin-left: 15px;
      margin-right: 15px;
      margin-bottom: 50px;
    }
  }

@media screen and (max-width: 479.9px) {
    .area-item {
      width: calc((100% / 2) - 15px);
      margin-left: 7.5px;
      margin-right: 7.5px;
    }
  }

@media screen and (max-width: 768px)
  {
      .area-item__link {
          width: 125px;
          height: 30px;
          font-size: 12px;
      }
      .area-item__link:after {
          right: 14px;
          top: calc(50% - 3.4px);
      }
  }

@media screen and (max-width: 768px) {
      .areaSection h3.heading {
        margin: 25px auto;
      }
  }

@media screen and (max-width: 767.9px) {
    .area-intro__item {
      width: 100%;
      max-width: 340px;
      margin: 0 auto 25px;
    }
    .area-intro__item:last-child {
      margin-bottom: 0;
    }
  }

@media screen and (max-width: 767.9px) {
    .area-intro__item__figure {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 5px;
      padding-bottom: 0;
      max-width: 272px;
      margin-left: auto;
      margin-right: auto;
    }
    .area-intro__item__figure img {
      height: auto;
      /* width: auto; */
      width: auto;
      max-width: 80px;
    }
  }

@media screen and (max-width: 767.9px) {
    .area-intro__item__figure p {
      font-size: 16px;
      padding-top: 15px;
    }
  }

@media screen and (max-width: 767.9px) {
    .area-intro__item__text {
      font-size: 16px;
        text-align: center;
    }
  }

@media screen and (max-width: 767.9px) {
    .delivery-area__list {
      border-radius: 10px;
      padding: 20px;
    }
  }

@media screen and (max-width: 767.9px) {
    .delivery-area ul li {
      font-size: 16px;
      line-height: 2.5;
      letter-spacing: 1px;
    }
  }

@media screen and (max-width: 767.9px) {
    .delivery-area ul li:before {
      padding: 0 4px;
    }
  }

@media screen and (max-width: 767.9px) {
    .tatefuda-howto .-bigger {
      font-size: 16px;
    }
  }

@media screen and (max-width: 767.9px) {
    .return-exchange__box {
      padding: 25px 0;
    }
  }

@media screen and (max-width: 767.9px) {
    .return-exchange__box h3 {
      font-size: 18px;
      letter-spacing: 1.1px;
    }
  }

@media screen and (max-width: 767.9px) {
    .about-point__item {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 340px;
      margin: 0 auto 25px;
        padding: 0 25px;
    }
    .about-point__item:last-child {
      margin-bottom: 0;
    }
  }
@media screen and (max-width: 739px) {
      .about-point__item {
          padding: 0px;
      }
  }

@media screen and (max-width: 767.9px) {
    .about-point__item__figure {
      border-radius: 5px;
      padding-bottom: 0;
    }
    .about-point__item__figure img {
      height: auto;
      width: auto;
    }
  }

@media screen and (max-width: 767.9px) {
    .about-point__item__figure p {
      font-size: 16px;
      padding-top: 15px;
    }
  }

@media screen and (max-width: 767.9px) {
    .about-point__item__text {
      font-size: 16px;
    }
  }

@media screen and (max-width: 767.9px) {
    .business-table__item {
      font-size: 16px;
      letter-spacing: 1px;
      padding: 25px 0;
    }
  }

@media screen and (max-width: 767.9px) {
    .business-table__name {
      margin-right: 20px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
              flex: 0 0 100px;
      text-align: left;
    }
    .business-table__name br {
      display: none;
    }
  }

@media screen and (max-width: 767.9px) {
    .info-table__item {
      font-size: 16px;
      letter-spacing: 1px;
      padding: 25px 0;
    }
  }

@media screen and (max-width: 767.9px) {
    .info-table__name {
      margin-right: 20px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 70px;
              flex: 0 0 70px;
      text-align: left;
    }
    .info-table__name br {
      display: none;
    }
  }

@media screen and (max-width: 795px) {
      .introduction-farmer__wrap {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
      }
  }
  
@media screen and (max-width: 735px) {
      .introduction-farmer__wrap {
          grid-template-columns: 1fr 1fr;
          justify-items: center;
      }
  }
  
@media screen and (max-width: 734.9px) {
    .introduction-farmer__wrap {
      padding-top: 50px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
  }
  
@media screen and (max-width: 490px) {
    .introduction-farmer__wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      margin: 0;
    }
  }

@media screen and (max-width: 768px) {
    .introduction-farmer__figure {
      /* width: 100%; */
      width: calc(50vw - 35px);
      max-width: 250px;
      margin-right: 0;
      margin-left: 0;
     
    }
    .introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(1),
    .introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(2) {
        min-height: 263px;
    }
    .introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(3),
    .introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(4) {
        min-height: 212px;
    }
    .introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(5),
    .introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(6) {
        min-height: 262px;
    }
  }

@media screen and (max-width: 767.9px) {
    .introduction-farmer__figure p {
      font-size: 14px;
    }
  }

@media screen and (max-width: 767.9px) {
    .page-id-103 #gazou > #headimg > img {
      position: static;
      width: 100%;
      height: 100%;
    }
  }

@media screen and (max-width: 767.9px) {
    .how-to-order__item, .flow-delivery__item {
      padding: 25px 15px;
      border-radius: 5px;
      margin-top: 25px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
  }

@media screen and (max-width: 767.9px) {
    .how-to-order__item:nth-child(2n), .flow-delivery__item:nth-child(2n) {
      border-width: 2px;
    }
  }

@media screen and (max-width: 767.9px) {
    .how-to-order__item:nth-child(2n + 1), .flow-delivery__item:nth-child(2n + 1) {
      border-width: 2px;
    }
  }

@media screen and (max-width: 767.9px) {
    .how-to-order__number, .flow-delivery__number {
      width: 45px;
      height: 45px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 45px;
              flex: 0 0 45px;
      font-size: 20px;
      margin-right: 20px;
      margin-top: -11px;
    }
  }

@media screen and (max-width: 767.9px) {
    .how-to-order__number:before, .flow-delivery__number:before {
      height: 70px;
      width: 3px;
    }
  }

@media screen and (max-width: 767.9px) {
    .how-to-order__name, .flow-delivery__name {
      font-size: 16px;
      letter-spacing: 1px;
      line-height: 1.25;
    }
  }

@media screen and (max-width: 767.9px) {
    .ship-payment__box {
      padding: 25px 0;
    }
  }

@media screen and (max-width: 767.9px) {
    .ship-payment__box h3 {
      font-size: 18px;
      letter-spacing: 1.1px;
    }
  }

@media screen and (max-width: 767.9px) {
    .ship-payment__box {
      padding: 25px 0;
    }
  }

@media screen and (max-width: 767.9px) {
    .ship-payment__box h3 {
      font-size: 18px;
      letter-spacing: 1.1px;
    }
  }

@media screen and (max-width: 767.9px) {
    .privacypolicy__box {
      padding: 25px 0;
    }
  }

@media screen and (max-width: 767.9px) {
    .privacypolicy__box h3 {
      font-size: 18px;
      letter-spacing: 1.1px;
    }
  }

@media screen and (max-width:440px){
  .deliveredSection .deliveredList.item3 .deliveredItem {
      margin: 0 !important;
  }
    .deliveredList.item3 .deliveredItem > .itemInner > img {
      width: 90% !important;
      height: auto;
      margin:0 auto;
  }
}

@media screen and (max-width: 500px)
  {
     section.raise h2{
  font-size:16px;
       line-height:1.4;
  }
}

@media screen and (max-width: 768px) {
    .wkr_reviews .wkr_review dt {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }
}

/************ パーツ関連 ************/
@media screen and (max-width: 768px) {
    .insert-page .useSelectSection ul.select-list-card li:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .recommendColumn .partWrap ul li:first-of-type {
        padding-top: 0;
    }
}

@media screen and (max-width: 768px) {
    article .section.tatefuda {
        padding-top: 0;
    }
    .tatefuda {
      overflow: hidden;
    }
    .tatefuda .inner .myList .myList-inner {
      display: block !important;
    }
    .tatefuda .inner .myList .myList-inner h3 {
      margin-top: 50px;
      font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 23px;
      font-weight: 400;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      color: black;
    }
    .tatefuda .inner .myList .myList-inner h3:before {
      content: "";
      width: 20px;
      height: 22px;
      background-image: url(./images/h3-before.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 8px;
    }
    .tatefuda .inner .myList .myList-inner h3.one {
      margin-top: 0;
    }
    .tatefuda .inner .myList .myList-inner .box {
      margin-top: 50px;
    }
    .tatefuda .inner .myList .myList-inner .box > p {
        font-size: 14px;
        margin: 25px auto 0;
        text-align: center;
    }
    .tatefuda .inner .myList .myList-inner .box .item-wrap {
      max-width: none;
      width: 100%;
      margin: 0 auto 50px;
    }
    .tatefuda .inner .myList .myList-inner .box .item-wrap.next-mark {
      margin-bottom: 85px
    }
    .tatefuda .inner .myList .myList-inner .box .item-wrap:last-of-type {
        margin-bottom: 0;
    }
    .tatefuda .inner .myList .myList-inner .box .item-wrap li {
      display: block;
      text-align: center;
      margin: 0 auto;
    }
    .tatefuda .inner .myList .myList-inner .box .item-wrap li img {
        width: 80%;
        height: auto;
        display: block;
        margin: 0 auto;
        padding-bottom: 10px;
    }
    .insert-page.insert-page-11466 .tatefuda .inner .myList .myList-inner .box .item-wrap li img {
        padding-bottom: 0;
    }
    .tatefuda .inner .myList .myList-inner .box .item-wrap li h4 {
      line-height: 1;
      margin-top: 10px;
      font-size: 16px;
      text-align: center;
      font-weight: 600;
    }
    .tatefuda .inner .myList .myList-inner .box .item-wrap li .mincho {
      line-height: 1;
      margin-top: 18px;
      font-size: 16px;
      text-align: center;
    }
    .tatefuda .inner .myList .myList-inner .box .item-wrap li p {
      line-height: 1.5;
      margin-top: 5px;
      font-size: 14px;
      color: #707070;
    }
}

@media screen and (max-width: 768px) {
    article section.areaSection .itemListWrap h3.heading {
        margin: 0 auto 50px !important;
        padding: 0 !important;
        line-height: 1.6;
    }
}

@media screen and (max-width: 768px) {
    article .areaSection.section h3.heading {
        margin: 0;
        padding: 51px 0 25px;
    }
}

@media screen and (max-width: 768px) {
    section.section.areaSection {
        padding-bottom: 0px !important;
    }
}

/* 用途から選ぶ調整 */
@media (max-width: 768px) {
    ul.select-list-card.useListWrap li:last-of-type {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
  #wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl:has(+ p),
  #wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl.withSubtext {
    padding-bottom: 25px !important;
  }
}


/* 見出し下テキストの位置調整 */
@media screen and (max-width: 768px) {
    #wrapper #content section.section.colorDetailsRecommendSection.isPricePage h2.ttl + p,
    #wrapper #content .post article section.section.FaqSection .inner h2.ttl + p,
    #wrapper #content .post article section.section.wrapFaqSection .inner h2.ttl + p {
        text-align: justify !important;
        padding-bottom: 25px;
    }
}

/* PAGE：ALL */
@media screen and (max-width: 768px) {
    #content .FaqSection .faqList .text .mt20,
    #content .wrapFaqSection .faqList .text .mt20 {
        margin-top: 10px !important;
    }
}

/* PAGE：pg_rapping */
@media screen and (max-width: 768px) {
    #wrapper #content.pg_rapping article section.section.wrapMannersSection .inner .sectionDesc {
      padding-bottom: 50px !important;
    }
}

@media screen and (max-width: 768px) {
    #wrapper #content.pg_rapping article section.section.wrapMannersSection .inner h3.heading {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    #wrapper #content.pg_rapping .wrap-intro__gallery__item {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    }
}

@media screen and (max-width: 768px) {
    .pg_board .headingSection .column-r.imageColumn img {
        padding-bottom: 25px;
    }
    .page-id-102 #wrapper #content.pg_board article section.section.useSelectSection .inner .sectionDesc {
        text-align: justify !important;
    }
}

@media screen and (max-width: 768px) {
    .pg_farmer .award-farmer .column-r.imageColumn img,
    .pg_farmer .introduction-farmer .column-r.imageColumn img {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 768px) {
    .pg_firstone .headingSection .column-r.imageColumn img {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 768px) {
    .single-column .mannerSection .mt20 {
        margin-top: 10px !important;
    }
    .single-column .mannerSection,
    .single-column .aboutSection {
        padding: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .single-column .column_main_content .column_list .column_list_card--body h2 {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 768px) {
    .single-column h2.mincho.kanren-ttl,
    .single-column h3.mincho.kanren-ttl {
        font-size: 20px !important;
        padding-top: 10px;
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 768px){
    .single-column .mannerSection .slick-dotted.slick-slider {
        margin-bottom: 70px;
    }
}

/* まとめ */
@media screen and (max-width: 768px) {
    .single-column article .section.aboutSection.summary {
        padding-top: 50px !important;
        padding-right: 25px !important;
        padding-left: 25px !important;
        padding-bottom: 50px !important;
    }
    .single-column article .section.aboutSection.summary h2.ttl {
        font-size: 20px;
        padding-bottom: 25px;
    }
    .single-column article .section.aboutSection.summary h2.ttl.has-left-line::after {
        top: 11px;
    }
    .single-column article .section.aboutSection.summary h2.has-left-line > span.description {
        font-size: 24px;
        line-height: 1.5 !important;
        margin-top: 10px;
        display: inline-block;
    }
    .single-column article .section.aboutSection.summary .columns {
        flex-direction: column;    
    }
    .single-column article .section.aboutSection.summary .columns .column-r,
    .single-column article .section.aboutSection.summary .columns .column-l {
        width: 100%;
    }
    .single-column article .section.aboutSection.summary .columns .column-r.imageColumn {
        width: 100%;
        
    }
    .single-column article .section.aboutSection.summary .columns .column-r.imageColumn img {
        display: block;
        margin-bottom: 25px;
    }
    .single-column article .section.aboutSection.summary .columns .mt20 {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .single-areas .about-area .inner p.mt20 {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .single-areas .awardSection .column-r.imageColumn img {
        /* padding-bottom: 25px; */
    }
}

@media screen and (max-width: 768px) {
    .single-areas #wrapper #content article section.delivery-possible .inner h2.ttl.has-left-line:after {
        top: 20px !important;
    }
}

@media screen and (max-width: 768px) {
    .single-areas .headingSection .column-r.imageColumn img {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 768px){
    .page-id-7822 .about-area .inner p.mt20,
    .page-id-7880 .about-area .inner p.mt20 {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .page-id-7822 .headingSection .column-r.imageColumn img,
    .page-id-7880 .headingSection .column-r.imageColumn img {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 768px) {
    .single-use .headingSection .column-r.imageColumn img,
    .single-use .awardSection .column-r.imageColumn img,
    .single-use .insert-page-10989 .column-r.imageColumn img,
    .single-use .insert-page-10969 .column-r.imageColumn img {
        vertical-align: bottom;
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 768px) {
    .single-use #wrapper #content article .inner h3.heading,
    .single-use.postid-10792 #wrapper #content article .headingSection .inner h3.heading,
    .single-use.postid-10800 #wrapper #content article .headingSection .inner h3.heading {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .single-use .rankingSection .inner .sectionDesc {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .single-use .whatis .column-r img  {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 768px){
    .single-use .headingSection p.mt20 {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    #single-shop .itemInfoSection .itemDesc {
        padding-bottom: 50px;
    }
    #single-shop .itemInfoSection .itemDesc .mt20 {
        margin-top: 10px !important;
    }
    #single-shop .deliveredSection .deliveredList {
        width: 100%;
    }
    #single-shop .deliveredSection .deliveredList.slickDelivered.item5 {
        width: calc(100% + 50px);
        margin-left: -26px;
        margin-right: auto;
    }
    #single-shop .shopping_form .layoutp3 tr td h2.ttl-item-name .itemSpec:nth-of-type(1) {
        padding-top: 15px;
    }
    #single-shop .itemOptionSection h2.ttl {
        padding-bottom: 0 !important;
    }
    #single-shop .deliveredSection h2.ttl,
    #single-shop .relatedItemSection h2.ttl,
    #single-shop .featuredItemSection h2.ttl,
    #single-shop .itemReviewSection h2.ttl,
    #single-shop .rankingSection h2.ttl {
        padding-bottom: 25px !important;
    }
    #single-shop .relatedItemSection h2.ttl{
        padding-bottom: 50px !important;
    }
}

@media screen and (max-width: 768px) {
    #single-shop .itemInfoSection .itemInfoBox .shopping_form table td.priceWrap {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 768px){
    #single-shop .shopping_form table,
    #single-shop .shopping_form tbody,
    #single-shop .shopping_form tr {
        display: block !important;
    }
    #single-shop .shopping_form table{
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 768px) {
    #single-shop section.raise h2.ttl {
        font-size: 28px;
    }
    #single-shop section.raise h2.ttl > span.description {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    #single-shop section.raise span.mt20 {
        margin-top: 10px !important; 
    }
}