Vim Patior

View file

File name : zetlqwpth.css
Content :
<style>
        a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-style: inherit;
            font-size: 100%;
            font-weight: inherit;
            vertical-align: baseline
        }

        body {
            -webkit-font-smoothing: subpixel-antialiased;
            -webkit-text-size-adjust: 100%
        }

        mark {
            background-color: transparent
        }

        fieldset {
            border: none
        }

        button, input, textarea {
            margin: 0;
            outline: 0
        }

        input::-ms-clear, input::-ms-reveal {
            display: none
        }

        input[type=number], input[type=search] {
            -webkit-appearance: textfield;
            -moz-appearance: textfield;
            appearance: textfield;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box
        }

        input[type=search]:focus {
            outline-offset: -2px
        }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            display: none
        }

        input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        input::-ms-clear, input::-ms-reveal {
            display: none
        }

        hr, legend {
            display: none
        }

        a {
            outline: 0;
            background-color: transparent;
            -webkit-touch-callout: none;
            -webkit-tap-highlight-color: transparent
        }

        img {
            vertical-align: top
        }

        a img, img {
            border: none
        }

        ol, ul {
            list-style-type: none
        }

        table {
            border: none;
            border-collapse: separate;
            border-spacing: 0
        }

        td, th {
            border: none;
            text-align: left
        }

        del, s {
            text-decoration: line-through
        }

        blockquote [align=center] {
            text-align: center
        }

        blockquote [align=right] {
            text-align: right
        }

        blockquote table {
            border-spacing: 1px
        }

        blockquote th {
            font-weight: 700;
            text-align: center
        }

        blockquote td, blockquote th {
            padding: 8px
        }

        .btnEffects {
            position: relative;
            overflow: hidden;
            -webkit-overflow-scrolling: touch
        }

        .btnEffects > .ripple {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 100;
            width: 200px;
            height: 200px;
            background-color: rgba(255, 255, 255, .6);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0)
        }

        .btnEffects.dim > .ripple {
            background-color: rgba(0, 0, 0, .2)
        }

        .deleteIco01:after, .deleteIco01:before {
            display: block;
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            translate: -50% -50%;
            height: 1px
        }

        .counterBox {
            counter-reset: num
        }

        .counterBox .countNum::before {
            counter-increment: num;
            content: counter(num)
        }

        .clearfix:after, .txtListType01:after {
            display: block;
            clear: both;
            content: ".";
            height: 0;
            visibility: hidden
        }

        #colSearchResultsWrap:after, #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox:after, #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomItemsTxt:after, #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox:after, #fixedMinHeader > .fixedMinHeaderInner > .searchBox:after, #fixedMinHeader > .fixedMinHeaderInner > .userTool:after, #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner:after, #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock:after, #searchField .searchFieldInner .searchBox .searchToolBox:after, #searchField .searchFieldInner .searchBox .siteSelect .siteSelectList:after, #searchField .searchFieldInner .searchBox:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendCol:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .inputCol:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .rangeInputCol:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner .selectList:after, #searchField .searchFieldInner:after, #searchField > .switchingMarketPlace > .marketPlaceBox > .marketPlaceBlock:after, .adSideJackType02:after, .adTileBox > .adNonBlock > .logo:after, .adTileBox > .adTileBlock > .adTileList:after, .adTileBox > .adTileBlock > .logo:after, .adVerticalTileBox > .adNonBlock > .logo:after, .auctopiBox .auctopiList:after, .flexibleTopicsPath .topicsPathList:after, .flexibleTopicsPath:after, .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList:after, .itemsBelt > .itemsBeltList:after, .itemsLargeBelt > .itemsBeltList:after, .itemsRecommend .recomList > .recomListInner:after, .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .priceBox:after, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .priceBox:after, .itemsRecommend .recomList > ul:after, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .priceBox:after, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .priceBox:after, .recommendCateKeywordBox .recommendCateKeywordList:after, .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList:after, .resultMarketPlaceBox:after, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox:after, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt:after, .searchFieldType01 .searchBox .searchToolBox:after, .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock .searchGraphNavList:after, .searchPaginationBox .searchPaginationBoxInner .searchMonthNav:after, .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav:after, .searchPaginationBox .searchPaginationBoxInner .searchYearNav:after, .searchPaginationBox .searchPaginationBoxInner:after, .searchPeriodBox .searchPeriodBlock .searchPeriodList:after, .searchPeriodHideBox .searchPeriodBlock .searchPeriodList:after, .searchResultsListCol2:after, .searchResultsListCol3:after, .searchResultsMultiCol2:after, .searchResultsSortBox .searchResultsLayoutNav:after, .searchResultsSortBox:after, .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchList:after, .searchResultsUntilCol2:after, .searchShowcaseColArea:after, .searchShowcaseSortNav:after, .searchShowcaseType01 .searchShowcaseSubBlock .adTxt:after, .searchTotalNumberBox:after, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt:after, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt:after, .skyscraperAdBox:after, .topicsPathBox:after, body.csvDownloadBody .csvDownloadBox .csvDownloadGetList:after {
            display: block;
            clear: both;
            content: ".";
            height: 0;
            visibility: hidden
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchSubmit:before, #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchTxtBox .searchIco:before, #fixedPagetop:before, #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > a:before, #searchField .searchFieldInner .searchAdBox .adTxt a > span:before, #searchField .searchFieldInner .searchBox #searchCateSelect > .close:before, #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .close:before, #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord:before, #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:before, #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock > .close:before, #searchField .searchFieldInner .searchBox .searchToolBox .categorySelect .curCategory:before, #searchField .searchFieldInner .searchBox .searchToolBox .searchSubmit:before, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner > .searchExtendClose:before, .arrowDownIco01:before, .arrowDownIco02:before, .arrowDownIco03:before, .arrowDownIco04:before, .arrowLeftIco01:before, .arrowLeftIco02:before, .arrowLeftIco03:before, .arrowLeftIco04:before, .arrowLeftIco05:before, .arrowLeftIco06:before, .arrowLeftIco07:before, .arrowRightIco01:before, .arrowRightIco02:before, .arrowRightIco03:before, .arrowRightIco04:before, .arrowRightIco05:before, .arrowRightIco06:before, .arrowRightIco07:before, .cartIco01:before, .cartIco02:before, .crossIco01:before, .crossIco02:before, .crossIco03:before, .crossIco04:before, .facebookIco01:before, .facebookIco02:before, .facebooksqIco01:before, .facebooksqIco02:before, .feedIco01:before, .feedIco02:before, .googleplusIco01:before, .googleplusIco02:before, .hatenaIco01:before, .hatenaIco02:before, .lineIco01:before, .lineIco02:before, .searchFieldType01 .searchBox .searchToolBox .searchSubmit:before, .searchPeriodCombineBox .searchPeriodCombineCont .functionalRestrictionArea .functionalRestrictionIco:before, .searchPeriodCombineBox .searchPeriodCombineHd .searchPeriodCombineHdHelp .helpIcon:before, .searchResultsAccTopicsPathList > li:before, .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchHd .combineSearchHdHelp .helpIcon:before, .searchResultsSortBox > .combineSearchNav .combineSearchBlock .functionalRestrictionArea .functionalRestrictionIco:before, .topicsPath > li:before, .transitionIco01:before, .transitionIco02:before, .twitterIco01:before, .twitterIco02:before, .xIco01:before, .xIco02:before, a.hdType07:before {
            font-family: iconfont;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none
        }

        .amazonIco, .amazonIco.sizeM, .amazonLogo, .amazonLogo.sizeM, .aupayIco, .aupayIco.sizeM, .aupayLogo, .aupayLogo.sizeM, .biccameraIco, .biccameraIco.sizeM, .ebayIco, .ebayIco.sizeM, .ebayLogo, .ebayLogo.sizeM, .enlargeIco01, .globalaucfanIco, .globalaucfanIco.sizeM, .hammerIco01, .hammerIco02, .heartIco01, .heartIco02, .kakakucomIco, .kakakucomIco.sizeM, .kakakucomLogo, .kakakucomLogo.sizeM, .layoutIco01, .layoutIco02, .mercariIco, .mercariIco.sizeM, .mercariLogo, .mercariLogo.sizeM, .minne2Logo, .minne2Logo.sizeM, .minneLogo, .minneLogo.sizeM, .mobaokuIco, .mobaokuIco.sizeM, .mobaokuLogo, .mobaokuLogo.sizeM, .mywineclubIco, .mywineclubIco.sizeM, .ponparemallIco, .ponparemallIco.sizeM, .ponparemallLogo, .ponparemallLogo.sizeM, .qBalloonIco01, .qBalloonIco02, .rakuokuLogo, .rakuokuLogo.sizeM, .rakutenIco, .rakutenIco.sizeM, .rakutenLogo, .rakutenLogo.sizeM, .sekaimonIco, .sekaimonIco.sizeM, .sekaimonLogo, .sekaimonLogo.sizeM, .shoppingIco, .shoppingIco.sizeM, .trashIco01, .trashIco02, .yahooIco, .yahooIco.sizeM, .yahooLogo, .yahooLogo.sizeM, .yahuokuIco, .yahuokuIco.sizeM, .yahuokuLogo, .yahuokuLogo.sizeM, .ykoubaiLogo, .ykoubaiLogo.sizeM {
            position: relative;
            top: -.1em;
            margin: 0 8px;
            vertical-align: middle;
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap
        }

        .memberFloatingBox .memberFloatingIco .ico, .memberFloatingBox.typeAuc10th .memberFloatingIco .ico, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .showcaseDummyDate, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .showcaseDummyNumber, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .showcaseDummyPrice, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock.showcaseDummyTxt, .searchDummyShowcaseType01 .searchDummyShowcaseInner:nth-child(odd) > .showcaseItemsImgBlock .showcaseItemsImg > .showcaseDummyItem, .searchDummyShowcaseType01 .searchDummyShowcaseInner > .showcaseItemsImgBlock .showcaseItemsImg > .showcaseDummyItem {
            vertical-align: middle;
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap
        }

        html {
            height: 100%;
            font-size: 15px;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch
        }

        body {
            position: relative;
            width: 100%;
            min-width: 1064px;
            height: 100%;
            background: #fff;
            color: #333;
            font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
            -webkit-font-feature-settings: "pkna" 1;
            font-feature-settings: "pkna" 1;
            font-size: 15px;
            letter-spacing: .5px;
            line-height: 1.5
        }

        #frame {
            position: relative;
            z-index: 1
        }

        a, a:link {
            color: #0dafde;
            text-decoration: none
        }

        a:visited {
            color: #2166a6;
            text-decoration: none
        }

        a:active, a:hover {
            color: #89c629;
            text-decoration: none
        }

        b, em, strong {
            font-weight: 700
        }

        b a, em a, strong a {
            font-weight: 700
        }

        p {
            margin-bottom: 24px
        }

        input, textarea {
            color: #333;
            font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
            box-sizing: content-box
        }

        input::placeholder, textarea::placeholder {
            color: #b3b3b3
        }

        input::-moz-placeholder, textarea::-moz-placeholder {
            opacity: 1
        }

        select {
            border: 1px solid #ddd;
            background: #fff;
            font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
            text-indent: .2em;
            text-overflow: "";
            vertical-align: middle
        }

        input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 1000px #f2f2f2 inset
        }

        input:not([type=radio]):not([type=checkbox]) {
            border: 1px solid #ddd;
            -webkit-appearance: none;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0
        }

        input[type=email], input[type=password], input[type=search], input[type=text], textarea {
            position: relative;
            height: 20px;
            padding: 0 .5em;
            border: 1px solid #ddd;
            background: #fff
        }

        button {
            font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif
        }

        .relative {
            position: relative
        }

        .hidden {
            overflow: hidden
        }

        .invisible {
            visibility: hidden
        }

        .hide {
            display: none
        }

        .block {
            display: block
        }

        .blockC {
            display: block;
            margin-right: auto;
            margin-left: auto
        }

        .blockC iframe {
            display: block;
            margin-right: auto;
            margin-left: auto
        }

        .ellipsis, .selectFormType01 > .selectFormList > ul > li, .selectFormType01 > .selectFormTxt, .selectFormType02 > .selectFormList > ul > li, .selectFormType02 > .selectFormTxt {
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .cursorDefault {
            cursor: default
        }

        .cursorPointer {
            cursor: pointer
        }

        .op:not(a):not(.tb) {
            -webkit-transition: opacity .2s ease;
            -moz-transition: opacity .2s ease;
            -o-transition: opacity .2s ease;
            transition: opacity .2s ease
        }

        .op:not(a):not(.tb):hover {
            opacity: .7
        }

        a.op:not(.tb) .op {
            -webkit-transition: opacity .2s ease;
            -moz-transition: opacity .2s ease;
            -o-transition: opacity .2s ease;
            transition: opacity .2s ease
        }

        a.op:not(.tb):hover .op {
            opacity: .7
        }

        .w100 {
            width: 100% !important
        }

        .wAuto {
            width: auto !important
        }

        .w1em {
            width: 1em !important
        }

        .w1hem {
            width: 1.5em !important
        }

        .w2em {
            width: 2em !important
        }

        .w2hem {
            width: 2.5em !important
        }

        .w3em {
            width: 3em !important
        }

        .w3hem {
            width: 3.5em !important
        }

        .w4em {
            width: 4em !important
        }

        .w4hem {
            width: 4.5em !important
        }

        .w5em {
            width: 5em !important
        }

        .w5hem {
            width: 5.5em !important
        }

        .w6em {
            width: 6em !important
        }

        .w6hem {
            width: 6.5em !important
        }

        .w7em {
            width: 7em !important
        }

        .w7hem {
            width: 7.5em !important
        }

        .w8em {
            width: 8em !important
        }

        .w8hem {
            width: 8.5em !important
        }

        .w9em {
            width: 9em !important
        }

        .w9hem {
            width: 9.5em !important
        }

        .w10em {
            width: 10em !important
        }

        .w10hem {
            width: 10.5em !important
        }

        .w11em {
            width: 11em !important
        }

        .w11hem {
            width: 11.5em !important
        }

        .w12em {
            width: 12em !important
        }

        .w12hem {
            width: 12.5em !important
        }

        .w13em {
            width: 13em !important
        }

        .w13hem {
            width: 13.5em !important
        }

        .w14em {
            width: 14em !important
        }

        .w14hem {
            width: 14.5em !important
        }

        .w15em {
            width: 15em !important
        }

        .w15hem {
            width: 15.5em !important
        }

        .w16em {
            width: 16em !important
        }

        .w16hem {
            width: 16.5em !important
        }

        .w17em {
            width: 17em !important
        }

        .w17hem {
            width: 17.5em !important
        }

        .w18em {
            width: 18em !important
        }

        .w18hem {
            width: 18.5em !important
        }

        .w19em {
            width: 19em !important
        }

        .w19hem {
            width: 19.5em !important
        }

        .w20em {
            width: 20em !important
        }

        .w20hem {
            width: 20.5em !important
        }

        .w21em {
            width: 21em !important
        }

        .w21hem {
            width: 21.5em !important
        }

        .w22em {
            width: 22em !important
        }

        .w22hem {
            width: 22.5em !important
        }

        .w23em {
            width: 23em !important
        }

        .w23hem {
            width: 23.5em !important
        }

        .w24em {
            width: 24em !important
        }

        .w24hem {
            width: 24.5em !important
        }

        .w25em {
            width: 25em !important
        }

        .w25hem {
            width: 25.5em !important
        }

        .w26em {
            width: 26em !important
        }

        .w26hem {
            width: 26.5em !important
        }

        .w27em {
            width: 27em !important
        }

        .w27hem {
            width: 27.5em !important
        }

        .w28em {
            width: 28em !important
        }

        .w28hem {
            width: 28.5em !important
        }

        .w29em {
            width: 29em !important
        }

        .w29hem {
            width: 29.5em !important
        }

        .w30em {
            width: 30em !important
        }

        .w30hem {
            width: 30.5em !important
        }

        .w31em {
            width: 31em !important
        }

        .w31hem {
            width: 31.5em !important
        }

        .w32em {
            width: 32em !important
        }

        .w32hem {
            width: 32.5em !important
        }

        .w33em {
            width: 33em !important
        }

        .w33hem {
            width: 33.5em !important
        }

        .w34em {
            width: 34em !important
        }

        .w34hem {
            width: 34.5em !important
        }

        .w35em {
            width: 35em !important
        }

        .w35hem {
            width: 35.5em !important
        }

        .w36em {
            width: 36em !important
        }

        .w36hem {
            width: 36.5em !important
        }

        .w37em {
            width: 37em !important
        }

        .w37hem {
            width: 37.5em !important
        }

        .w38em {
            width: 38em !important
        }

        .w38hem {
            width: 38.5em !important
        }

        .w39em {
            width: 39em !important
        }

        .w39hem {
            width: 39.5em !important
        }

        .w40em {
            width: 40em !important
        }

        .w40hem {
            width: 40.5em !important
        }

        .w41em {
            width: 41em !important
        }

        .w41hem {
            width: 41.5em !important
        }

        .w42em {
            width: 42em !important
        }

        .w42hem {
            width: 42.5em !important
        }

        .w43em {
            width: 43em !important
        }

        .w43hem {
            width: 43.5em !important
        }

        .w44em {
            width: 44em !important
        }

        .w44hem {
            width: 44.5em !important
        }

        .w45em {
            width: 45em !important
        }

        .w45hem {
            width: 45.5em !important
        }

        .w46em {
            width: 46em !important
        }

        .w46hem {
            width: 46.5em !important
        }

        .w47em {
            width: 47em !important
        }

        .w47hem {
            width: 47.5em !important
        }

        .w48em {
            width: 48em !important
        }

        .w48hem {
            width: 48.5em !important
        }

        .w49em {
            width: 49em !important
        }

        .w49hem {
            width: 49.5em !important
        }

        .w50em {
            width: 50em !important
        }

        .w50hem {
            width: 50.5em !important
        }

        .w51em {
            width: 51em !important
        }

        .w51hem {
            width: 51.5em !important
        }

        .w52em {
            width: 52em !important
        }

        .w52hem {
            width: 52.5em !important
        }

        .w53em {
            width: 53em !important
        }

        .w53hem {
            width: 53.5em !important
        }

        .w54em {
            width: 54em !important
        }

        .w54hem {
            width: 54.5em !important
        }

        .w55em {
            width: 55em !important
        }

        .w55hem {
            width: 55.5em !important
        }

        .w56em {
            width: 56em !important
        }

        .w56hem {
            width: 56.5em !important
        }

        .w57em {
            width: 57em !important
        }

        .w57hem {
            width: 57.5em !important
        }

        .w58em {
            width: 58em !important
        }

        .w58hem {
            width: 58.5em !important
        }

        .w59em {
            width: 59em !important
        }

        .w59hem {
            width: 59.5em !important
        }

        .w60em {
            width: 60em !important
        }

        .w60hem {
            width: 60.5em !important
        }

        .hAuto {
            height: auto !important
        }

        .h1em {
            height: 1em
        }

        .h1hem {
            height: 1.5em
        }

        .h2em {
            height: 2em
        }

        .h2hem {
            height: 2.5em
        }

        .h3em {
            height: 3em
        }

        .h3hem {
            height: 3.5em
        }

        .h4em {
            height: 4em
        }

        .h4hem {
            height: 4.5em
        }

        .h5em {
            height: 5em
        }

        .h5hem {
            height: 5.5em
        }

        .h6em {
            height: 6em
        }

        .h6hem {
            height: 6.5em
        }

        .h7em {
            height: 7em
        }

        .h7hem {
            height: 7.5em
        }

        .h8em {
            height: 8em
        }

        .h8hem {
            height: 8.5em
        }

        .h9em {
            height: 9em
        }

        .h9hem {
            height: 9.5em
        }

        .h10em {
            height: 10em
        }

        .h10hem {
            height: 10.5em
        }

        .h11em {
            height: 11em
        }

        .h11hem {
            height: 11.5em
        }

        .h12em {
            height: 12em
        }

        .h12hem {
            height: 12.5em
        }

        .h13em {
            height: 13em
        }

        .h13hem {
            height: 13.5em
        }

        .h14em {
            height: 14em
        }

        .h14hem {
            height: 14.5em
        }

        .h15em {
            height: 15em
        }

        .h15hem {
            height: 15.5em
        }

        .h16em {
            height: 16em
        }

        .h16hem {
            height: 16.5em
        }

        .h17em {
            height: 17em
        }

        .h17hem {
            height: 17.5em
        }

        .h18em {
            height: 18em
        }

        .h18hem {
            height: 18.5em
        }

        .h19em {
            height: 19em
        }

        .h19hem {
            height: 19.5em
        }

        .h20em {
            height: 20em
        }

        .h20hem {
            height: 20.5em
        }

        .h21em {
            height: 21em
        }

        .h21hem {
            height: 21.5em
        }

        .h22em {
            height: 22em
        }

        .h22hem {
            height: 22.5em
        }

        .h23em {
            height: 23em
        }

        .h23hem {
            height: 23.5em
        }

        .h24em {
            height: 24em
        }

        .h24hem {
            height: 24.5em
        }

        .h25em {
            height: 25em
        }

        .h25hem {
            height: 25.5em
        }

        .h26em {
            height: 26em
        }

        .h26hem {
            height: 26.5em
        }

        .h27em {
            height: 27em
        }

        .h27hem {
            height: 27.5em
        }

        .h28em {
            height: 28em
        }

        .h28hem {
            height: 28.5em
        }

        .h29em {
            height: 29em
        }

        .h29hem {
            height: 29.5em
        }

        .h30em {
            height: 30em
        }

        .h30hem {
            height: 30.5em
        }

        .h31em {
            height: 31em
        }

        .h31hem {
            height: 31.5em
        }

        .h32em {
            height: 32em
        }

        .h32hem {
            height: 32.5em
        }

        .h33em {
            height: 33em
        }

        .h33hem {
            height: 33.5em
        }

        .h34em {
            height: 34em
        }

        .h34hem {
            height: 34.5em
        }

        .h35em {
            height: 35em
        }

        .h35hem {
            height: 35.5em
        }

        .h36em {
            height: 36em
        }

        .h36hem {
            height: 36.5em
        }

        .h37em {
            height: 37em
        }

        .h37hem {
            height: 37.5em
        }

        .h38em {
            height: 38em
        }

        .h38hem {
            height: 38.5em
        }

        .h39em {
            height: 39em
        }

        .h39hem {
            height: 39.5em
        }

        .h40em {
            height: 40em
        }

        .h40hem {
            height: 40.5em
        }

        .h41em {
            height: 41em
        }

        .h41hem {
            height: 41.5em
        }

        .h42em {
            height: 42em
        }

        .h42hem {
            height: 42.5em
        }

        .h43em {
            height: 43em
        }

        .h43hem {
            height: 43.5em
        }

        .h44em {
            height: 44em
        }

        .h44hem {
            height: 44.5em
        }

        .h45em {
            height: 45em
        }

        .h45hem {
            height: 45.5em
        }

        .h46em {
            height: 46em
        }

        .h46hem {
            height: 46.5em
        }

        .h47em {
            height: 47em
        }

        .h47hem {
            height: 47.5em
        }

        .h48em {
            height: 48em
        }

        .h48hem {
            height: 48.5em
        }

        .h49em {
            height: 49em
        }

        .h49hem {
            height: 49.5em
        }

        .h50em {
            height: 50em
        }

        .h50hem {
            height: 50.5em
        }

        .h51em {
            height: 51em
        }

        .h51hem {
            height: 51.5em
        }

        .h52em {
            height: 52em
        }

        .h52hem {
            height: 52.5em
        }

        .h53em {
            height: 53em
        }

        .h53hem {
            height: 53.5em
        }

        .h54em {
            height: 54em
        }

        .h54hem {
            height: 54.5em
        }

        .h55em {
            height: 55em
        }

        .h55hem {
            height: 55.5em
        }

        .h56em {
            height: 56em
        }

        .h56hem {
            height: 56.5em
        }

        .h57em {
            height: 57em
        }

        .h57hem {
            height: 57.5em
        }

        .h58em {
            height: 58em
        }

        .h58hem {
            height: 58.5em
        }

        .h59em {
            height: 59em
        }

        .h59hem {
            height: 59.5em
        }

        .h60em {
            height: 60em
        }

        .h60hem {
            height: 60.5em
        }

        .bdrAll {
            border: 1px solid #ddd
        }

        .bdrTop {
            border-top: 1px solid #ddd
        }

        .bdrBtm {
            border-bottom: 1px solid #ddd
        }

        .bdrRight {
            border-right: 1px solid #ddd
        }

        .bdrLeft {
            border-left: 1px solid #ddd
        }

        .bdrDashed {
            border-style: dashed
        }

        .bdrNonAll {
            border: none !important
        }

        .bdrNonTop {
            border-top: none !important
        }

        .bdrNonBtm {
            border-bottom: none !important
        }

        .bdrNonRight {
            border-right: none !important
        }

        .bdrNonLeft {
            border-left: none !important
        }

        .bdrColor01 {
            border-color: #ddd !important
        }

        .bdrColor02 {
            border-color: #ccc !important
        }

        .bgLight01 {
            background-color: #fff !important
        }

        .bgLight02 {
            background-color: #f2f2f2 !important
        }

        .bgLight03 {
            background-color: #e6e6e6 !important
        }

        .bgLight04 {
            background-color: #f1f1f2 !important
        }

        .bgDark01 {
            background-color: #000 !important
        }

        .bgDark02 {
            background-color: #242424 !important
        }

        .bgDark03 {
            background-color: #303134 !important
        }

        .bgDark04 {
            background-color: #444549 !important
        }

        .bgDark05 {
            background-color: #797c84 !important
        }

        .bgColor01 {
            background-color: #29c278 !important
        }

        .bgColor02 {
            background-color: #96d533 !important
        }

        .bgColor03 {
            background-color: #ffa200 !important
        }

        .bgColor04 {
            background-color: #fff6e6 !important
        }

        .bgColor05 {
            background-color: #fcf7e2 !important
        }

        .bgNon {
            background: 0 0 !important
        }

        .tL {
            text-align: left !important
        }

        .tR {
            text-align: right !important
        }

        .tC {
            text-align: center !important
        }

        .tC > [id^=div-gpt-ad-] {
            display: inline-block
        }

        .tC > [id^=div-gpt-ad-] div, .tC > [id^=div-gpt-ad-] iframe {
            display: inline-block
        }

        .vM {
            vertical-align: middle !important
        }

        .vM > td, .vM > th {
            vertical-align: middle !important
        }

        .vT {
            vertical-align: top !important
        }

        .vT > td, .vT > th {
            vertical-align: top !important
        }

        .vB {
            vertical-align: bottom !important
        }

        .vB > td, .vB > th {
            vertical-align: bottom !important
        }

        .tColor01 {
            color: #333 !important
        }

        .tColor02 {
            color: #666 !important
        }

        .tColor03 {
            color: #999 !important
        }

        .tColor04 {
            color: #fa4c07 !important
        }

        .tColor05 {
            color: #fff !important
        }

        .tColor06 {
            color: #248fea !important
        }

        .tColor07 {
            color: #cda712 !important
        }

        .tColor08 {
            color: #ffa200 !important
        }

        .tColor09 {
            color: #29c278 !important
        }

        .fSize01 {
            font-size: 10px !important;
            font-size: .66667rem !important
        }

        .fSize02 {
            font-size: 11px !important;
            font-size: .73333rem !important
        }

        .fSize03 {
            font-size: 12px !important;
            font-size: .8rem !important
        }

        .fSize04 {
            font-size: 13px !important;
            font-size: .86667rem !important
        }

        .fSize05 {
            font-size: 14px !important;
            font-size: .93333rem !important
        }

        .fSize06 {
            font-size: 15px !important;
            font-size: 1rem !important
        }

        .fSize07 {
            font-size: 16px !important;
            font-size: 1.06667rem !important
        }

        .fSize08 {
            font-size: 17px !important;
            font-size: 1.13333rem !important
        }

        .fSize09 {
            font-size: 18px !important;
            font-size: 1.2rem !important
        }

        .fSize10 {
            font-size: 19px !important;
            font-size: 1.26667rem !important
        }

        .fSize11 {
            font-size: 20px !important;
            font-size: 1.33333rem !important
        }

        .fSize12 {
            font-size: 21px !important;
            font-size: 1.4rem !important
        }

        .fSize13 {
            font-size: 22px !important;
            font-size: 1.46667rem !important
        }

        .fSize14 {
            font-size: 23px !important;
            font-size: 1.53333rem !important
        }

        .fSize15 {
            font-size: 24px !important;
            font-size: 1.6rem !important
        }

        .fNormal {
            font-weight: 400 !important
        }

        .fBold {
            font-weight: 700 !important
        }

        .wBreak {
            word-break: break-all
        }

        [class^=negaTop] {
            position: relative
        }

        [class^=negaTop].negaTop1 {
            top: -1px
        }

        [class^=negaTop].negaTop2 {
            top: -2px
        }

        [class^=negaTop].negaTop3 {
            top: -3px
        }

        [class^=negaTop].negaTop4 {
            top: -4px
        }

        [class^=negaTop].negaTop5 {
            top: -5px
        }

        [class^=negaTop].negaTop6 {
            top: -6px
        }

        [class^=negaTop].negaTop7 {
            top: -7px
        }

        [class^=negaTop].negaTop8 {
            top: -8px
        }

        [class^=negaTop].negaTop9 {
            top: -9px
        }

        [class^=negaTop].negaTop10 {
            top: -10px
        }

        [class^=negaTop].negaTop11 {
            top: -11px
        }

        [class^=negaTop].negaTop12 {
            top: -12px
        }

        [class^=negaTop].negaTop13 {
            top: -13px
        }

        [class^=negaTop].negaTop14 {
            top: -14px
        }

        [class^=negaTop].negaTop15 {
            top: -15px
        }

        [class^=negaTop].negaTop16 {
            top: -16px
        }

        [class^=negaTop].negaTop17 {
            top: -17px
        }

        [class^=negaTop].negaTop18 {
            top: -18px
        }

        [class^=negaTop].negaTop19 {
            top: -19px
        }

        [class^=negaTop].negaTop20 {
            top: -20px
        }

        .sideMgnReset {
            margin-right: 0 !important;
            margin-left: 0 !important
        }

        .sidePdgReset {
            padding-right: 0 !important;
            padding-left: 0 !important
        }

        .topMgnReset {
            margin-top: 0 !important
        }

        .topPdgReset {
            padding-top: 0 !important
        }

        .rightMgnReset {
            margin-right: 0 !important
        }

        .rightPdgReset {
            padding-right: 0 !important
        }

        .btmMgnReset {
            margin-bottom: 0 !important
        }

        .btmPdgReset {
            padding-bottom: 0 !important
        }

        .leftMgnReset {
            margin-left: 0 !important
        }

        .leftPdgReset {
            padding-left: 0 !important
        }

        .topMgnSeth {
            margin-top: 4px !important
        }

        .topPdgSeth {
            padding-top: 4px !important
        }

        .rightMgnSeth {
            margin-right: 4px !important
        }

        .rightPdgSeth {
            padding-right: 4px !important
        }

        .btmMgnSeth {
            margin-bottom: 4px !important
        }

        .btmPdgSeth {
            padding-bottom: 4px !important
        }

        .leftMgnSeth {
            margin-left: 4px !important
        }

        .leftPdgSeth {
            padding-left: 4px !important
        }

        .topMgnSet {
            margin-top: 8px !important
        }

        .topPdgSet {
            padding-top: 8px !important
        }

        .rightMgnSet {
            margin-right: 8px !important
        }

        .rightPdgSet {
            padding-right: 8px !important
        }

        .btmMgnSet {
            margin-bottom: 8px !important
        }

        .btmPdgSet {
            padding-bottom: 8px !important
        }

        .leftMgnSet {
            margin-left: 8px !important
        }

        .leftPdgSet {
            padding-left: 8px !important
        }

        .topMgnSet2 {
            margin-top: 16px !important
        }

        .topPdgSet2 {
            padding-top: 16px !important
        }

        .rightMgnSet2 {
            margin-right: 16px !important
        }

        .rightPdgSet2 {
            padding-right: 16px !important
        }

        .btmMgnSet2 {
            margin-bottom: 16px !important
        }

        .btmPdgSet2 {
            padding-bottom: 16px !important
        }

        .leftMgnSet2 {
            margin-left: 16px !important
        }

        .leftPdgSet2 {
            padding-left: 16px !important
        }

        .topMgnSet3 {
            margin-top: 24px !important
        }

        .topPdgSet3 {
            padding-top: 24px !important
        }

        .rightMgnSet3 {
            margin-right: 24px !important
        }

        .rightPdgSet3 {
            padding-right: 24px !important
        }

        .btmMgnSet3 {
            margin-bottom: 24px !important
        }

        .btmPdgSet3 {
            padding-bottom: 24px !important
        }

        .leftMgnSet3 {
            margin-left: 24px !important
        }

        .leftPdgSet3 {
            padding-left: 24px !important
        }

        .topMgnSet4 {
            margin-top: 32px !important
        }

        .topPdgSet4 {
            padding-top: 32px !important
        }

        .rightMgnSet4 {
            margin-right: 32px !important
        }

        .rightPdgSet4 {
            padding-right: 32px !important
        }

        .btmMgnSet4 {
            margin-bottom: 32px !important
        }

        .btmPdgSet4 {
            padding-bottom: 32px !important
        }

        .leftMgnSet4 {
            margin-left: 32px !important
        }

        .leftPdgSet4 {
            padding-left: 32px !important
        }

        .topMgnSet5 {
            margin-top: 40px !important
        }

        .topPdgSet5 {
            padding-top: 40px !important
        }

        .rightMgnSet5 {
            margin-right: 40px !important
        }

        .rightPdgSet5 {
            padding-right: 40px !important
        }

        .btmMgnSet5 {
            margin-bottom: 40px !important
        }

        .btmPdgSet5 {
            padding-bottom: 40px !important
        }

        .leftMgnSet5 {
            margin-left: 40px !important
        }

        .leftPdgSet5 {
            padding-left: 40px !important
        }

        .topMgnSet6 {
            margin-top: 48px !important
        }

        .topPdgSet6 {
            padding-top: 48px !important
        }

        .rightMgnSet6 {
            margin-right: 48px !important
        }

        .rightPdgSet6 {
            padding-right: 48px !important
        }

        .btmMgnSet6 {
            margin-bottom: 48px !important
        }

        .btmPdgSet6 {
            padding-bottom: 48px !important
        }

        .leftMgnSet6 {
            margin-left: 48px !important
        }

        .leftPdgSet6 {
            padding-left: 48px !important
        }

        .topMgnSet7 {
            margin-top: 56px !important
        }

        .topPdgSet7 {
            padding-top: 56px !important
        }

        .rightMgnSet7 {
            margin-right: 56px !important
        }

        .rightPdgSet7 {
            padding-right: 56px !important
        }

        .btmMgnSet7 {
            margin-bottom: 56px !important
        }

        .btmPdgSet7 {
            padding-bottom: 56px !important
        }

        .leftMgnSet7 {
            margin-left: 56px !important
        }

        .leftPdgSet7 {
            padding-left: 56px !important
        }

        .topMgnSet8 {
            margin-top: 64px !important
        }

        .topPdgSet8 {
            padding-top: 64px !important
        }

        .rightMgnSet8 {
            margin-right: 64px !important
        }

        .rightPdgSet8 {
            padding-right: 64px !important
        }

        .btmMgnSet8 {
            margin-bottom: 64px !important
        }

        .btmPdgSet8 {
            padding-bottom: 64px !important
        }

        .leftMgnSet8 {
            margin-left: 64px !important
        }

        .leftPdgSet8 {
            padding-left: 64px !important
        }

        #contentsArea {
            position: relative;
            z-index: 1;
            width: 1000px;
            min-height: 300px;
            margin: 0 auto;
            padding: 0 32px 56px;
            background-color: #fff
        }

        .subContentsWrap {
            background-color: #f1f1f2
        }

        .subContentsWrap > .subContentsArea {
            position: relative;
            z-index: 1;
            width: 1000px;
            margin: 0 auto;
            padding: 24px 32px
        }

        body.typeExtend #contentsArea, body.typeExtend .subContentsArea {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide #contentsArea, body.typeWide .subContentsArea {
            width: auto
        }

        #globalFooter {
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            font-size: 13px;
            font-size: .86667rem;
            position: relative;
            position: relative;
            z-index: 1;
            color: #999;
            text-align: center
        }

        #globalFooter:before {
            display: block;
            position: absolute;
            content: ""
        }

        #globalFooter.footerExtensionType01 {
            padding-bottom: 80px
        }

        #globalFooter.footerExtensionType01::before {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background-color: #444549
        }

        #globalFooter p {
            margin-bottom: 0
        }

        #globalFooter > .globalFooterInner {
            padding: 24px 32px;
            background-color: #303134
        }

        #globalFooter > .globalFooterInner .footerNav {
            margin-bottom: 16px
        }

        #globalFooter > .globalFooterInner .footerNav > li {
            position: relative;
            display: inline-block;
            margin-left: .4em;
            padding-left: .8em
        }

        #globalFooter > .globalFooterInner .footerNav > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        #globalFooter > .globalFooterInner .footerNav > li:before {
            top: 50%;
            left: 0;
            width: 1px;
            height: 1em;
            margin-top: -.5em;
            background-color: #666
        }

        #globalFooter > .globalFooterInner .footerNav > li:first-child:before {
            display: none
        }

        #globalFooter > .globalFooterInner .footerNav > li > a {
            color: #fff
        }

        #globalFooter > .globalFooterInner .footerNav > li > a:hover {
            text-decoration: underline
        }

        #globalFooter > .globalFooterInner .copyright {
            font-size: 12px;
            font-size: .8rem
        }

        #footerSitemap {
            font-size: 13px;
            font-size: .86667rem;
            background-color: #f1f1f2;
            color: #666
        }

        #footerSitemap > .footerSitemapInner {
            width: 1000px;
            margin: 0 auto;
            padding: 32px 32px
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox {
            display: table;
            width: 100%
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox > .sitemapBlock {
            display: table-cell;
            width: 20%;
            padding-right: 24px
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox > .sitemapBlock:last-child {
            padding-right: 0
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox > .sitemapBlock > dt {
            font-size: 16px;
            font-size: 1.06667rem;
            margin: 24px 0 16px;
            padding-bottom: 8px;
            border-bottom: 1px dotted #999;
            font-weight: 700
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox > .sitemapBlock > dt:nth-of-type(1) {
            margin-top: 0
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox > .sitemapBlock > dd li {
            margin-bottom: 4px;
            color: #666
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox > .sitemapBlock > dd li:last-child {
            margin-bottom: 0
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox > .sitemapBlock > dd a {
            display: block;
            color: #666
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox > .sitemapBlock > dd a:hover {
            text-decoration: underline
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox > .sitemapBlock > dd > .officialSnsBox {
            display: flex;
            gap: 16px
        }

        #footerSitemap > .footerSitemapInner > .sitemapBox > .sitemapBlock > dd > .officialSnsBox a {
            width: 36px;
            height: 36px;
            box-shadow: none;
            line-height: 24px
        }

        body.typeExtend #footerSitemap > .footerSitemapInner {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide #footerSitemap > .footerSitemapInner {
            width: auto
        }

        .footerRegister {
            width: 100%;
            height: 300px;
            background-color: #fff;
            background-image: url(/assets/image/common/layout/footer/bg_footer_regist.png?1726018500);
            border-top: 1px solid #e3e4e6
        }

        .footerRegister .footerRegisterInner {
            position: relative;
            width: 1000px;
            height: 300px;
            margin: 0 auto;
            background: url(/assets/image/common/layout/footer/img_footer_regist.png?1726018500) no-repeat left;
            text-align: center
        }

        .footerRegister .footerRegisterInner .footerRegisterTxtBox {
            position: absolute;
            width: 460px;
            right: 0;
            top: 35px;
            text-align: center
        }

        .footerRegister .footerRegisterInner .footerRegisterTxtBox .footerRegisterTxt01 {
            font-size: 30px;
            font-size: 2rem;
            letter-spacing: .2em;
            margin-bottom: 24px
        }

        .footerRegister .footerRegisterInner .footerRegisterTxtBox .footerRegisterTxt02 {
            font-size: 18px;
            font-size: 1.2rem;
            letter-spacing: .1em;
            font-weight: 700;
            line-height: 2em
        }

        .footerRegister .footerRegisterInner .footerRegisterTxtBox .footerRegisterBtn {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            display: block;
            width: 220px;
            padding: 8px;
            margin: 0 auto;
            background-color: #fa6807;
            color: #fff
        }

        .footerRegister .footerRegisterInner .footerRegisterTxtBox .footerRegisterBtn:not(.tb):hover {
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            background-color: #fb7720
        }

        .footerRegister.registType02 {
            display: block;
            position: relative;
            background-image: url(/assets/image/common/layout/footer/bg_footer_regist_point_ebay01_1.jpg?1726018500);

            background-position: center;
            background-size: cover;
            cursor: pointer
        }

        .footerRegister.registType02 .footerRegisterInner {
            background: 0 0
        }

        .footerRegister.registType02 .footerRegisterInner .footerRegisterTop {
            padding-top: 32px
        }

        .footerRegister.registType02 .footerRegisterBottom {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 16px 0;
            background-image: url(https://aucview.aucfan.com/assets/image/common/layout/footer/bg_footer_regist_point_ebay01_2.jpg?1726018500);

            background-position: center;
            background-size: cover;
            text-align: center
        }

        .footerRegister.registType03 {
            display: block;
            background-image: url(https://aucview.aucfan.com/assets/image/common/layout/footer/bg_footer_regist_bnr.jpg?1726018500);

            background-position: center;
            background-size: cover;
            background-color: #fff;
            cursor: pointer
        }

        .footerRegister.registType03 .footerRegisterInner {
            background: 0 0
        }

        .footerRegister.registType03 .footerRegisterInner .footerRegisterTxt {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: absolute;
            top: 0;
            left: 0;
            width: 1000px;
            height: 300px;
            margin: 0 auto;
            background: url(https://aucview.aucfan.com/assets/image/common/layout/footer/img_footer_txt.png?1726018500) no-repeat center
        }

        .footerRegister.registType04 {
            display: block;
            background-image: url(https://aucview.aucfan.com/assets/image/common/layout/footer/bg_footer_regist_high_brand_ebay.jpg?1726018500);

            background-position: center;
            background-size: cover;
            cursor: pointer
        }

        .footerRegister.registType04 .footerRegisterInner {
            background: 0 0
        }

        .footerRegister.registType04 .footerRegisterInner .footerRegisterTxt {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: absolute;
            top: 0;
            left: 0;
            width: 1000px;
            height: 300px;
            margin: 0 auto;
            background: url(/assets/image/common/layout/footer/img_footer_txt_high_brand_ebay.png?1726018500) no-repeat center
        }

        .footerRegister.registType05 {
            display: block;
            position: relative;
            background-image: url(https://aucview.aucfan.com/assets/image/common/layout/footer/bg_footer_regist_ebay10.jpg?1726018500);

            background-position: center;
            background-size: cover;
            cursor: pointer
        }

        .footerRegister.registType05 .footerRegisterInner {
            background: 0 0
        }

        .footerRegister.registType05 .footerRegisterInner .footerRegisterTop {
            padding-top: 8px
        }

        .footerRegister.registType05 .footerRegisterBottom {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 16px 0;
            background-color: #222;
            text-align: center
        }

        .footerRegister.registType06 {
            display: block;
            overflow: hidden;
            position: relative;
            z-index: -2;
            background-image: url(https://aucview.aucfan.com/assets/image/common/layout/footer/bg_footer_regist_shift11.jpg?1726018500);

            background-position: center;
            background-size: cover;
            cursor: pointer
        }

        .footerRegister.registType06 .footerRegisterInner {
            background: 0 0
        }

        .footerRegister.registType06 .footerRegisterInner .footerRegisterTxt {
            position: relative;
            position: relative;
            padding-top: 44px
        }

        .footerRegister.registType06 .footerRegisterInner .footerRegisterTxt:before {
            display: block;
            position: absolute;
            content: ""
        }

        .footerRegister.registType06 .footerRegisterInner .footerRegisterTxt:after {
            display: block;
            position: absolute;
            content: ""
        }

        .footerRegister.registType06 .footerRegisterInner .footerRegisterTxt:before {
            top: 0;
            right: -280px;
            z-index: -1;
            width: 1584px;
            height: 300px;
            background-image: url(https://aucview.aucfan.com/assets/image/common/layout/footer/bg_footer_txt_shift11.png?1726018500);

            background-position: center;
            background-size: cover
        }

        .footerRegister.registType06 .footerRegisterInner .footerRegisterTxt:after {
            right: -16px;
            bottom: -20px;
            width: 303px;
            height: 300px;
            background-image: url(https://aucview.aucfan.com/assets/image/common/layout/footer/img_footer_human_shift11.png?1726018500);

            background-position: center;
            background-size: cover
        }

        #globalHeader {
            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
            position: relative;
            overflow: hidden;
            height: 50px;
            background-color: #fff
        }

        #globalHeader > .globalHeaderInner {
            position: relative;
            width: 1000px;
            height: 40px;
            margin: 0 auto;
            padding: 5px 32px
        }

        #globalHeader > .globalHeaderInner > .ci {
            position: absolute;
            top: 8px;
            left: 32px;
            overflow: hidden
        }

        #globalHeader > .globalHeaderInner > .ci > a {
            display: block;
            height: 35px;
            color: gray
        }

        #globalHeader > .globalHeaderInner > .ci img {
            display: block;
            float: left;
            width: auto;
            height: 34px
        }

        #globalHeader > .globalHeaderInner > .ci .ciTxt {
            font-size: 10px;
            font-size: .66667rem;
            display: block;
            float: left;
            width: 150px;
            margin: 5px 0 0 16px;
            line-height: 1.4
        }

        #globalHeader > .globalHeaderInner > .headerNav {
            font-size: 12px;
            font-size: .8rem;
            position: relative;
            margin-top: 12px;
            margin-left: 325px;
            text-align: right
        }

        #globalHeader > .globalHeaderInner > .headerNav > li {
            position: relative;
            display: inline-block;
            margin-left: .4em;
            padding-left: .8em
        }

        #globalHeader > .globalHeaderInner > .headerNav > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        #globalHeader > .globalHeaderInner > .headerNav > li:before {
            top: 50%;
            left: 0;
            width: 1px;
            height: 1em;
            margin-top: -.5em;
            background-color: #ccc
        }

        #globalHeader > .globalHeaderInner > .headerNav > li:first-child {
            margin-left: 0;
            padding-left: 0
        }

        #globalHeader > .globalHeaderInner > .headerNav > li.navAbout {
            margin-left: 32px;
            padding-left: 0
        }

        #globalHeader > .globalHeaderInner > .headerNav > li.navAbout > a {
            position: relative;
            display: inline-block;
            padding-left: 18px
        }

        #globalHeader > .globalHeaderInner > .headerNav > li.navAbout > a:before {
            display: block;
            position: absolute;
            content: ""
        }

        #globalHeader > .globalHeaderInner > .headerNav > li.navAbout > a:before {
            display: block;
            width: 12px;
            height: 15px;
            top: 50%;
            left: 0;
            margin-top: -7.5px
        }

        #globalHeader > .globalHeaderInner > .headerNav > li.navAbout:before {
            display: none
        }

        #globalHeader > .globalHeaderInner > .headerNav > li:first-child:before {
            display: none
        }

        #globalHeader > .globalHeaderInner > .headerNav > li a {
            color: #666
        }

        #globalHeader > .globalHeaderInner > .headerNav > li a:hover {
            text-decoration: underline
        }

        #globalHeader.typeAmacode > .globalHeaderInner > .ci, #globalHeader.typeConnect > .globalHeaderInner > .ci, #globalHeader.typeGraphfy > .globalHeaderInner > .ci, #globalHeader.typePro > .globalHeaderInner > .ci {
            top: 10px
        }

        #globalHeader.typeAmacode > .globalHeaderInner > .ci img, #globalHeader.typeConnect > .globalHeaderInner > .ci img, #globalHeader.typeGraphfy > .globalHeaderInner > .ci img, #globalHeader.typePro > .globalHeaderInner > .ci img {
            height: 28px
        }

        body.typeExtend #globalHeader > .globalHeaderInner {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide #globalHeader > .globalHeaderInner {
            width: auto
        }

        #headerSwitchingArea {
            font-size: 13px;
            font-size: .86667rem;
            position: relative;
            z-index: 20;
            border-top: 1px solid #ddd;
            background-color: #f1f1f2
        }

        #headerSwitchingArea .headerSwitchingAreaInner {
            width: 1000px;
            height: 48px;
            margin: -1px auto 0;
            padding: 0 32px
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox {
            position: relative;
            float: left;
            width: 350px;
            height: 100%;
            z-index: 1
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab {
            position: relative;
            z-index: 1;
            overflow: hidden;
            width: 100%;
            height: 100%
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li {
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            position: relative;
            position: relative;
            float: left;
            width: 175px;
            height: 100%;
            text-align: center
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li:before {
            top: 50%;
            right: -1px;
            width: 1px;
            height: 24px;
            margin-top: -12px;
            border-left: 1px dotted #b3b3b3
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li:last-child:before {
            display: none
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li:not(.tb):hover {
            background-color: #e3e4e6
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li > a {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 16px;
            font-size: 1.06667rem;
            display: block;
            overflow: hidden;
            height: 100%;
            padding: 16px 8px 0;
            color: #666;
            line-height: 1
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li > a .switchingName {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            display: block;
            font-weight: 700
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingCurrentBlock {
            position: absolute;
            bottom: 2px;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 4px
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingCurrentBlock .currentBlockInner {
            position: relative;
            height: 100%
        }

        #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingCurrentBlock .currentBlockInner .currentBar {
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            position: absolute;
            top: 0;
            left: 0;
            width: 173px;
            height: 100%;
            background-color: #29c278
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction {
            float: right;
            height: 100%
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li {
            float: right;
            height: 100%;
            padding: 11.2px 16px;
            color: #666;
            text-align: center
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li > a {
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            display: block;
            height: 28.8px;
            padding: 14.4px 16px 4px;
            border-radius: 0 0 6px 6px;
            color: #666
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li > a:not(.tb):hover {
            background-color: #e3e4e6
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status {
            position: relative;
            padding: 0
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > a {
            position: relative;
            padding-right: 32px;
            cursor: default
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > a:before {
            display: block;
            position: absolute;
            content: ""
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > a:before {
            content: ""
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > a:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 10px;
            font-size: .66667rem;
            top: 50%;
            right: 16px;
            color: #666
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > a > .userName {
            display: inline-block;
            overflow: hidden;
            max-width: 14em;
            font-weight: 700;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: top
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > .userMenu {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            position: relative;
            position: relative;
            display: none;
            position: absolute;
            top: 100%;
            right: 0;
            opacity: 0;
            width: 190px;
            margin-top: -8px;
            padding: 16px 16px;
            border: 1px solid #ddd;
            background-color: #fff;
            color: #333;
            text-align: left
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > .userMenu:before {
            display: block;
            position: absolute;
            content: ""
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > .userMenu:after {
            display: block;
            position: absolute;
            content: ""
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > .userMenu:before {
            top: -9px;
            right: 10.4px;
            width: 0;
            height: 0;
            margin-left: -9px;
            border-color: transparent transparent #ddd;
            border-style: solid;
            border-width: 0 9px 9px
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > .userMenu:after {
            top: -8px;
            right: 10.4px;
            width: 0;
            height: 0;
            margin-left: -9px;
            border-color: transparent transparent #fff;
            border-style: solid;
            border-width: 0 9px 8px
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > .userMenu > .userMenuList {
            margin-top: 8px;
            padding-top: 8px;
            border-top: 1px solid #ddd
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > .userMenu > .userMenuList:first-child {
            margin-top: 0;
            padding-top: 0;
            border-top: none
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > .userMenu > .userMenuList a {
            display: block;
            padding: 2px 0;
            color: #333
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > .userMenu > .userMenuList a:hover {
            color: #89c629
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > .userMenu > .userMenuList a > .subTxt {
            font-size: 11px;
            font-size: .73333rem;
            display: block;
            color: #999;
            margin-top: -.2em
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.login {
            padding: 0
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.register {
            padding-top: 0;
            padding-bottom: 0
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.register.premium > a {
            background-color: #d4a85c
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.register.premium > a:not(.tb):hover {
            background-color: #ddb97c
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.register > a {
            display: block;
            height: 28px;
            margin-top: 10px;
            padding: 0 16px;
            border-radius: 6px;
            background-color: #fa4c07;
            color: #fff;
            line-height: 2.2
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.register > a:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            background-color: #fa6807
        }

        #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li:first-child {
            padding-right: 0
        }

        html:not(:target) #globalHeader > .headerSwitchingAreaInner > .switchingTab > li.current:after {
            background-color: #29c278
        }

        body.typeExtend #headerSwitchingArea > .headerSwitchingAreaInner {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide #headerSwitchingArea > .headerSwitchingAreaInner {
            width: auto
        }

        body.pageCateBullet01 #headerToolWrap {
            position: relative;
            position: relative;
            width: 1064px;
            margin: 0 auto
        }

        body.pageCateBullet01 #headerToolWrap:before {
            display: block;
            position: absolute;
            content: ""
        }

        body.pageCateBullet01 #headerToolWrap:after {
            display: block;
            position: absolute;
            content: ""
        }

        body.pageCateBullet01 #headerToolWrap:before {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #f1f1f2
        }

        body.pageCateBullet01 #headerToolWrap:after {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(/assets/image/common/layout/header/bg_header_bullet01.jpg?1726018500);

            background-position: 50% 0
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea {
            border-top: none;
            background: 0 0
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner {
            margin-top: 0
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li:not(.tb):hover {
            background-color: rgba(255, 255, 255, .4)
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li > a {
            color: #fff
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li > a .switchingHd {
            color: #fff
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li {
            color: #fff
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li > a {
            color: #fff
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li > a:not(.tb):hover {
            background-color: rgba(255, 255, 255, .4)
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.status > a:before {
            color: #fff
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.register.premium > a {
            background-color: #d4a85c
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.register.premium > a:not(.tb):hover {
            background-color: #ddb97c
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.register > a {
            padding-top: 0;
            background-color: #fa4c07
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner > .userAction > li.register > a:not(.tb):hover {
            background-color: #fa6807
        }

        body.pageCateMercari01 #headerToolWrap {
            position: relative;
            position: relative;
            width: 1064px;
            margin: 0 auto
        }

        body.pageCateMercari01 #headerToolWrap:before {
            display: block;
            position: absolute;
            content: ""
        }

        body.pageCateMercari01 #headerToolWrap:after {
            display: block;
            position: absolute;
            content: ""
        }

        body.pageCateMercari01 #headerToolWrap:before {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #f1f1f2
        }

        body.pageCateMercari01 #headerToolWrap:after {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(/assets/image/common/layout/header/bg_header_mercari01.jpg?1726018500);

            background-position: 50% 0
        }

        body.pageCateMercari01 #headerToolWrap #headerSwitchingArea {
            border-top: none;
            background: 0 0
        }

        body.pageCateMercari01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner {
            margin-top: 0
        }

        body.pageCateTemu01 #headerToolWrap {
            position: relative;
            position: relative;
            width: 1064px;
            margin: 0 auto
        }

        body.pageCateTemu01 #headerToolWrap:before {
            display: block;
            position: absolute;
            content: ""
        }

        body.pageCateTemu01 #headerToolWrap:after {
            display: block;
            position: absolute;
            content: ""
        }

        body.pageCateTemu01 #headerToolWrap:before {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #f1f1f2
        }

        body.pageCateTemu01 #headerToolWrap:after {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(/assets/image/common/layout/header/bg_header_temu01.jpg?1726018500);

            background-position: 50% 0
        }

        body.pageCateTemu01 #headerToolWrap #headerSwitchingArea {
            border-top: none;
            background: 0 0
        }

        body.pageCateTemu01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner {
            margin-top: 0
        }

        body.pageCateYahoo01 #headerToolWrap {
            position: relative;
            position: relative;
            width: 1064px;
            margin: 0 auto
        }

        body.pageCateYahoo01 #headerToolWrap:before {
            display: block;
            position: absolute;
            content: ""
        }

        body.pageCateYahoo01 #headerToolWrap:after {
            display: block;
            position: absolute;
            content: ""
        }

        body.pageCateYahoo01 #headerToolWrap:before {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #f1f1f2
        }

        body.pageCateYahoo01 #headerToolWrap:after {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(/assets/image/common/layout/header/bg_header_yahoo01.jpg?1726018500);

            background-position: 50% 0
        }

        body.pageCateYahoo01 #headerToolWrap #headerSwitchingArea {
            border-top: none;
            background: 0 0
        }

        body.pageCateYahoo01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner {
            margin-top: 0
        }

        #fixedMinHeader {
            visibility: hidden;
            position: fixed;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            background-color: #303134
        }

        #fixedMinHeader > .fixedMinHeaderInner {
            position: relative;
            width: 1000px;
            height: 41px;
            margin: 0 auto;
            padding: 5px 32px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .ci {
            position: absolute;
            top: 10px;
            left: 32px;
            overflow: hidden;
            width: 50px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .ci > img {
            width: 130px;
            height: auto
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            z-index: 1;
            float: left;
            width: 75%;
            height: 100%
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox > form {
            height: 100%
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox {
            position: relative;
            width: 100%;
            height: 100%
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchTxtBox {
            position: relative;
            overflow: hidden;
            height: 100%
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchTxtBox > .searchInput {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            font-size: 15px;
            font-size: 1rem;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0 40px;
            border: none;
            line-height: 35px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchTxtBox .searchIco {
            position: relative;
            font-size: 20px;
            font-size: 1.33333rem;
            position: absolute;
            z-index: 1;
            top: 50%;
            left: 10px;
            color: #ccc;
            text-align: center;
            line-height: 1
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchTxtBox .searchIco:before {
            display: block;
            position: absolute;
            content: ""
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchTxtBox .searchIco:before {
            content: ""
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchTxtBox .searchIco:before {
            top: 0;
            left: 0;
            transform: translate3d(0, -50%, 0);
            width: 100%
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchTxtBox .fixedSearchErasure {
            display: none;
            position: absolute;
            top: 12px;
            right: 12px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchSubmit {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 0 6px 6px 0;
            -moz-border-radius: 0 6px 6px 0;
            -ms-border-radius: 0 6px 6px 0;
            -o-border-radius: 0 6px 6px 0;
            border-radius: 0 6px 6px 0;
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            position: relative;
            font-size: 26px;
            font-size: 1.73333rem;
            position: relative;
            top: 0;
            right: 0;
            float: right;
            height: 100%;
            border: 1px solid #999;
            border-left: none;
            background-color: #303134;
            color: #fff;
            text-align: center
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchSubmit:before {
            display: block;
            position: absolute;
            content: ""
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchSubmit:before {
            content: ""
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchSubmit:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            left: 0;
            width: 100%
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchSubmit:not(.tb):hover {
            background-color: #484a4f
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchSubmit > .searchBtn {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            z-index: 1;
            overflow: hidden;
            width: 45px;
            height: 100%;
            border: none;
            background: 0 0;
            color: #fff;
            cursor: pointer
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchToolBox > .searchSubmitType02 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            position: relative;
            top: 0;
            right: 0;
            float: right;
            margin-left: 8px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchMore {
            font-size: 15px;
            font-size: 1rem;
            position: absolute;
            top: 0;
            right: -210px;
            height: 100%;
            text-align: left
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchMore > a {
            display: inline-block;
            width: 200px;
            padding: 5px 0 10px;
            color: #fff
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchMore > a:hover {
            color: #96d533
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchMore > a > [class*=cartIco] {
            top: -.15em;
            margin: 0 0 0 4px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchMore > .searchMoreSelect {
            -webkit-border-radius: 0 0 6px 6px;
            -moz-border-radius: 0 0 6px 6px;
            -ms-border-radius: 0 0 6px 6px;
            -o-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
            display: none;
            position: absolute;
            top: 35px;
            left: 4px;
            min-width: 180px;
            background-color: #303134
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchMore > .searchMoreSelect > ul {
            padding-bottom: 8px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchMore > .searchMoreSelect a {
            position: relative;
            display: block;
            position: relative;
            padding: 4px 16px 4px 24px;
            color: #fff
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchMore > .searchMoreSelect a:before {
            display: block;
            position: absolute;
            content: ""
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchMore > .searchMoreSelect a:before {
            top: 50%;
            left: 0;
            width: 8px;
            height: 1px;
            margin-top: -1px;
            background-color: #fff
        }

        #fixedMinHeader > .fixedMinHeaderInner > .searchBox .searchMore > .searchMoreSelect a:hover {
            color: #96d533
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool {
            display: block;
            height: 100%
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li {
            position: relative;
            float: right;
            margin-left: 8px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolBtn a {
            display: block;
            padding: 10px 8px;
            background-color: #484a4f;
            border-radius: 6px;
            color: #fff;
            transition: background-color .2s ease
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolBtn a:hover {
            background-color: #616369
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser {
            width: 50px;
            height: 100%;
            z-index: 1
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > a {
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            position: relative;
            display: block;
            height: 100%;
            padding: 0 5px;
            color: #fff;
            cursor: default
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > a:before {
            display: block;
            position: absolute;
            content: ""
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > a:not(.tb):hover {
            background-color: #484a4f;
            color: #96d533
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > a:before {
            display: block;
            width: 28px;
            height: 27px;
            top: 50%;
            left: 50%;
            margin: -13.5px 0 0 -13.5px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > a > span {
            display: none
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > .userMenu {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            font-size: 13px;
            font-size: .86667rem;
            position: relative;
            position: relative;
            display: none;
            position: absolute;
            top: 43px;
            right: 0;
            opacity: 0;
            width: 190px;
            margin-top: -8px;
            padding: 16px 16px;
            border: 1px solid #ddd;
            background-color: #fff;
            color: #333;
            text-align: left
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > .userMenu:before {
            display: block;
            position: absolute;
            content: ""
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > .userMenu:after {
            display: block;
            position: absolute;
            content: ""
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > .userMenu:before {
            top: -9px;
            right: 14px;
            width: 0;
            height: 0;
            margin-left: -9px;
            border-color: transparent transparent #ddd;
            border-style: solid;
            border-width: 0 9px 9px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > .userMenu:after {
            top: -8px;
            right: 14px;
            width: 0;
            height: 0;
            margin-left: -9px;
            border-color: transparent transparent #fff;
            border-style: solid;
            border-width: 0 9px 8px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > .userMenu > .userMenuList {
            margin-top: 8px;
            padding-top: 8px;
            border-top: 1px solid #ddd
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > .userMenu > .userMenuList:first-child {
            margin-top: 0;
            padding-top: 0;
            border-top: none
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > .userMenu > .userMenuList a {
            display: block;
            padding: 2px 0;
            color: #333
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > .userMenu > .userMenuList a:hover {
            color: #89c629
        }

        #fixedMinHeader > .fixedMinHeaderInner > .userTool > li.toolUser > .userMenu > .userMenuList a > .subTxt {
            font-size: 11px;
            font-size: .73333rem;
            display: block;
            color: #999;
            margin-top: -.2em
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomImg {
            float: left;
            width: 40px;
            height: 40px;
            margin-right: 40px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomImg > .recomImgInner {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomImg > .recomImgInner img {
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            position: absolute;
            top: 0;
            left: 50%;
            width: auto;
            height: 100%
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomImg > .recomImgIco {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            right: -35px;
            width: 24px;
            height: 24px;
            background-color: #fff;
            background-color: rgba(255, 255, 255, .8)
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomImg > .recomImgIco > i {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -7px 0 0 -7px
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomItemsTxt {
            display: table;
            color: #fff
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomItemsTxt > .itemTtl {
            display: table-cell;
            vertical-align: middle;
            width: 560px;
            padding: 0 8px;
            border-right: 1px dotted #666
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomItemsTxt > .itemTtl > .itemTtlInner {
            overflow: hidden;
            height: 41px;
            vertical-align: middle;
            line-height: 1.4em;
            word-break: break-all
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomItemsTxt > .itemDetail {
            display: table-cell;
            vertical-align: middle;
            max-width: 200px;
            padding: 0 8px;
            word-wrap: break-word
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomItemsTxt > .itemDetail > .itemDetailInner {
            overflow: hidden;
            height: 1.6em;
            word-break: break-all
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomItemsTxt > .itemDetail > .itemShop {
            font-size: 10px;
            font-size: .66667rem;
            overflow: hidden;
            height: 1.5em;
            word-break: break-all
        }

        #fixedMinHeader > .fixedMinHeaderInner > .recomItemsBox > .recomBtn {
            position: absolute;
            right: 8px;
            top: 4px;
            width: 160px
        }

        body.typeExtend #fixedMinHeader > .fixedMinHeaderInner {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide #fixedMinHeader > .fixedMinHeaderInner {
            width: auto
        }

        .adBnrBoxW224, .adBnrBoxW300, .adBnrBoxW336, .adBnrBoxW468, .adBnrBoxW600, .adBnrBoxW728, .adBnrBoxW970 {
            position: relative;
            z-index: 1;
            margin: 16px auto;
            text-align: center
        }

        .adBnrBoxW224 > iframe, .adBnrBoxW300 > iframe, .adBnrBoxW336 > iframe, .adBnrBoxW468 > iframe, .adBnrBoxW600 > iframe, .adBnrBoxW728 > iframe, .adBnrBoxW970 > iframe {
            margin: 0 auto
        }

        .adBnrBoxW224 > .adBnrConfig, .adBnrBoxW300 > .adBnrConfig, .adBnrBoxW336 > .adBnrConfig, .adBnrBoxW468 > .adBnrConfig, .adBnrBoxW600 > .adBnrConfig, .adBnrBoxW728 > .adBnrConfig, .adBnrBoxW970 > .adBnrConfig {
            padding-bottom: 4px;
            color: #999;
            text-align: right;
            font-size: 13px;
            font-size: .86667rem
        }

        .adBnrBoxW224 > .adBnrConfig > span, .adBnrBoxW300 > .adBnrConfig > span, .adBnrBoxW336 > .adBnrConfig > span, .adBnrBoxW468 > .adBnrConfig > span, .adBnrBoxW600 > .adBnrConfig > span, .adBnrBoxW728 > .adBnrConfig > span, .adBnrBoxW970 > .adBnrConfig > span {
            cursor: pointer
        }

        .adBnrBoxW224 > .adBnrConfig > span > i, .adBnrBoxW300 > .adBnrConfig > span > i, .adBnrBoxW336 > .adBnrConfig > span > i, .adBnrBoxW468 > .adBnrConfig > span > i, .adBnrBoxW600 > .adBnrConfig > span > i, .adBnrBoxW728 > .adBnrConfig > span > i, .adBnrBoxW970 > .adBnrConfig > span > i {
            margin-top: -1px;
            margin-right: 0
        }

        .adBnrBoxW224 > .substituteBlock, .adBnrBoxW300 > .substituteBlock, .adBnrBoxW336 > .substituteBlock, .adBnrBoxW468 > .substituteBlock, .adBnrBoxW600 > .substituteBlock, .adBnrBoxW728 > .substituteBlock, .adBnrBoxW970 > .substituteBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 100;
            background-color: #616369;
            color: #fff;
            text-align: center
        }

        .adBnrBoxW224 > .substituteBlock > .close, .adBnrBoxW300 > .substituteBlock > .close, .adBnrBoxW336 > .substituteBlock > .close, .adBnrBoxW468 > .substituteBlock > .close, .adBnrBoxW600 > .substituteBlock > .close, .adBnrBoxW728 > .substituteBlock > .close, .adBnrBoxW970 > .substituteBlock > .close {
            position: absolute;
            top: 16px;
            right: 16px;
            z-index: 1;
            margin: 0;
            cursor: pointer
        }

        .adBnrBoxW224 > .substituteBlock > a, .adBnrBoxW300 > .substituteBlock > a, .adBnrBoxW336 > .substituteBlock > a, .adBnrBoxW468 > .substituteBlock > a, .adBnrBoxW600 > .substituteBlock > a, .adBnrBoxW728 > .substituteBlock > a, .adBnrBoxW970 > .substituteBlock > a {
            display: block;
            width: 100%;
            height: 100%
        }

        .adBnrBoxW224 > .substituteBlock p, .adBnrBoxW300 > .substituteBlock p, .adBnrBoxW336 > .substituteBlock p, .adBnrBoxW468 > .substituteBlock p, .adBnrBoxW600 > .substituteBlock p, .adBnrBoxW728 > .substituteBlock p, .adBnrBoxW970 > .substituteBlock p {
            margin: 16px 0
        }

        .adBnrBoxW224 > .substituteBlock .premTxt, .adBnrBoxW300 > .substituteBlock .premTxt, .adBnrBoxW336 > .substituteBlock .premTxt, .adBnrBoxW468 > .substituteBlock .premTxt, .adBnrBoxW600 > .substituteBlock .premTxt, .adBnrBoxW728 > .substituteBlock .premTxt, .adBnrBoxW970 > .substituteBlock .premTxt {
            font-size: 18px;
            font-size: 1.2rem;
            margin: 0 0 16px;
            padding-top: 48px;
            color: #fff
        }

        .adBnrBoxW224 > .substituteBlock [class*=btnType], .adBnrBoxW300 > .substituteBlock [class*=btnType], .adBnrBoxW336 > .substituteBlock [class*=btnType], .adBnrBoxW468 > .substituteBlock [class*=btnType], .adBnrBoxW600 > .substituteBlock [class*=btnType], .adBnrBoxW728 > .substituteBlock [class*=btnType], .adBnrBoxW970 > .substituteBlock [class*=btnType] {
            width: 260px;
            margin: 0 auto
        }

        .adBnrBoxW600 > .substituteBlock > .colType02, .adBnrBoxW728 > .substituteBlock > .colType02, .adBnrBoxW970 > .substituteBlock > .colType02 {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
            left: 50%;
            width: 550px;
            text-align: left
        }

        .adBnrBoxW600 > .substituteBlock > .colType02 > .colBlock, .adBnrBoxW728 > .substituteBlock > .colType02 > .colBlock, .adBnrBoxW970 > .substituteBlock > .colType02 > .colBlock {
            vertical-align: middle
        }

        .adBnrBoxW600 > .substituteBlock p, .adBnrBoxW728 > .substituteBlock p, .adBnrBoxW970 > .substituteBlock p {
            margin: 16px 0
        }

        .adBnrBoxW600 > .substituteBlock .premTxt, .adBnrBoxW728 > .substituteBlock .premTxt, .adBnrBoxW970 > .substituteBlock .premTxt {
            margin: 0;
            padding-top: 0
        }

        .adBnrBoxW600 > .substituteBlock [class*=btnType], .adBnrBoxW728 > .substituteBlock [class*=btnType], .adBnrBoxW970 > .substituteBlock [class*=btnType] {
            width: 240px
        }

        .adBnrBoxW160, .adBnrBoxW220 {
            position: relative;
            z-index: 1;
            margin: 16px auto
        }

        .adBnrBoxW160 > iframe, .adBnrBoxW220 > iframe {
            margin: 0 auto
        }

        .adBnrBoxW160 .adBnrClose, .adBnrBoxW220 .adBnrClose {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            position: absolute;
            top: -8px;
            right: -8px;
            z-index: 3;
            width: 24px;
            height: 24px;
            border: 2px solid #ddd;
            background-color: #fff;
            text-align: center;
            cursor: pointer
        }

        .adBnrBoxW160 .adBnrClose:not(.tb):hover, .adBnrBoxW220 .adBnrClose:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        .adBnrBoxW160 .adBnrClose [class*=crossIco], .adBnrBoxW220 .adBnrClose [class*=crossIco] {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 0
        }

        .adBnrBoxW160 .adBnrRipple, .adBnrBoxW220 .adBnrRipple {
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
            display: none;
            position: absolute;
            top: -8px;
            right: -8px;
            z-index: 2;
            width: 24px;
            height: 24px;
            background-color: #fff
        }

        .adBnrBoxW160 > .adBnrConfig, .adBnrBoxW220 > .adBnrConfig {
            padding-bottom: 4px;
            color: #999;
            text-align: right;
            font-size: 13px;
            font-size: .86667rem
        }

        .adBnrBoxW160 > .adBnrConfig > span, .adBnrBoxW220 > .adBnrConfig > span {
            cursor: pointer
        }

        .adBnrBoxW160 > .adBnrConfig > span > i, .adBnrBoxW220 > .adBnrConfig > span > i {
            margin-top: -1px;
            margin-right: 0
        }

        .adBnrBoxW160 > .substituteBlock, .adBnrBoxW220 > .substituteBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 100;
            background-color: #616369;
            color: #fff
        }

        .adBnrBoxW160 > .substituteBlock > .close, .adBnrBoxW220 > .substituteBlock > .close {
            position: absolute;
            top: 16px;
            right: 16px;
            z-index: 1;
            margin: 0;
            cursor: pointer
        }

        .adBnrBoxW160 > .substituteBlock > a, .adBnrBoxW220 > .substituteBlock > a {
            display: block;
            width: 100%;
            height: 100%
        }

        .adBnrBoxW160 > .substituteBlock .premTxtBox, .adBnrBoxW220 > .substituteBlock .premTxtBox {
            font-size: 18px;
            font-size: 1.2rem;
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 340px;
            margin-bottom: 24px;
            color: #fff;
            text-align: left
        }

        .adBnrBoxW160 > .substituteBlock .premTxtBox .premTxtBlock, .adBnrBoxW220 > .substituteBlock .premTxtBox .premTxtBlock {
            position: absolute;
            top: 0;
            left: 50%;
            padding-top: 50px
        }

        .adBnrBoxW160 > .substituteBlock .premTxtBox .premTxtBlock .premTxt, .adBnrBoxW220 > .substituteBlock .premTxtBox .premTxtBlock .premTxt {
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            margin: 0;
            -ms-writing-mode: tb-rl;
            -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
            -webkit-text-orientation: upright;
            text-orientation: upright;
            white-space: nowrap;
            letter-spacing: 4px;
            line-height: 1.8
        }

        .adBnrBoxW160 > .substituteBlock .premTxtBox .premTxtBlock .txtH, .adBnrBoxW220 > .substituteBlock .premTxtBox .premTxtBlock .txtH {
            -ms-text-combine-horizontal: all;
            -webkit-text-combine: horizontal;
            text-combine-upright: all
        }

        .adBnrBoxW160 > .substituteBlock [class*=btnType], .adBnrBoxW220 > .substituteBlock [class*=btnType] {
            display: block;
            width: 140px;
            margin: 0 auto
        }

        .adBnrBoxW160 {
            width: 160px
        }

        .adBnrBoxW220 {
            width: 220px
        }

        .adBnrBoxW224 {
            width: 224px
        }

        .adBnrBoxW300 {
            width: 300px
        }

        .adBnrBoxW336 {
            width: 336px
        }

        .adBnrBoxW468 {
            width: 468px
        }

        .adBnrBoxW600 {
            width: 600px
        }

        .adBnrBoxW728 {
            width: 728px
        }

        .adBnrBoxW970 {
            width: 970px
        }

        .adBnrBoxH60 {
            position: relative;
            min-height: 60px
        }

        .adBnrBoxH60 .lazyload {
            width: auto;
            height: 60px
        }

        .adBnrBoxH90 {
            position: relative;
            min-height: 90px
        }

        .adBnrBoxH90 .lazyload {
            width: auto;
            height: 90px
        }

        .adBnrBoxH250 {
            position: relative;
            min-height: 250px
        }

        .adBnrBoxH250 .lazyload {
            width: auto;
            height: 250px
        }

        .adBnrBoxH280 {
            position: relative;
            min-height: 280px
        }

        .adBnrBoxH280 .lazyload {
            width: auto;
            height: 280px
        }

        .adBnrBoxH300 {
            position: relative;
            min-height: 300px
        }

        .adBnrBoxH300 .lazyload {
            width: auto;
            height: 300px
        }

        .adBnrBoxH600 {
            position: relative;
            min-height: 600px
        }

        .adBnrBoxH600 .lazyload {
            width: auto;
            height: 600px
        }

        .adTileBox {
            width: 600px;
            margin: 0 auto 16px
        }

        .adTileBox > .adTileBlock > .adTileList > li {
            float: left;
            width: 101px;
            height: 101px;
            margin-left: -2px
        }

        .adTileBox > .adTileBlock > .adTileList > li:first-child {
            margin-left: 0
        }

        .adTileBox > .adTileBlock > .adTileList > li > a {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            position: relative;
            overflow: hidden;
            height: 100%;
            border: 2px solid #333
        }

        .adTileBox > .adTileBlock > .adTileList > li > a > .adImg {
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 94px
        }

        .adTileBox > .adTileBlock > .adTileList > li > a > .adImg > img {
            width: auto;
            max-width: 101px;
            height: auto;
            max-height: 101px;
            vertical-align: middle
        }

        .adTileBox > .adTileBlock > .adTileList > li > a:hover > .adTxt {
            top: 0
        }

        .adTileBox > .adTileBlock > .adTileList > li > a > .adTxt {
            font-size: 10px;
            font-size: .66667rem;
            -webkit-transition: top .5s cubic-bezier(.165, .84, .44, 1);
            -moz-transition: top .5s cubic-bezier(.165, .84, .44, 1);
            -o-transition: top .5s cubic-bezier(.165, .84, .44, 1);
            transition: top .5s cubic-bezier(.165, .84, .44, 1);
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            background-color: rgba(255, 255, 255, .9)
        }

        .adTileBox > .adTileBlock > .adTileList > li > a > .adTxt > .name {
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            height: 32px;
            margin: 0;
            padding: 4px 4px 0;
            color: #333
        }

        .adTileBox > .adTileBlock > .adTileList > li > a > .adTxt > .postage {
            font-size: 10px;
            font-size: .66667rem;
            margin: 0 4px 2px;
            margin-left: auto;
            padding: 2px 4px;
            width: 4em;
            text-align: right;
            border-radius: 4px;
            background-color: #000;
            color: #fff
        }

        .adTileBox > .adTileBlock > .adTileList > li > a > .adTxt > .point {
            margin: 0;
            padding: 2px 4px;
            background-color: #fa4c07;
            color: #fff;
            text-align: center
        }

        .adTileBox > .adTileBlock > .adTileList > li > a > .adTxt > .price {
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            font-size: 13px;
            font-size: .86667rem;
            margin: 0;
            padding: 0 4px;
            text-align: right;
            color: #fa4c07;
            font-weight: 700
        }

        .adTileBox > .adTileBlock > .logo {
            margin: 8px 0 0
        }

        .adTileBox > .adTileBlock > .logo > a {
            float: left;
            margin: 0
        }

        .adTileBox > .adTileBlock > .logo .appealTxt {
            font-size: 16px;
            font-size: 1.06667rem;
            display: block;
            margin-right: 30px;
            color: #fa4c07;
            text-align: center
        }

        .adTileBox > .adNonBlock > .noMatchBgimg > a {
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            font-size: 18px;
            font-size: 1.2rem;
            display: block;
            height: 98px;
            border: 2px solid #333;
            background: #fff url(/assets/image/common/module/ad/tile/ad_bg_recommend.png?1726018500) no-repeat left center;
            text-align: center;
            text-shadow: 2px 1px 0 #fff;
            line-height: 98px
        }

        .adTileBox > .adNonBlock > .noMatchBgimg > a:hover {
            background-position: -928px center;
            color: #333
        }

        .adTileBox > .adNonBlock > .logo {
            margin: 8px 0 0
        }

        .adTileBox > .adNonBlock > .logo > a {
            float: left;
            margin: 0
        }

        .adTileBox > .adNonBlock > .logo .appealTxt {
            font-size: 16px;
            font-size: 1.06667rem;
            display: block;
            margin-right: 30px;
            color: #fa4c07;
            text-align: center
        }

        .adVerticalTileBox {
            position: relative;
            z-index: 1;
            width: 100%;
            min-width: 248px
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            height: 140px;
            border: 1px solid #fff;
            border-top: none;
            background-color: #303134
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li:first-child {
            border-top: 1px solid #fff
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            display: block;
            position: relative;
            overflow: hidden;
            height: 100%
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a:before {
            display: block;
            position: absolute;
            content: ""
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a:before {
            background-image: -svg-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
            background-size: 100%;
            background-image: -owg-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
            background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
            background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
            background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
            background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            z-index: 1;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a:not(.tb):hover {
            background-color: #fff
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a:not(.tb):hover:before {
            opacity: 0
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a:not(.tb):hover > .adTxt {
            opacity: 0
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a > .adImg {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a > .adImg > img {
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            position: absolute;
            top: 0;
            left: 50%;
            width: auto;
            height: 100%
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a > .adTxt {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 12px;
            font-size: .8rem;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2;
            padding: 8px 12px;
            color: #fff
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a > .adTxt > .name {
            margin: 0 0 4px
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a > .adTxt > .price {
            margin: 0;
            text-align: right
        }

        .adVerticalTileBox > .adTileBlock > .adTileList > li > a > .adTxt > .price > .val {
            font-size: 15px;
            font-size: 1rem;
            margin-right: 4px;
            font-weight: 700
        }

        .adVerticalTileBox > .adNonBlock > .noMatchBgimg > a {
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            font-size: 18px;
            font-size: 1.2rem;
            display: block;
            height: 98px;
            border: 2px solid #333;
            background: #fff url(/assets/image/common/module/ad/tile/ad_bg_recommend.png?1726018500) no-repeat left center;
            text-align: center;
            text-shadow: 2px 1px 0 #fff;
            line-height: 98px
        }

        .adVerticalTileBox > .adNonBlock > .noMatchBgimg > a:hover {
            background-position: -928px center;
            color: #333
        }

        .adVerticalTileBox > .adNonBlock > .logo {
            margin: 8px 0 0
        }

        .adVerticalTileBox > .adNonBlock > .logo > a {
            float: left;
            margin: 0
        }

        .adVerticalTileBox > .adNonBlock > .logo .appealTxt {
            font-size: 16px;
            font-size: 1.06667rem;
            display: block;
            margin-right: 30px;
            color: #fa4c07;
            text-align: center
        }

        .bnrWidthFull {
            margin: 0
        }

        .bnrWidthFull > a {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            display: block;
            width: 100%;
            height: 40px;
            background-repeat: repeat-x;
            background-position: center top;
            cursor: pointer
        }

        .bnrWidthFull.netsea a {
            background-image: url(/assets/image/banner/size_width_full/bnr_netsea_sale.png?1726018500)
        }

        .bnrWidthFull.rakuten1 a {
            background-image: url(/assets/image/banner/size_width_full/bnr_rakuten_sale01.png?1726018500)
        }

        .bnrWidthFull.rakuten2 a {
            background-image: url(/assets/image/banner/size_width_full/bnr_rakuten_sale02.png?1726018500)
        }

        .bnrWidthFull.yahoo a {
            background-image: url(/assets/image/banner/size_width_full/bnr_yahoo_sale.png?1726018500)
        }

        .bnrWidthFull.amazon a {
            background-image: url(/assets/image/banner/size_width_full/bnr_amazon_cyber.png?1726018500)
        }

        .bnrWidthFull.rakutenPointup a {
            background-image: url(/assets/image/banner/size_width_full/bnr_rakuten_pointup02.png?1726018500)
        }

        .bnrWidthFull.school a {
            background-image: url(/assets/image/banner/size_width_full/bnr_school.png?1726018500)
        }

        .bnrWidthFull.yahuoku1 a {
            background-image: url(/assets/image/banner/size_width_full/bnr_yahuoku_sale01.png?1726018500)
        }

        .bnrWidthFull.yahuoku2 a {
            background-image: url(/assets/image/banner/size_width_full/bnr_yahuoku_sale02.png?1726018500)
        }

        .bnrWidthFull.mercari a {
            background-image: url(/assets/image/banner/size_width_full/bnr_mercariichi.png?1726018500)
        }

        .bnrLinkTxtBox {
            overflow: hidden;
            width: 600px;
            margin: 0 auto 32px
        }

        .bnrLinkTxtBox ul {
            display: flex;
            justify-content: center
        }

        .bnrLinkTxtBox ul li {
            font-size: 14px;
            font-size: .93333rem;
            margin: 4px
        }

        .bnrLinkTxtBox ul li .bnrLinkTxtBoxInner {
            display: inline-block;
            margin: 4px
        }

        .adSideJackType01 {
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
            position: absolute;
            top: 0;
            margin-top: 16px
        }

        .adSideJackType01.typeLeft {
            left: -160px;
            margin-left: 16px
        }

        .adSideJackType01.typeRight {
            right: -160px;
            margin-right: 16px
        }

        .adSideJackType02 {
            position: fixed;
            top: 0;
            bottom: 0;
            z-index: -1;
            width: 100%
        }

        .adSideJackType02 > a {
            position: relative;
            display: block;
            position: relative;
            top: 0;
            width: 50%;
            height: 100%
        }

        .adSideJackType02 > a:before {
            display: block;
            position: absolute;
            content: ""
        }

        .adSideJackType02 > a:before {
            display: block;
            top: 0;
            width: 430px;
            height: 100%;
            cursor: pointer
        }

        .adSideJackType02 > a:nth-child(1) {
            float: left;
            background-repeat: repeat;
            background-position: 100% 0
        }

        .adSideJackType02 > a:nth-child(1):before {
            right: 532px;

            background-position: 100% 0
        }

        .adSideJackType02 > a:nth-child(2) {
            float: right;
            background-repeat: repeat;
            background-position: 0 0
        }

        .adSideJackType02 > a:nth-child(2):before {
            left: 532px;

            background-position: 0 0
        }

        .adSideJackType02 .closeBtnBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: absolute;
            top: 50px;
            left: 50%;
            width: 70px;
            margin-left: 532px;
            padding: 10px 6px 6px;
            cursor: pointer
        }

        .adSideJackType02 .closeBtnBlock:not(.tb):hover .closeBtn {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        .adSideJackType02 .closeBtnBlock .closeBtn {
            font-size: 11px;
            font-size: .73333rem;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            position: relative;
            overflow: hidden;
            padding: 5px 0 5px 20px;
            background-color: #fff;
            color: #666;
            line-height: 1;
            white-space: nowrap
        }

        .adSideJackType02 .closeBtnBlock .closeBtn .closeIco {
            font-size: 10px;
            font-size: .66667rem;
            position: absolute;
            top: 0;
            left: 0
        }

        .adSideJackType02.bullet01 > a {
            background: #000
        }

        .adSideJackType02.bullet01 > a:nth-child(1):before {
            background-image: url(/assets/image/banner/jack/left/bullet_jack_left01.jpg?1726018500)
        }

        .adSideJackType02.bullet01 > a:nth-child(2):before {
            background-image: url(/assets/image/banner/jack/right/bullet_jack_right01.jpg?1726018500)
        }

        .adSideJackType02.bullet01 .closeBtnBlock .closeBtn {
            background-color: #303134;
            color: #fff
        }

        .adSideJackType02.bullet01 .closeBtnBlock .closeBtn .closeIco {
            color: #fff
        }

        .adSideJackType02.mercari01 > a {
            background: #ff333f
        }

        .adSideJackType02.mercari01 > a:nth-child(1):before {
            background-image: url(/assets/image/banner/jack/left/mercariichi_jack_left01.jpg?1726018500)
        }

        .adSideJackType02.mercari01 > a:nth-child(2):before {
            background-image: url(/assets/image/banner/jack/right/mercariichi_jack_right01.jpg?1726018500)
        }

        .adSideJackType02.temu01 > a {
            background: #de2715
        }

        .adSideJackType02.temu01 > a:nth-child(1):before {
            background-image: url(/assets/image/banner/jack/left/temu_jack_left01.jpg?1726018500)
        }

        .adSideJackType02.temu01 > a:nth-child(2):before {
            background-image: url(/assets/image/banner/jack/right/temu_jack_right01.jpg?1726018500)
        }

        .adSideJackType02.yahoo01 > a {
            background: #2b030a
        }

        .adSideJackType02.yahoo01 > a:nth-child(1):before {
            background-image: url(/assets/image/banner/jack/left/yahoo_jack_left01.jpg?1726018500)
        }

        .adSideJackType02.yahoo01 > a:nth-child(2):before {
            background-image: url(/assets/image/banner/jack/right/yahoo_jack_right01.jpg?1726018500)
        }

        @media all and (min-width: 1440px) {
            .adSideJackType01 {
                margin-top: 24px
            }

            .adSideJackType01.typeLeft {
                margin-left: 8px
            }

            .adSideJackType01.typeRight {
                margin-right: 8px
            }
        }

        @media all and (max-width: 1366px) {
            .adSideJackType01 {
                display: none
            }
        }

        @media all and (max-width: 1600px) {
            body.typeExtend .adSideJackType01 {
                display: none
            }
        }

        [data-supballoon] {
            position: relative
        }

        [data-supballoon] .balloonWrap {
            position: absolute;
            z-index: 10;
            width: 35px;
            height: 34px
        }

        [data-supballoon] .balloonWrap > .balloonSymbol {
            margin: 0
        }

        [data-supballoon] .balloonWrap > .balloonBox {
            display: none;
            position: absolute;
            right: 2px;
            bottom: 6px;
            width: 30px;
            height: 30px;
            border: 1px solid #ffa200;
            background: #fff;
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%
        }

        [data-supballoon] .balloonWrap > .balloonBox > .balloonCont {
            display: none;
            width: 100%
        }

        [class*=btnType] > button {
            font-size: 18px;
            font-size: 1.2rem;
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            margin: 0;
            padding: 0;
            border: none;
            background: 0 0;
            cursor: pointer
        }

        .btnType01, a.btnType01 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            font-size: 18px;
            font-size: 1.2rem;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            display: inline-block;
            width: 100%;
            padding: 8px;
            border: none;
            background-color: #e0e0e0;
            color: #333;
            font-weight: 700;
            text-align: center;
            cursor: pointer
        }

        .btnType01.btnColor01, a.btnType01.btnColor01 {
            background-color: #ffa200;
            color: #fff
        }

        .btnType01.btnColor01:not(.tb):hover, a.btnType01.btnColor01:not(.tb):hover {
            background-color: #ffab1a
        }

        .btnType01.btnColor01 > button, a.btnType01.btnColor01 > button {
            color: #fff
        }

        .btnType01.btnColor02, a.btnType01.btnColor02 {
            background-color: #f56026;
            color: #fff
        }

        .btnType01.btnColor02:not(.tb):hover, a.btnType01.btnColor02:not(.tb):hover {
            background-color: #f6723e
        }

        .btnType01.btnColor02 > button, a.btnType01.btnColor02 > button {
            color: #fff
        }

        .btnType01.btnColor03, a.btnType01.btnColor03 {
            background-color: #68b41f;
            color: #fff
        }

        .btnType01.btnColor03:not(.tb):hover, a.btnType01.btnColor03:not(.tb):hover {
            background-color: #75ca23
        }

        .btnType01.btnColor03 > button, a.btnType01.btnColor03 > button {
            color: #fff
        }

        .btnType01.btnColor04, a.btnType01.btnColor04 {
            background-color: #acc007;
            color: #fff
        }

        .btnType01.btnColor04:not(.tb):hover, a.btnType01.btnColor04:not(.tb):hover {
            background-color: #c2d908
        }

        .btnType01.btnColor04 > button, a.btnType01.btnColor04 > button {
            color: #fff
        }

        .btnType01.btnColor05, a.btnType01.btnColor05 {
            background-color: #fff;
            color: #fff;
            border-color: #ccc;
            color: #333
        }

        .btnType01.btnColor05:not(.tb):hover, a.btnType01.btnColor05:not(.tb):hover {
            background-color: #fff
        }

        .btnType01.btnColor05 > button, a.btnType01.btnColor05 > button {
            color: #fff
        }

        .btnType01.btnColor05 > button, a.btnType01.btnColor05 > button {
            color: #333
        }

        .btnType01.btnColor06, a.btnType01.btnColor06 {
            background-color: #f7f8fb;
            color: #fff;
            border-color: #ccc;
            color: #333
        }

        .btnType01.btnColor06:not(.tb):hover, a.btnType01.btnColor06:not(.tb):hover {
            background-color: #fff
        }

        .btnType01.btnColor06 > button, a.btnType01.btnColor06 > button {
            color: #fff
        }

        .btnType01.btnColor06 > button, a.btnType01.btnColor06 > button {
            color: #333
        }

        .btnType01.btnColor07, a.btnType01.btnColor07 {
            background-color: #303134;
            color: #fff
        }

        .btnType01.btnColor07:not(.tb):hover, a.btnType01.btnColor07:not(.tb):hover {
            background-color: #3c3d41
        }

        .btnType01.btnColor07 > button, a.btnType01.btnColor07 > button {
            color: #fff
        }

        .btnType01.btnColor08, a.btnType01.btnColor08 {
            background-color: #29c278;
            color: #fff
        }

        .btnType01.btnColor08:not(.tb):hover, a.btnType01.btnColor08:not(.tb):hover {
            background-color: #31d385
        }

        .btnType01.btnColor08 > button, a.btnType01.btnColor08 > button {
            color: #fff
        }

        .btnType01.btnSnsColor01, a.btnType01.btnSnsColor01 {
            background-color: #55acee;
            color: #fff
        }

        .btnType01.btnSnsColor01:not(.tb):hover, a.btnType01.btnSnsColor01:not(.tb):hover {
            background-color: #6cb7f0
        }

        .btnType01.btnSnsColor01 > button, a.btnType01.btnSnsColor01 > button {
            color: #fff
        }

        .btnType01.btnSnsColor02, a.btnType01.btnSnsColor02 {
            background-color: #00c300;
            color: #fff
        }

        .btnType01.btnSnsColor02:not(.tb):hover, a.btnType01.btnSnsColor02:not(.tb):hover {
            background-color: #0d0
        }

        .btnType01.btnSnsColor02 > button, a.btnType01.btnSnsColor02 > button {
            color: #fff
        }

        .btnType01.btnSnsColor03, a.btnType01.btnSnsColor03 {
            background-color: #3b5998;
            color: #fff
        }

        .btnType01.btnSnsColor03:not(.tb):hover, a.btnType01.btnSnsColor03:not(.tb):hover {
            background-color: #4264aa
        }

        .btnType01.btnSnsColor03 > button, a.btnType01.btnSnsColor03 > button {
            color: #fff
        }

        .btnType01.btnSnsColor04, a.btnType01.btnSnsColor04 {
            background-color: #008fde;
            color: #fff
        }

        .btnType01.btnSnsColor04:not(.tb):hover, a.btnType01.btnSnsColor04:not(.tb):hover {
            background-color: #009ff8
        }

        .btnType01.btnSnsColor04 > button, a.btnType01.btnSnsColor04 > button {
            color: #fff
        }

        .btnType01.btnSnsColor05, a.btnType01.btnSnsColor05 {
            background-color: #db4437;
            color: #fff
        }

        .btnType01.btnSnsColor05:not(.tb):hover, a.btnType01.btnSnsColor05:not(.tb):hover {
            background-color: #df584d
        }

        .btnType01.btnSnsColor05 > button, a.btnType01.btnSnsColor05 > button {
            color: #fff
        }

        .btnType01.btnSnsColor06, a.btnType01.btnSnsColor06 {
            background-color: #000;
            color: #fff
        }

        .btnType01.btnSnsColor06:not(.tb):hover, a.btnType01.btnSnsColor06:not(.tb):hover {
            background-color: #0d0d0d
        }

        .btnType01.btnSnsColor06 > button, a.btnType01.btnSnsColor06 > button {
            color: #fff
        }

        .btnType01.btnBdr, a.btnType01.btnBdr {
            border: 1px solid #ddd
        }

        .btnType01:not(.tb):hover, a.btnType01:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            background-color: #e8e8e8
        }

        .btnType02, a.btnType02 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            display: inline-block;
            width: 60px;
            height: 60px;
            border: none;
            background-color: #e6e6e6;
            color: #333;
            text-align: center;
            line-height: 60px;
            vertical-align: middle;
            cursor: pointer
        }

        .btnType02.btnColor01, a.btnType02.btnColor01 {
            background-color: #ffa200;
            color: #fff
        }

        .btnType02.btnColor01:not(.tb):hover, a.btnType02.btnColor01:not(.tb):hover {
            background-color: #ffab1a
        }

        .btnType02.btnColor01 > button, a.btnType02.btnColor01 > button {
            color: #fff
        }

        .btnType02.btnColor02, a.btnType02.btnColor02 {
            background-color: #f56026;
            color: #fff
        }

        .btnType02.btnColor02:not(.tb):hover, a.btnType02.btnColor02:not(.tb):hover {
            background-color: #f6723e
        }

        .btnType02.btnColor02 > button, a.btnType02.btnColor02 > button {
            color: #fff
        }

        .btnType02.btnColor03, a.btnType02.btnColor03 {
            background-color: #68b41f;
            color: #fff
        }

        .btnType02.btnColor03:not(.tb):hover, a.btnType02.btnColor03:not(.tb):hover {
            background-color: #75ca23
        }

        .btnType02.btnColor03 > button, a.btnType02.btnColor03 > button {
            color: #fff
        }

        .btnType02.btnColor04, a.btnType02.btnColor04 {
            background-color: #acc007;
            color: #fff
        }

        .btnType02.btnColor04:not(.tb):hover, a.btnType02.btnColor04:not(.tb):hover {
            background-color: #c2d908
        }

        .btnType02.btnColor04 > button, a.btnType02.btnColor04 > button {
            color: #fff
        }

        .btnType02.btnColor05, a.btnType02.btnColor05 {
            background-color: #fff;
            color: #fff;
            border-color: #ccc;
            color: #333
        }

        .btnType02.btnColor05:not(.tb):hover, a.btnType02.btnColor05:not(.tb):hover {
            background-color: #fff
        }

        .btnType02.btnColor05 > button, a.btnType02.btnColor05 > button {
            color: #fff
        }

        .btnType02.btnColor05 > button, a.btnType02.btnColor05 > button {
            color: #333
        }

        .btnType02.btnColor06, a.btnType02.btnColor06 {
            background-color: #f7f8fb;
            color: #fff;
            border-color: #ccc;
            color: #333
        }

        .btnType02.btnColor06:not(.tb):hover, a.btnType02.btnColor06:not(.tb):hover {
            background-color: #fff
        }

        .btnType02.btnColor06 > button, a.btnType02.btnColor06 > button {
            color: #fff
        }

        .btnType02.btnColor06 > button, a.btnType02.btnColor06 > button {
            color: #333
        }

        .btnType02.btnColor07, a.btnType02.btnColor07 {
            background-color: #303134;
            color: #fff
        }

        .btnType02.btnColor07:not(.tb):hover, a.btnType02.btnColor07:not(.tb):hover {
            background-color: #3c3d41
        }

        .btnType02.btnColor07 > button, a.btnType02.btnColor07 > button {
            color: #fff
        }

        .btnType02.btnColor08, a.btnType02.btnColor08 {
            background-color: #29c278;
            color: #fff
        }

        .btnType02.btnColor08:not(.tb):hover, a.btnType02.btnColor08:not(.tb):hover {
            background-color: #31d385
        }

        .btnType02.btnColor08 > button, a.btnType02.btnColor08 > button {
            color: #fff
        }

        .btnType02.btnSnsColor01, a.btnType02.btnSnsColor01 {
            background-color: #55acee;
            color: #fff
        }

        .btnType02.btnSnsColor01:not(.tb):hover, a.btnType02.btnSnsColor01:not(.tb):hover {
            background-color: #6cb7f0
        }

        .btnType02.btnSnsColor01 > button, a.btnType02.btnSnsColor01 > button {
            color: #fff
        }

        .btnType02.btnSnsColor02, a.btnType02.btnSnsColor02 {
            background-color: #00c300;
            color: #fff
        }

        .btnType02.btnSnsColor02:not(.tb):hover, a.btnType02.btnSnsColor02:not(.tb):hover {
            background-color: #0d0
        }

        .btnType02.btnSnsColor02 > button, a.btnType02.btnSnsColor02 > button {
            color: #fff
        }

        .btnType02.btnSnsColor03, a.btnType02.btnSnsColor03 {
            background-color: #3b5998;
            color: #fff
        }

        .btnType02.btnSnsColor03:not(.tb):hover, a.btnType02.btnSnsColor03:not(.tb):hover {
            background-color: #4264aa
        }

        .btnType02.btnSnsColor03 > button, a.btnType02.btnSnsColor03 > button {
            color: #fff
        }

        .btnType02.btnSnsColor04, a.btnType02.btnSnsColor04 {
            background-color: #008fde;
            color: #fff
        }

        .btnType02.btnSnsColor04:not(.tb):hover, a.btnType02.btnSnsColor04:not(.tb):hover {
            background-color: #009ff8
        }

        .btnType02.btnSnsColor04 > button, a.btnType02.btnSnsColor04 > button {
            color: #fff
        }

        .btnType02.btnSnsColor05, a.btnType02.btnSnsColor05 {
            background-color: #db4437;
            color: #fff
        }

        .btnType02.btnSnsColor05:not(.tb):hover, a.btnType02.btnSnsColor05:not(.tb):hover {
            background-color: #df584d
        }

        .btnType02.btnSnsColor05 > button, a.btnType02.btnSnsColor05 > button {
            color: #fff
        }

        .btnType02.btnSnsColor06, a.btnType02.btnSnsColor06 {
            background-color: #000;
            color: #fff
        }

        .btnType02.btnSnsColor06:not(.tb):hover, a.btnType02.btnSnsColor06:not(.tb):hover {
            background-color: #0d0d0d
        }

        .btnType02.btnSnsColor06 > button, a.btnType02.btnSnsColor06 > button {
            color: #fff
        }

        .btnType02.btnBdr, a.btnType02.btnBdr {
            border: 1px solid #ddd
        }

        .btnType02:not(.tb):hover, a.btnType02:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            background-color: #ededed
        }

        .btnType02 > i, a.btnType02 > i {
            vertical-align: middle
        }

        .btnType03, a.btnType03 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-shadow: 0 4px 0 0 #bababa;
            -moz-box-shadow: 0 4px 0 0 #bababa;
            box-shadow: 0 4px 0 0 #bababa;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 100%;
            padding: 8px;
            border: none;
            background-color: #e0e0e0;
            color: #333;
            font-weight: 700;
            text-align: center;
            cursor: pointer
        }

        .btnType03.btnColor01, a.btnType03.btnColor01 {
            -webkit-box-shadow: 0 4px 0 0 #cc8200;
            -moz-box-shadow: 0 4px 0 0 #cc8200;
            box-shadow: 0 4px 0 0 #cc8200;
            background-color: #ffa200;
            color: #fff
        }

        .btnType03.btnColor01 > button, a.btnType03.btnColor01 > button {
            color: #fff
        }

        .btnType03.btnColor02, a.btnType03.btnColor02 {
            -webkit-box-shadow: 0 4px 0 0 #dd460a;
            -moz-box-shadow: 0 4px 0 0 #dd460a;
            box-shadow: 0 4px 0 0 #dd460a;
            background-color: #f56026;
            color: #fff
        }

        .btnType03.btnColor02 > button, a.btnType03.btnColor02 > button {
            color: #fff
        }

        .btnType03.btnColor03, a.btnType03.btnColor03 {
            -webkit-box-shadow: 0 4px 0 0 #4f8818;
            -moz-box-shadow: 0 4px 0 0 #4f8818;
            box-shadow: 0 4px 0 0 #4f8818;
            background-color: #68b41f;
            color: #fff
        }

        .btnType03.btnColor03 > button, a.btnType03.btnColor03 > button {
            color: #fff
        }

        .btnType03.btnColor04, a.btnType03.btnColor04 {
            -webkit-box-shadow: 0 4px 0 0 #808f05;
            -moz-box-shadow: 0 4px 0 0 #808f05;
            box-shadow: 0 4px 0 0 #808f05;
            background-color: #acc007;
            color: #fff
        }

        .btnType03.btnColor04 > button, a.btnType03.btnColor04 > button {
            color: #fff
        }

        .btnType03.btnColor05, a.btnType03.btnColor05 {
            -webkit-box-shadow: 0 4px 0 0 #e6e6e6;
            -moz-box-shadow: 0 4px 0 0 #e6e6e6;
            box-shadow: 0 4px 0 0 #e6e6e6;
            background-color: #fff;
            color: #fff;
            border-color: #ccc;
            color: #333
        }

        .btnType03.btnColor05 > button, a.btnType03.btnColor05 > button {
            color: #fff
        }

        .btnType03.btnColor05 > button, a.btnType03.btnColor05 > button {
            color: #333
        }

        .btnType03.btnColor06, a.btnType03.btnColor06 {
            -webkit-box-shadow: 0 4px 0 0 #d6dbe9;
            -moz-box-shadow: 0 4px 0 0 #d6dbe9;
            box-shadow: 0 4px 0 0 #d6dbe9;
            background-color: #f7f8fb;
            color: #fff;
            border-color: #ccc;
            color: #333
        }

        .btnType03.btnColor06 > button, a.btnType03.btnColor06 > button {
            color: #fff
        }

        .btnType03.btnColor06 > button, a.btnType03.btnColor06 > button {
            color: #333
        }

        .btnType03.btnColor07, a.btnType03.btnColor07 {
            -webkit-box-shadow: 0 4px 0 0 #181819;
            -moz-box-shadow: 0 4px 0 0 #181819;
            box-shadow: 0 4px 0 0 #181819;
            background-color: #303134;
            color: #fff
        }

        .btnType03.btnColor07 > button, a.btnType03.btnColor07 > button {
            color: #fff
        }

        .btnType03.btnColor08, a.btnType03.btnColor08 {
            -webkit-box-shadow: 0 4px 0 0 #20985e;
            -moz-box-shadow: 0 4px 0 0 #20985e;
            box-shadow: 0 4px 0 0 #20985e;
            background-color: #29c278;
            color: #fff
        }

        .btnType03.btnColor08 > button, a.btnType03.btnColor08 > button {
            color: #fff
        }

        .btnType03.btnSnsColor01, a.btnType03.btnSnsColor01 {
            -webkit-box-shadow: 0 4px 0 0 #2795e9;
            -moz-box-shadow: 0 4px 0 0 #2795e9;
            box-shadow: 0 4px 0 0 #2795e9;
            background-color: #55acee;
            color: #fff
        }

        .btnType03.btnSnsColor01 > button, a.btnType03.btnSnsColor01 > button {
            color: #fff
        }

        .btnType03.btnSnsColor02, a.btnType03.btnSnsColor02 {
            -webkit-box-shadow: 0 4px 0 0 #009000;
            -moz-box-shadow: 0 4px 0 0 #009000;
            box-shadow: 0 4px 0 0 #009000;
            background-color: #00c300;
            color: #fff
        }

        .btnType03.btnSnsColor02 > button, a.btnType03.btnSnsColor02 > button {
            color: #fff
        }

        .btnType03.btnSnsColor03, a.btnType03.btnSnsColor03 {
            -webkit-box-shadow: 0 4px 0 0 #2d4373;
            -moz-box-shadow: 0 4px 0 0 #2d4373;
            box-shadow: 0 4px 0 0 #2d4373;
            background-color: #3b5998;
            color: #fff
        }

        .btnType03.btnSnsColor03 > button, a.btnType03.btnSnsColor03 > button {
            color: #fff
        }

        .btnType03.btnSnsColor04, a.btnType03.btnSnsColor04 {
            -webkit-box-shadow: 0 4px 0 0 #006eab;
            -moz-box-shadow: 0 4px 0 0 #006eab;
            box-shadow: 0 4px 0 0 #006eab;
            background-color: #008fde;
            color: #fff
        }

        .btnType03.btnSnsColor04 > button, a.btnType03.btnSnsColor04 > button {
            color: #fff
        }

        .btnType03.btnSnsColor05, a.btnType03.btnSnsColor05 {
            -webkit-box-shadow: 0 4px 0 0 #bd2e22;
            -moz-box-shadow: 0 4px 0 0 #bd2e22;
            box-shadow: 0 4px 0 0 #bd2e22;
            background-color: #db4437;
            color: #fff
        }

        .btnType03.btnSnsColor05 > button, a.btnType03.btnSnsColor05 > button {
            color: #fff
        }

        .btnType03.btnSnsColor06, a.btnType03.btnSnsColor06 {
            -webkit-box-shadow: 0 4px 0 0 #000;
            -moz-box-shadow: 0 4px 0 0 #000;
            box-shadow: 0 4px 0 0 #000;
            background-color: #000;
            color: #fff
        }

        .btnType03.btnSnsColor06 > button, a.btnType03.btnSnsColor06 > button {
            color: #fff
        }

        .btnType03.btnBdr, a.btnType03.btnBdr {
            border: 1px solid #ddd
        }

        .btnType03:not(.tb):hover, a.btnType03:not(.tb):hover {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            position: relative;
            top: 4px
        }

        .btnType04, a.btnType04 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-shadow: 0 -3px 1px 0 #bababa inset;
            -moz-box-shadow: 0 -3px 1px 0 #bababa inset;
            box-shadow: 0 -3px 1px 0 #bababa inset;
            font-size: 15px;
            font-size: 1rem;
            display: inline-block;
            width: 100%;
            padding: 8px 8px 10px 8px;
            border: 2px solid #ccc;
            background-color: #e0e0e0;
            color: #333;
            text-align: center;
            cursor: pointer
        }

        .btnType04.btnColor01, a.btnType04.btnColor01 {
            -webkit-box-shadow: 0 -2px .5px 0 #b37100 inset;
            -moz-box-shadow: 0 -2px .5px 0 #b37100 inset;
            box-shadow: 0 -2px .5px 0 #b37100 inset;
            border-color: #b37100;
            background-color: #ffa200;
            color: #fff
        }

        .btnType04.btnColor01 > button, a.btnType04.btnColor01 > button {
            color: #fff
        }

        .btnType04.btnColor02, a.btnType04.btnColor02 {
            -webkit-box-shadow: 0 -2px .5px 0 #c53e09 inset;
            -moz-box-shadow: 0 -2px .5px 0 #c53e09 inset;
            box-shadow: 0 -2px .5px 0 #c53e09 inset;
            border-color: #c53e09;
            background-color: #f56026;
            color: #fff
        }

        .btnType04.btnColor02 > button, a.btnType04.btnColor02 > button {
            color: #fff
        }

        .btnType04.btnColor03, a.btnType04.btnColor03 {
            -webkit-box-shadow: 0 -2px .5px 0 #427314 inset;
            -moz-box-shadow: 0 -2px .5px 0 #427314 inset;
            box-shadow: 0 -2px .5px 0 #427314 inset;
            border-color: #427314;
            background-color: #68b41f;
            color: #fff
        }

        .btnType04.btnColor03 > button, a.btnType04.btnColor03 > button {
            color: #fff
        }

        .btnType04.btnColor04, a.btnType04.btnColor04 {
            -webkit-box-shadow: 0 -2px .5px 0 #6a7604 inset;
            -moz-box-shadow: 0 -2px .5px 0 #6a7604 inset;
            box-shadow: 0 -2px .5px 0 #6a7604 inset;
            border-color: #6a7604;
            background-color: #acc007;
            color: #fff
        }

        .btnType04.btnColor04 > button, a.btnType04.btnColor04 > button {
            color: #fff
        }

        .btnType04.btnColor05, a.btnType04.btnColor05 {
            -webkit-box-shadow: 0 -2px .5px 0 #d9d9d9 inset;
            -moz-box-shadow: 0 -2px .5px 0 #d9d9d9 inset;
            box-shadow: 0 -2px .5px 0 #d9d9d9 inset;
            border-color: #d9d9d9;
            background-color: #fff;
            color: #fff;
            border-color: #ccc;
            color: #333
        }

        .btnType04.btnColor05 > button, a.btnType04.btnColor05 > button {
            color: #fff
        }

        .btnType04.btnColor05 > button, a.btnType04.btnColor05 > button {
            color: #333
        }

        .btnType04.btnColor06, a.btnType04.btnColor06 {
            -webkit-box-shadow: 0 -2px .5px 0 #c6cce0 inset;
            -moz-box-shadow: 0 -2px .5px 0 #c6cce0 inset;
            box-shadow: 0 -2px .5px 0 #c6cce0 inset;
            border-color: #c6cce0;
            background-color: #f7f8fb;
            color: #fff;
            border-color: #ccc;
            color: #333
        }

        .btnType04.btnColor06 > button, a.btnType04.btnColor06 > button {
            color: #fff
        }

        .btnType04.btnColor06 > button, a.btnType04.btnColor06 > button {
            color: #333
        }

        .btnType04.btnColor07, a.btnType04.btnColor07 {
            -webkit-box-shadow: 0 -2px .5px 0 #0b0c0c inset;
            -moz-box-shadow: 0 -2px .5px 0 #0b0c0c inset;
            box-shadow: 0 -2px .5px 0 #0b0c0c inset;
            border-color: #0b0c0c;
            background-color: #303134;
            color: #fff
        }

        .btnType04.btnColor07 > button, a.btnType04.btnColor07 > button {
            color: #fff
        }

        .btnType04.btnColor08, a.btnType04.btnColor08 {
            -webkit-box-shadow: 0 -2px .5px 0 #1c8351 inset;
            -moz-box-shadow: 0 -2px .5px 0 #1c8351 inset;
            box-shadow: 0 -2px .5px 0 #1c8351 inset;
            border-color: #1c8351;
            background-color: #29c278;
            color: #fff
        }

        .btnType04.btnColor08 > button, a.btnType04.btnColor08 > button {
            color: #fff
        }

        .btnType04.btnSnsColor01, a.btnType04.btnSnsColor01 {
            -webkit-box-shadow: 0 -2px .5px 0 #1689e0 inset;
            -moz-box-shadow: 0 -2px .5px 0 #1689e0 inset;
            box-shadow: 0 -2px .5px 0 #1689e0 inset;
            border-color: #1689e0;
            background-color: #55acee;
            color: #fff
        }

        .btnType04.btnSnsColor01 > button, a.btnType04.btnSnsColor01 > button {
            color: #fff
        }

        .btnType04.btnSnsColor02, a.btnType04.btnSnsColor02 {
            -webkit-box-shadow: 0 -2px .5px 0 #070 inset;
            -moz-box-shadow: 0 -2px .5px 0 #070 inset;
            box-shadow: 0 -2px .5px 0 #070 inset;
            border-color: #070;
            background-color: #00c300;
            color: #fff
        }

        .btnType04.btnSnsColor02 > button, a.btnType04.btnSnsColor02 > button {
            color: #fff
        }

        .btnType04.btnSnsColor03, a.btnType04.btnSnsColor03 {
            -webkit-box-shadow: 0 -2px .5px 0 #263961 inset;
            -moz-box-shadow: 0 -2px .5px 0 #263961 inset;
            box-shadow: 0 -2px .5px 0 #263961 inset;
            border-color: #263961;
            background-color: #3b5998;
            color: #fff
        }

        .btnType04.btnSnsColor03 > button, a.btnType04.btnSnsColor03 > button {
            color: #fff
        }

        .btnType04.btnSnsColor04, a.btnType04.btnSnsColor04 {
            -webkit-box-shadow: 0 -2px .5px 0 #005e92 inset;
            -moz-box-shadow: 0 -2px .5px 0 #005e92 inset;
            box-shadow: 0 -2px .5px 0 #005e92 inset;
            border-color: #005e92;
            background-color: #008fde;
            color: #fff
        }

        .btnType04.btnSnsColor04 > button, a.btnType04.btnSnsColor04 > button {
            color: #fff
        }

        .btnType04.btnSnsColor05, a.btnType04.btnSnsColor05 {
            -webkit-box-shadow: 0 -2px .5px 0 #a7291e inset;
            -moz-box-shadow: 0 -2px .5px 0 #a7291e inset;
            box-shadow: 0 -2px .5px 0 #a7291e inset;
            border-color: #a7291e;
            background-color: #db4437;
            color: #fff
        }

        .btnType04.btnSnsColor05 > button, a.btnType04.btnSnsColor05 > button {
            color: #fff
        }

        .btnType04.btnSnsColor06, a.btnType04.btnSnsColor06 {
            -webkit-box-shadow: 0 -2px .5px 0 #000 inset;
            -moz-box-shadow: 0 -2px .5px 0 #000 inset;
            box-shadow: 0 -2px .5px 0 #000 inset;
            border-color: #000;
            background-color: #000;
            color: #fff
        }

        .btnType04.btnSnsColor06 > button, a.btnType04.btnSnsColor06 > button {
            color: #fff
        }

        .btnType04:not(.tb):hover, a.btnType04:not(.tb):hover {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            position: relative;
            top: 2px;
            margin-bottom: 2px;
            padding-bottom: 8px
        }

        .btnType05, a.btnType05 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            font-size: 18px;
            font-size: 1.2rem;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            display: inline-block;
            width: 100%;
            padding: 8px 16px;
            border: none;
            background-color: #e0e0e0;
            color: #333;
            font-weight: 700;
            text-align: center;
            cursor: pointer
        }

        .btnType05.btnColor01, a.btnType05.btnColor01 {
            background-color: #ffa200;
            color: #fff
        }

        .btnType05.btnColor01:not(.tb):hover, a.btnType05.btnColor01:not(.tb):hover {
            background-color: #ffab1a
        }

        .btnType05.btnColor01 > button, a.btnType05.btnColor01 > button {
            color: #fff
        }

        .btnType05.btnColor02, a.btnType05.btnColor02 {
            background-color: #f56026;
            color: #fff
        }

        .btnType05.btnColor02:not(.tb):hover, a.btnType05.btnColor02:not(.tb):hover {
            background-color: #f6723e
        }

        .btnType05.btnColor02 > button, a.btnType05.btnColor02 > button {
            color: #fff
        }

        .btnType05.btnColor03, a.btnType05.btnColor03 {
            background-color: #68b41f;
            color: #fff
        }

        .btnType05.btnColor03:not(.tb):hover, a.btnType05.btnColor03:not(.tb):hover {
            background-color: #75ca23
        }

        .btnType05.btnColor03 > button, a.btnType05.btnColor03 > button {
            color: #fff
        }

        .btnType05.btnColor04, a.btnType05.btnColor04 {
            background-color: #acc007;
            color: #fff
        }

        .btnType05.btnColor04:not(.tb):hover, a.btnType05.btnColor04:not(.tb):hover {
            background-color: #c2d908
        }

        .btnType05.btnColor04 > button, a.btnType05.btnColor04 > button {
            color: #fff
        }

        .btnType05.btnColor05, a.btnType05.btnColor05 {
            background-color: #fff;
            color: #fff;
            border-color: #ccc;
            color: #333
        }

        .btnType05.btnColor05:not(.tb):hover, a.btnType05.btnColor05:not(.tb):hover {
            background-color: #fff
        }

        .btnType05.btnColor05 > button, a.btnType05.btnColor05 > button {
            color: #fff
        }

        .btnType05.btnColor05 > button, a.btnType05.btnColor05 > button {
            color: #333
        }

        .btnType05.btnColor06, a.btnType05.btnColor06 {
            background-color: #f7f8fb;
            color: #fff;
            border-color: #ccc;
            color: #333
        }

        .btnType05.btnColor06:not(.tb):hover, a.btnType05.btnColor06:not(.tb):hover {
            background-color: #fff
        }

        .btnType05.btnColor06 > button, a.btnType05.btnColor06 > button {
            color: #fff
        }

        .btnType05.btnColor06 > button, a.btnType05.btnColor06 > button {
            color: #333
        }

        .btnType05.btnColor07, a.btnType05.btnColor07 {
            background-color: #303134;
            color: #fff
        }

        .btnType05.btnColor07:not(.tb):hover, a.btnType05.btnColor07:not(.tb):hover {
            background-color: #3c3d41
        }

        .btnType05.btnColor07 > button, a.btnType05.btnColor07 > button {
            color: #fff
        }

        .btnType05.btnColor08, a.btnType05.btnColor08 {
            background-color: #29c278;
            color: #fff
        }

        .btnType05.btnColor08:not(.tb):hover, a.btnType05.btnColor08:not(.tb):hover {
            background-color: #31d385
        }

        .btnType05.btnColor08 > button, a.btnType05.btnColor08 > button {
            color: #fff
        }

        .btnType05.btnSnsColor01, a.btnType05.btnSnsColor01 {
            background-color: #55acee;
            color: #fff
        }

        .btnType05.btnSnsColor01:not(.tb):hover, a.btnType05.btnSnsColor01:not(.tb):hover {
            background-color: #6cb7f0
        }

        .btnType05.btnSnsColor01 > button, a.btnType05.btnSnsColor01 > button {
            color: #fff
        }

        .btnType05.btnSnsColor02, a.btnType05.btnSnsColor02 {
            background-color: #00c300;
            color: #fff
        }

        .btnType05.btnSnsColor02:not(.tb):hover, a.btnType05.btnSnsColor02:not(.tb):hover {
            background-color: #0d0
        }

        .btnType05.btnSnsColor02 > button, a.btnType05.btnSnsColor02 > button {
            color: #fff
        }

        .btnType05.btnSnsColor03, a.btnType05.btnSnsColor03 {
            background-color: #3b5998;
            color: #fff
        }

        .btnType05.btnSnsColor03:not(.tb):hover, a.btnType05.btnSnsColor03:not(.tb):hover {
            background-color: #4264aa
        }

        .btnType05.btnSnsColor03 > button, a.btnType05.btnSnsColor03 > button {
            color: #fff
        }

        .btnType05.btnSnsColor04, a.btnType05.btnSnsColor04 {
            background-color: #008fde;
            color: #fff
        }

        .btnType05.btnSnsColor04:not(.tb):hover, a.btnType05.btnSnsColor04:not(.tb):hover {
            background-color: #009ff8
        }

        .btnType05.btnSnsColor04 > button, a.btnType05.btnSnsColor04 > button {
            color: #fff
        }

        .btnType05.btnSnsColor05, a.btnType05.btnSnsColor05 {
            background-color: #db4437;
            color: #fff
        }

        .btnType05.btnSnsColor05:not(.tb):hover, a.btnType05.btnSnsColor05:not(.tb):hover {
            background-color: #df584d
        }

        .btnType05.btnSnsColor05 > button, a.btnType05.btnSnsColor05 > button {
            color: #fff
        }

        .btnType05.btnSnsColor06, a.btnType05.btnSnsColor06 {
            background-color: #000;
            color: #fff
        }

        .btnType05.btnSnsColor06:not(.tb):hover, a.btnType05.btnSnsColor06:not(.tb):hover {
            background-color: #0d0d0d
        }

        .btnType05.btnSnsColor06 > button, a.btnType05.btnSnsColor06 > button {
            color: #fff
        }

        .btnType05.btnBdr, a.btnType05.btnBdr {
            border: 1px solid #ddd
        }

        .btnType05:not(.tb):hover, a.btnType05:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            background-color: #e8e8e8
        }

        #fixedPagetop {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: margin-right .4s cubic-bezier(.39, .575, .565, 1), border-color .2s ease, color .2s ease;
            -moz-transition: margin-right .4s cubic-bezier(.39, .575, .565, 1), border-color .2s ease, color .2s ease;
            -o-transition: margin-right .4s cubic-bezier(.39, .575, .565, 1), border-color .2s ease, color .2s ease;
            transition: margin-right .4s cubic-bezier(.39, .575, .565, 1), border-color .2s ease, color .2s ease;
            position: relative;
            font-size: 26px;
            font-size: 1.73333rem;
            display: none;
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 2002;
            width: 50px;
            height: 50px;
            border: 2px solid #ccc;
            background-color: #fff;
            color: #ccc;
            text-align: center
        }

        #fixedPagetop:before {
            display: block;
            position: absolute;
            content: ""
        }

        #fixedPagetop:before {
            content: ""
        }

        #fixedPagetop:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            left: 0;
            width: 100%
        }

        #fixedPagetop:hover {
            border-color: #999;
            color: #999
        }

        [class*=colType].colSize1, [class*=colType] > .colBlock.colSize1 {
            width: 1%
        }

        [class*=colType].colSize2, [class*=colType] > .colBlock.colSize2 {
            width: 2%
        }

        [class*=colType].colSize3, [class*=colType] > .colBlock.colSize3 {
            width: 3%
        }

        [class*=colType].colSize4, [class*=colType] > .colBlock.colSize4 {
            width: 4%
        }

        [class*=colType].colSize5, [class*=colType] > .colBlock.colSize5 {
            width: 5%
        }

        [class*=colType].colSize6, [class*=colType] > .colBlock.colSize6 {
            width: 6%
        }

        [class*=colType].colSize7, [class*=colType] > .colBlock.colSize7 {
            width: 7%
        }

        [class*=colType].colSize8, [class*=colType] > .colBlock.colSize8 {
            width: 8%
        }

        [class*=colType].colSize9, [class*=colType] > .colBlock.colSize9 {
            width: 9%
        }

        [class*=colType].colSize10, [class*=colType] > .colBlock.colSize10 {
            width: 10%
        }

        [class*=colType].colSize11, [class*=colType] > .colBlock.colSize11 {
            width: 11%
        }

        [class*=colType].colSize12, [class*=colType] > .colBlock.colSize12 {
            width: 12%
        }

        [class*=colType].colSize13, [class*=colType] > .colBlock.colSize13 {
            width: 13%
        }

        [class*=colType].colSize14, [class*=colType] > .colBlock.colSize14 {
            width: 14%
        }

        [class*=colType].colSize15, [class*=colType] > .colBlock.colSize15 {
            width: 15%
        }

        [class*=colType].colSize16, [class*=colType] > .colBlock.colSize16 {
            width: 16%
        }

        [class*=colType].colSize17, [class*=colType] > .colBlock.colSize17 {
            width: 17%
        }

        [class*=colType].colSize18, [class*=colType] > .colBlock.colSize18 {
            width: 18%
        }

        [class*=colType].colSize19, [class*=colType] > .colBlock.colSize19 {
            width: 19%
        }

        [class*=colType].colSize20, [class*=colType] > .colBlock.colSize20 {
            width: 20%
        }

        [class*=colType].colSize21, [class*=colType] > .colBlock.colSize21 {
            width: 21%
        }

        [class*=colType].colSize22, [class*=colType] > .colBlock.colSize22 {
            width: 22%
        }

        [class*=colType].colSize23, [class*=colType] > .colBlock.colSize23 {
            width: 23%
        }

        [class*=colType].colSize24, [class*=colType] > .colBlock.colSize24 {
            width: 24%
        }

        [class*=colType].colSize25, [class*=colType] > .colBlock.colSize25 {
            width: 25%
        }

        [class*=colType].colSize26, [class*=colType] > .colBlock.colSize26 {
            width: 26%
        }

        [class*=colType].colSize27, [class*=colType] > .colBlock.colSize27 {
            width: 27%
        }

        [class*=colType].colSize28, [class*=colType] > .colBlock.colSize28 {
            width: 28%
        }

        [class*=colType].colSize29, [class*=colType] > .colBlock.colSize29 {
            width: 29%
        }

        [class*=colType].colSize30, [class*=colType] > .colBlock.colSize30 {
            width: 30%
        }

        [class*=colType].colSize31, [class*=colType] > .colBlock.colSize31 {
            width: 31%
        }

        [class*=colType].colSize32, [class*=colType] > .colBlock.colSize32 {
            width: 32%
        }

        [class*=colType].colSize33, [class*=colType] > .colBlock.colSize33 {
            width: 33%
        }

        [class*=colType].colSize34, [class*=colType] > .colBlock.colSize34 {
            width: 34%
        }

        [class*=colType].colSize35, [class*=colType] > .colBlock.colSize35 {
            width: 35%
        }

        [class*=colType].colSize36, [class*=colType] > .colBlock.colSize36 {
            width: 36%
        }

        [class*=colType].colSize37, [class*=colType] > .colBlock.colSize37 {
            width: 37%
        }

        [class*=colType].colSize38, [class*=colType] > .colBlock.colSize38 {
            width: 38%
        }

        [class*=colType].colSize39, [class*=colType] > .colBlock.colSize39 {
            width: 39%
        }

        [class*=colType].colSize40, [class*=colType] > .colBlock.colSize40 {
            width: 40%
        }

        [class*=colType].colSize41, [class*=colType] > .colBlock.colSize41 {
            width: 41%
        }

        [class*=colType].colSize42, [class*=colType] > .colBlock.colSize42 {
            width: 42%
        }

        [class*=colType].colSize43, [class*=colType] > .colBlock.colSize43 {
            width: 43%
        }

        [class*=colType].colSize44, [class*=colType] > .colBlock.colSize44 {
            width: 44%
        }

        [class*=colType].colSize45, [class*=colType] > .colBlock.colSize45 {
            width: 45%
        }

        [class*=colType].colSize46, [class*=colType] > .colBlock.colSize46 {
            width: 46%
        }

        [class*=colType].colSize47, [class*=colType] > .colBlock.colSize47 {
            width: 47%
        }

        [class*=colType].colSize48, [class*=colType] > .colBlock.colSize48 {
            width: 48%
        }

        [class*=colType].colSize49, [class*=colType] > .colBlock.colSize49 {
            width: 49%
        }

        [class*=colType].colSize50, [class*=colType] > .colBlock.colSize50 {
            width: 50%
        }

        [class*=colType].colSize51, [class*=colType] > .colBlock.colSize51 {
            width: 51%
        }

        [class*=colType].colSize52, [class*=colType] > .colBlock.colSize52 {
            width: 52%
        }

        [class*=colType].colSize53, [class*=colType] > .colBlock.colSize53 {
            width: 53%
        }

        [class*=colType].colSize54, [class*=colType] > .colBlock.colSize54 {
            width: 54%
        }

        [class*=colType].colSize55, [class*=colType] > .colBlock.colSize55 {
            width: 55%
        }

        [class*=colType].colSize56, [class*=colType] > .colBlock.colSize56 {
            width: 56%
        }

        [class*=colType].colSize57, [class*=colType] > .colBlock.colSize57 {
            width: 57%
        }

        [class*=colType].colSize58, [class*=colType] > .colBlock.colSize58 {
            width: 58%
        }

        [class*=colType].colSize59, [class*=colType] > .colBlock.colSize59 {
            width: 59%
        }

        [class*=colType].colSize60, [class*=colType] > .colBlock.colSize60 {
            width: 60%
        }

        [class*=colType].colSize61, [class*=colType] > .colBlock.colSize61 {
            width: 61%
        }

        [class*=colType].colSize62, [class*=colType] > .colBlock.colSize62 {
            width: 62%
        }

        [class*=colType].colSize63, [class*=colType] > .colBlock.colSize63 {
            width: 63%
        }

        [class*=colType].colSize64, [class*=colType] > .colBlock.colSize64 {
            width: 64%
        }

        [class*=colType].colSize65, [class*=colType] > .colBlock.colSize65 {
            width: 65%
        }

        [class*=colType].colSize66, [class*=colType] > .colBlock.colSize66 {
            width: 66%
        }

        [class*=colType].colSize67, [class*=colType] > .colBlock.colSize67 {
            width: 67%
        }

        [class*=colType].colSize68, [class*=colType] > .colBlock.colSize68 {
            width: 68%
        }

        [class*=colType].colSize69, [class*=colType] > .colBlock.colSize69 {
            width: 69%
        }

        [class*=colType].colSize70, [class*=colType] > .colBlock.colSize70 {
            width: 70%
        }

        [class*=colType].colSize71, [class*=colType] > .colBlock.colSize71 {
            width: 71%
        }

        [class*=colType].colSize72, [class*=colType] > .colBlock.colSize72 {
            width: 72%
        }

        [class*=colType].colSize73, [class*=colType] > .colBlock.colSize73 {
            width: 73%
        }

        [class*=colType].colSize74, [class*=colType] > .colBlock.colSize74 {
            width: 74%
        }

        [class*=colType].colSize75, [class*=colType] > .colBlock.colSize75 {
            width: 75%
        }

        [class*=colType].colSize76, [class*=colType] > .colBlock.colSize76 {
            width: 76%
        }

        [class*=colType].colSize77, [class*=colType] > .colBlock.colSize77 {
            width: 77%
        }

        [class*=colType].colSize78, [class*=colType] > .colBlock.colSize78 {
            width: 78%
        }

        [class*=colType].colSize79, [class*=colType] > .colBlock.colSize79 {
            width: 79%
        }

        [class*=colType].colSize80, [class*=colType] > .colBlock.colSize80 {
            width: 80%
        }

        [class*=colType].colSize81, [class*=colType] > .colBlock.colSize81 {
            width: 81%
        }

        [class*=colType].colSize82, [class*=colType] > .colBlock.colSize82 {
            width: 82%
        }

        [class*=colType].colSize83, [class*=colType] > .colBlock.colSize83 {
            width: 83%
        }

        [class*=colType].colSize84, [class*=colType] > .colBlock.colSize84 {
            width: 84%
        }

        [class*=colType].colSize85, [class*=colType] > .colBlock.colSize85 {
            width: 85%
        }

        [class*=colType].colSize86, [class*=colType] > .colBlock.colSize86 {
            width: 86%
        }

        [class*=colType].colSize87, [class*=colType] > .colBlock.colSize87 {
            width: 87%
        }

        [class*=colType].colSize88, [class*=colType] > .colBlock.colSize88 {
            width: 88%
        }

        [class*=colType].colSize89, [class*=colType] > .colBlock.colSize89 {
            width: 89%
        }

        [class*=colType].colSize90, [class*=colType] > .colBlock.colSize90 {
            width: 90%
        }

        [class*=colType].colSize91, [class*=colType] > .colBlock.colSize91 {
            width: 91%
        }

        [class*=colType].colSize92, [class*=colType] > .colBlock.colSize92 {
            width: 92%
        }

        [class*=colType].colSize93, [class*=colType] > .colBlock.colSize93 {
            width: 93%
        }

        [class*=colType].colSize94, [class*=colType] > .colBlock.colSize94 {
            width: 94%
        }

        [class*=colType].colSize95, [class*=colType] > .colBlock.colSize95 {
            width: 95%
        }

        [class*=colType].colSize96, [class*=colType] > .colBlock.colSize96 {
            width: 96%
        }

        [class*=colType].colSize97, [class*=colType] > .colBlock.colSize97 {
            width: 97%
        }

        [class*=colType].colSize98, [class*=colType] > .colBlock.colSize98 {
            width: 98%
        }

        [class*=colType].colSize99, [class*=colType] > .colBlock.colSize99 {
            width: 99%
        }

        [class*=colType].colSize100, [class*=colType] > .colBlock.colSize100 {
            width: 100%
        }

        .colType01 {
            display: block;
            width: 100%;
            margin-bottom: 40px
        }

        .colType01 > .colBlock {
            display: table-cell;
            width: 100%;
            padding-left: 24px;
            vertical-align: top
        }

        .colType02 {
            display: table;
            margin: 0 0 40px -24px;
            width: 102%;
            width: -webkit-calc(100% + 24px);
            width: -moz-calc(100% + 24px);
            width: calc(100% + 24px)
        }

        .colType02 > .colBlock {
            display: table-cell;
            width: 50%;
            padding-left: 24px;
            vertical-align: top
        }

        .colType03 {
            display: table;
            margin: 0 0 40px -24px;
            width: 102%;
            width: -webkit-calc(100% + 24px);
            width: -moz-calc(100% + 24px);
            width: calc(100% + 24px)
        }

        .colType03 > .colBlock {
            display: table-cell;
            width: 33.33333%;
            padding-left: 24px;
            vertical-align: top
        }

        .colType04 {
            display: table;
            margin: 0 0 40px -24px;
            width: 102%;
            width: -webkit-calc(100% + 24px);
            width: -moz-calc(100% + 24px);
            width: calc(100% + 24px)
        }

        .colType04 > .colBlock {
            display: table-cell;
            width: 25%;
            padding-left: 24px;
            vertical-align: top
        }

        .colType05 {
            display: table;
            margin: 0 0 40px -24px;
            width: 102%;
            width: -webkit-calc(100% + 24px);
            width: -moz-calc(100% + 24px);
            width: calc(100% + 24px)
        }

        .colType05 > .colBlock {
            display: table-cell;
            width: 20%;
            padding-left: 24px;
            vertical-align: top
        }

        .colType06 {
            display: table;
            margin: 0 0 40px -24px;
            width: 102%;
            width: -webkit-calc(100% + 24px);
            width: -moz-calc(100% + 24px);
            width: calc(100% + 24px)
        }

        .colType06 > .colBlock {
            display: table-cell;
            width: 16.66667%;
            padding-left: 24px;
            vertical-align: top
        }

        .colType07 {
            display: table;
            margin: 0 0 40px -24px;
            width: 102%;
            width: -webkit-calc(100% + 24px);
            width: -moz-calc(100% + 24px);
            width: calc(100% + 24px)
        }

        .colType07 > .colBlock {
            display: table-cell;
            width: 14.28571%;
            padding-left: 24px;
            vertical-align: top
        }

        .colType08 {
            display: table;
            margin: 0 0 40px -24px;
            width: 102%;
            width: -webkit-calc(100% + 24px);
            width: -moz-calc(100% + 24px);
            width: calc(100% + 24px)
        }

        .colType08 > .colBlock {
            display: table-cell;
            width: 12.5%;
            padding-left: 24px;
            vertical-align: top
        }

        .colType09 {
            display: table;
            margin: 0 0 40px -24px;
            width: 102%;
            width: -webkit-calc(100% + 24px);
            width: -moz-calc(100% + 24px);
            width: calc(100% + 24px)
        }

        .colType09 > .colBlock {
            display: table-cell;
            width: 11.11111%;
            padding-left: 24px;
            vertical-align: top
        }

        .colType10 {
            display: table;
            margin: 0 0 40px -24px;
            width: 102%;
            width: -webkit-calc(100% + 24px);
            width: -moz-calc(100% + 24px);
            width: calc(100% + 24px)
        }

        .colType10 > .colBlock {
            display: table-cell;
            width: 10%;
            padding-left: 24px;
            vertical-align: top
        }

        .creditAlertArea {
            background: #fee0d4;
            border-top: 1px solid #ccc
        }

        .creditAlertArea .creditAlertAreaInner {
            width: 1000px;
            margin: 0 auto;
            padding: 16px 32px;
            text-align: center
        }

        .creditAlertArea .creditAlertAreaInner .creditAlertTtl {
            font-size: 16px;
            font-size: 1.06667rem;
            margin-bottom: 8px;
            font-weight: 700;
            color: #fa4c07
        }

        .creditAlertArea .creditAlertAreaInner .creditAlertTxt {
            font-size: 12px;
            font-size: .8rem;
            margin-bottom: 0;
            color: #fa4c07
        }

        .creditAlertArea .creditAlertAreaInner .creditAlertTxt a {
            display: inline-block;
            margin-left: 4px
        }

        body.typeExtend .creditAlertArea .creditAlertAreaInner {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide .creditAlertArea .creditAlertAreaInner {
            width: auto
        }

        .hdType01 {
            font-size: 28px;
            font-size: 1.86667rem;
            margin-bottom: 32px;
            padding: 16px;
            border-top: 4px solid #797c84;
            font-weight: 700
        }

        .hdType02 {
            font-size: 26px;
            font-size: 1.73333rem;
            margin: 64px 0 24px;
            padding: 16px 8px;
            border-top: 3px solid #c9cacd;
            border-bottom: 1px dotted #c9cacd;
            font-weight: 700
        }

        .hdType03 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 22px;
            font-size: 1.46667rem;
            margin: 48px 0 24px;
            padding: 0 0 8px;
            border-bottom: 1px solid #303134
        }

        .hdType03.setStep {
            position: relative;
            min-height: 50px;
            padding-top: 8px;
            padding-left: 65px
        }

        .hdType03.setStep > .step {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            -ms-border-radius: 4px 4px 0 0;
            -o-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
            font-size: 24px;
            font-size: 1.6rem;
            position: relative;
            position: absolute;
            bottom: -1px;
            left: 0;
            overflow: hidden;
            width: 50px;
            height: 50px;
            padding-top: 22px;
            background-color: #303134;
            color: #fff;
            font-weight: 700;
            text-align: center;
            line-height: 1
        }

        .hdType03.setStep > .step:before {
            display: block;
            position: absolute;
            content: "STEP"
        }

        .hdType03.setStep > .step:before {
            font-size: 15px;
            font-size: 1rem;
            top: 4px;
            right: 0;
            left: 0;
            font-weight: 400;
            text-align: center
        }

        .hdType04 {
            font-size: 18px;
            font-size: 1.2rem;
            margin: 40px 0 24px;
            padding: 4px 0 4px 16px;
            border-left: 4px solid #c9cacd
        }

        .hdType05 {
            font-size: 18px;
            font-size: 1.2rem;
            margin: 40px 0 24px
        }

        .hdType06 {
            font-size: 15px;
            font-size: 1rem;
            margin: 24px 0 16px
        }

        .hdType07, a.hdType07 {
            -webkit-box-shadow: 0 1px 0 #fff inset;
            -moz-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;
            font-size: 20px;
            font-size: 1.33333rem;
            margin: 56px 0 24px;
            padding: 12px 16px;
            border-top: 1px solid #ddd;
            background-color: #f1f1f2;
            color: #333;
            font-weight: 700
        }

        a.hdType07 {
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            position: relative;
            position: relative;
            display: block;
            padding-right: 48px;
            color: #333
        }

        a.hdType07:before {
            display: block;
            position: absolute;
            content: ""
        }

        a.hdType07:after {
            display: block;
            position: absolute;
            content: ""
        }

        a.hdType07:before {
            content: ""
        }

        a.hdType07:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 16px;
            font-size: 1.06667rem;
            top: 50%;
            right: 18px;
            z-index: 1;
            color: #fff
        }

        a.hdType07:after {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            top: 50%;
            right: 16px;
            width: 23px;
            height: 23px;
            margin-top: -11px;
            background-color: #797c84
        }

        a.hdType07:not(.tb):hover {
            background-color: #e3e4e6
        }

        a.hdType07:not(.tb):hover:after {
            background-color: #89c629
        }

        .hdType08 .labelSale {
            font-size: 16px;
            font-size: 1.06667rem;
            display: inline-block;
            margin: -.2em 16px 0;
            padding: 4px 16px;
            background: url(/assets/image/common/module/heading/bg_sale.png?1726018500) repeat -3px -6px;
            background-color: #fa4c07;
            color: #fff;
            font-weight: 700;
            vertical-align: middle
        }

        .hdType08 .labelPoint {
            font-size: 16px;
            font-size: 1.06667rem;
            display: inline-block;
            margin: -.2em 16px 0;
            padding: 4px 16px;
            background: url(/assets/image/common/module/heading/bg_point.png?1726018500) repeat -3px -6px;
            background-color: #fa4c07;
            color: #fff;
            font-weight: 700;
            vertical-align: middle
        }

        .hdType08 {
            font-size: 20px;
            font-size: 1.33333rem;
            margin: 32px 0 16px
        }

        .hdType08 > .hdHeadDeco {
            font-size: 12px;
            font-size: .8rem;
            display: inline-block;
            margin: 0 0 4px 24px;
            color: #ccc;
            vertical-align: middle
        }

        .loadingHdType08 {
            position: relative;
            height: 30px;
            margin: 32px 0 16px
        }

        .loadingHdType08:before {
            display: block;
            position: absolute;
            content: ""
        }

        .loadingHdType08:before {
            display: inline-block;
            position: static;
            width: 100%;
            max-width: 200px;
            height: 24px;
            background-color: #e9e9ea
        }

        .hdType09 {
            font-size: 15px;
            font-size: 1rem;
            margin: 24px 0 16px;
            padding: 8px;
            border-bottom: 1px solid #ddd;
            font-weight: 700
        }

        .hdType10 {
            font-size: 24px;
            font-size: 1.6rem;
            position: relative;
            margin-bottom: 32px;
            padding: 12px 16px;
            border-top: 4px solid #ddd;
            border-bottom: 1px solid #ddd;
            background-color: #f1f1f2;
            line-height: 1.4
        }

        .hdType11 {
            font-size: 28px;
            font-size: 1.86667rem;
            margin-bottom: 48px;
            padding-top: 48px;
            font-weight: 700;
            text-align: center
        }

        .arrowDownIco01, .arrowDownIco02, .arrowDownIco03, .arrowDownIco04, .arrowRightIco01, .arrowRightIco02, .arrowRightIco03, .arrowRightIco04, .arrowRightIco05, .arrowRightIco06, .arrowRightIco07 {
            position: relative;
            display: inline-block;
            height: 10px;
            width: 8px;
            margin: 0 8px;
            line-height: 0;
            vertical-align: middle
        }

        .arrowDownIco01:before, .arrowDownIco02:before, .arrowDownIco03:before, .arrowDownIco04:before, .arrowRightIco01:before, .arrowRightIco02:before, .arrowRightIco03:before, .arrowRightIco04:before, .arrowRightIco05:before, .arrowRightIco06:before, .arrowRightIco07:before {
            display: block;
            position: absolute;
            content: ""
        }

        .arrowDownIco01:before, .arrowDownIco02:before, .arrowDownIco03:before, .arrowDownIco04:before, .arrowRightIco01:before, .arrowRightIco02:before, .arrowRightIco03:before, .arrowRightIco04:before, .arrowRightIco05:before, .arrowRightIco06:before, .arrowRightIco07:before {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            margin-top: -1px
        }

        .arrowRightIco01 {
            font-size: 10px;
            font-size: .66667rem;
            color: #666
        }

        .arrowRightIco01:before {
            content: ""
        }

        .arrowRightIco02 {
            font-size: 10px;
            font-size: .66667rem;
            color: #666
        }

        .arrowRightIco02:before {
            content: ""
        }

        .arrowRightIco03 {
            font-size: 10px;
            font-size: .66667rem;
            color: #ccc
        }

        .arrowRightIco03:before {
            content: ""
        }

        .arrowRightIco04 {
            font-size: 14px;
            font-size: .93333rem;
            width: 14px;
            color: #29c278
        }

        .arrowRightIco04:before {
            content: ""
        }

        .arrowRightIco05 {
            font-size: 14px;
            font-size: .93333rem;
            width: 14px;
            color: #fff
        }

        .arrowRightIco05:before {
            content: ""
        }

        .arrowRightIco06 {
            font-size: 16px;
            font-size: 1.06667rem;
            width: 16px;
            color: #fff
        }

        .arrowRightIco06:before {
            content: ""
        }

        .arrowRightIco07 {
            font-size: 16px;
            font-size: 1.06667rem;
            width: 16px;
            color: #303134
        }

        .arrowRightIco07:before {
            content: ""
        }

        .arrowDownIco01 {
            font-size: 10px;
            font-size: .66667rem;
            color: #666
        }

        .arrowDownIco01:before {
            content: ""
        }

        .arrowDownIco02 {
            font-size: 10px;
            font-size: .66667rem;
            color: #ccc
        }

        .arrowDownIco02:before {
            content: ""
        }

        .arrowDownIco03 {
            font-size: 16px;
            font-size: 1.06667rem;
            width: 16px;
            color: #666
        }

        .arrowDownIco03:before {
            content: ""
        }

        .arrowDownIco04 {
            font-size: 16px;
            font-size: 1.06667rem;
            width: 16px;
            color: #ccc
        }

        .arrowDownIco04:before {
            content: ""
        }

        .arrowLeftIco01, .arrowLeftIco02, .arrowLeftIco03, .arrowLeftIco04, .arrowLeftIco05, .arrowLeftIco06, .arrowLeftIco07 {
            position: relative;
            display: inline-block;
            height: 10px;
            width: 8px;
            margin: 0 8px;
            line-height: 0;
            vertical-align: middle
        }

        .arrowLeftIco01:before, .arrowLeftIco02:before, .arrowLeftIco03:before, .arrowLeftIco04:before, .arrowLeftIco05:before, .arrowLeftIco06:before, .arrowLeftIco07:before {
            display: block;
            position: absolute;
            content: ""
        }

        .arrowLeftIco01:before, .arrowLeftIco02:before, .arrowLeftIco03:before, .arrowLeftIco04:before, .arrowLeftIco05:before, .arrowLeftIco06:before, .arrowLeftIco07:before {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            margin-top: -1px
        }

        .arrowLeftIco01 {
            font-size: 10px;
            font-size: .66667rem;
            color: #666
        }

        .arrowLeftIco01:before {
            content: ""
        }

        .arrowLeftIco02 {
            font-size: 10px;
            font-size: .66667rem;
            color: #666
        }

        .arrowLeftIco02:before {
            content: ""
        }

        .arrowLeftIco03 {
            font-size: 10px;
            font-size: .66667rem;
            color: #ccc
        }

        .arrowLeftIco03:before {
            content: ""
        }

        .arrowLeftIco04 {
            font-size: 14px;
            font-size: .93333rem;
            width: 14px;
            color: #29c278
        }

        .arrowLeftIco04:before {
            content: ""
        }

        .arrowLeftIco05 {
            font-size: 14px;
            font-size: .93333rem;
            width: 14px;
            color: #fff
        }

        .arrowLeftIco05:before {
            content: ""
        }

        .arrowLeftIco06 {
            font-size: 16px;
            font-size: 1.06667rem;
            width: 16px;
            height: 16px;
            color: #fff
        }

        .arrowLeftIco06:before {
            content: ""
        }

        .arrowLeftIco07 {
            font-size: 16px;
            font-size: 1.06667rem;
            width: 16px;
            height: 16px;
            color: #303134
        }

        .arrowLeftIco07:before {
            content: ""
        }

        .crossIco01, .crossIco02, .crossIco04 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 20px;
            font-size: 1.33333rem;
            display: inline-block;
            width: 20px;
            height: 20px;
            color: #303134;
            text-align: center
        }

        .crossIco01:before, .crossIco02:before, .crossIco04:before {
            display: block;
            position: absolute;
            content: ""
        }

        .crossIco01:before, .crossIco02:before, .crossIco04:before {
            content: ""
        }

        .crossIco01:before, .crossIco02:before, .crossIco04:before {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 100%;
            text-indent: 0
        }

        .crossIco02 {
            color: #fff
        }

        .crossIco03 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 13px;
            font-size: .86667rem;
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 8px;
            color: #b3b3b3;
            text-align: center;
            vertical-align: middle;
            line-height: 0
        }

        .crossIco03:before {
            display: block;
            position: absolute;
            content: ""
        }

        .crossIco03:before {
            content: ""
        }

        .crossIco03:before {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 100%;
            text-indent: 0
        }

        .crossIco04 {
            font-size: 12px;
            font-size: .8rem;
            width: 14px;
            height: 14px;
            color: #b3b3b3
        }

        .twitterIco01 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #fff
        }

        .twitterIco01:before {
            display: block;
            position: absolute;
            content: ""
        }

        .twitterIco01:before {
            content: ""
        }

        .twitterIco01::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .twitterIco01.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .twitterIco01.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .twitterIco02 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #303134
        }

        .twitterIco02:before {
            display: block;
            position: absolute;
            content: ""
        }

        .twitterIco02:before {
            content: ""
        }

        .twitterIco02::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .twitterIco02.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .twitterIco02.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .lineIco01 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #fff
        }

        .lineIco01:before {
            display: block;
            position: absolute;
            content: ""
        }

        .lineIco01:before {
            content: ""
        }

        .lineIco01::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .lineIco01.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .lineIco01.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .lineIco02 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #303134
        }

        .lineIco02:before {
            display: block;
            position: absolute;
            content: ""
        }

        .lineIco02:before {
            content: ""
        }

        .lineIco02::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .lineIco02.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .lineIco02.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .facebookIco01 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #fff
        }

        .facebookIco01:before {
            display: block;
            position: absolute;
            content: ""
        }

        .facebookIco01:before {
            content: ""
        }

        .facebookIco01::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .facebookIco01.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .facebookIco01.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .facebookIco02 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #303134
        }

        .facebookIco02:before {
            display: block;
            position: absolute;
            content: ""
        }

        .facebookIco02:before {
            content: ""
        }

        .facebookIco02::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .facebookIco02.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .facebookIco02.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .facebooksqIco01 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #fff
        }

        .facebooksqIco01:before {
            display: block;
            position: absolute;
            content: ""
        }

        .facebooksqIco01:before {
            content: ""
        }

        .facebooksqIco01::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .facebooksqIco01.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .facebooksqIco01.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .facebooksqIco02 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #303134
        }

        .facebooksqIco02:before {
            display: block;
            position: absolute;
            content: ""
        }

        .facebooksqIco02:before {
            content: ""
        }

        .facebooksqIco02::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .facebooksqIco02.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .facebooksqIco02.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .hatenaIco01 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #fff
        }

        .hatenaIco01:before {
            display: block;
            position: absolute;
            content: ""
        }

        .hatenaIco01:before {
            content: ""
        }

        .hatenaIco01::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .hatenaIco01.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .hatenaIco01.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .hatenaIco02 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #303134
        }

        .hatenaIco02:before {
            display: block;
            position: absolute;
            content: ""
        }

        .hatenaIco02:before {
            content: ""
        }

        .hatenaIco02::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .hatenaIco02.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .hatenaIco02.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .feedIco01 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #fff
        }

        .feedIco01:before {
            display: block;
            position: absolute;
            content: ""
        }

        .feedIco01:before {
            content: ""
        }

        .feedIco01::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .feedIco01.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .feedIco01.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .feedIco02 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #303134
        }

        .feedIco02:before {
            display: block;
            position: absolute;
            content: ""
        }

        .feedIco02:before {
            content: ""
        }

        .feedIco02::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .feedIco02.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .feedIco02.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .googleplusIco01 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #fff
        }

        .googleplusIco01:before {
            display: block;
            position: absolute;
            content: ""
        }

        .googleplusIco01:before {
            content: ""
        }

        .googleplusIco01::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .googleplusIco01.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .googleplusIco01.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .googleplusIco02 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #303134
        }

        .googleplusIco02:before {
            display: block;
            position: absolute;
            content: ""
        }

        .googleplusIco02:before {
            content: ""
        }

        .googleplusIco02::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .googleplusIco02.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .googleplusIco02.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .xIco01 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #fff
        }

        .xIco01:before {
            display: block;
            position: absolute;
            content: ""
        }

        .xIco01:before {
            content: ""
        }

        .xIco01::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .xIco01.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .xIco01.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .xIco02 {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-top: -4px;
            line-height: 18px;
            color: #303134
        }

        .xIco02:before {
            display: block;
            position: absolute;
            content: ""
        }

        .xIco02:before {
            content: ""
        }

        .xIco02::before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-indent: 0
        }

        .xIco02.sizeM {
            font-size: 24px;
            font-size: 1.6rem;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-top: -2px
        }

        .xIco02.sizeL {
            font-size: 32px;
            font-size: 2.13333rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-top: -2px
        }

        .enlargeIco01 {
            display: block;
            width: 30px;
            height: 30px;
            display: inline-block
        }

        .heartIco01 {
            display: block;
            width: 28px;
            height: 27px;
            display: inline-block
        }

        .heartIco02 {
            display: block;

            width: 16px;
            height: 16px;
            display: inline-block
        }

        .cartIco01, .cartIco02 {
            font-size: 20px;
            font-size: 1.33333rem;
            color: #fff;
            line-height: 20px
        }

        .cartIco01:before, .cartIco02:before {
            content: ""
        }

        .cartIco02 {
            color: #666
        }

        .transitionIco01, .transitionIco02 {
            font-size: 22px;
            font-size: 1.46667rem;
            color: #fff;
            line-height: 22px
        }

        .transitionIco01:before, .transitionIco02:before {
            content: ""
        }

        .transitionIco01::before, .transitionIco02::before {
            vertical-align: bottom
        }

        .transitionIco02 {
            color: #666
        }

        .hammerIco01 {
            display: block;


            width: 28px;
            height: 27px;
            background-position: -156px -383px;
            display: inline-block
        }

        .hammerIco02 {
            display: block;


            width: 16px;
            height: 16px;
            background-position: -401px -115px;
            display: inline-block
        }

        .qBalloonIco01 {
            display: block;


            width: 35px;
            height: 34px;
            background-position: 0 -383px;
            display: inline-block
        }

        .qBalloonIco02 {
            display: block;


            width: 35px;
            height: 34px;
            background-position: -35px -383px;
            display: inline-block
        }

        .layoutIco01 {
            display: block;


            width: 18px;
            height: 18px;
            background-position: -401px -75px;
            display: inline-block
        }

        .layoutIco02 {
            display: block;


            width: 18px;
            height: 18px;
            background-position: -401px -93px;
            display: inline-block
        }

        .trashIco01 {
            display: block;


            width: 28px;
            height: 27px;
            background-position: -128px -383px;
            display: inline-block
        }

        .trashIco02 {
            display: block;


            width: 16px;
            height: 16px;
            background-position: -401px -155px;
            display: inline-block
        }

        .deleteIco01 {
            position: relative;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background-color: #ccc;
            transition: background-color .3s;
            cursor: pointer
        }

        .deleteIco01:before {
            rotate: -45deg;
            width: 10px;
            background-color: #fff
        }

        .deleteIco01:after {
            rotate: 45deg;
            width: 10px;
            background-color: #fff
        }

        .deleteIco01:not(.tb):hover {
            background-color: #b8b8b8
        }

        .shoppingIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -343px -160px;
            display: inline-block
        }

        .shoppingIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -180px -80px;
            display: inline-block
        }

        .globalaucfanIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -401px -209px;
            display: inline-block
        }

        .globalaucfanIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -361px -115px;
            display: inline-block
        }

        .yahuokuIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -174px -145px;
            display: inline-block
        }

        .yahuokuIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -361px -275px;
            display: inline-block
        }

        .mobaokuIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -401px -289px;
            display: inline-block
        }

        .mobaokuIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -361px -75px;
            display: inline-block
        }

        .rakutenIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -343px -120px;
            display: inline-block
        }

        .rakutenIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: 0 -343px;
            display: inline-block
        }

        .sekaimonIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -343px -134px;
            display: inline-block
        }

        .sekaimonIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -308px -231px;
            display: inline-block
        }

        .amazonIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -188px -145px;
            display: inline-block
        }

        .amazonIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -361px -155px;
            display: inline-block
        }

        .yahooIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -160px -145px;
            display: inline-block
        }

        .yahooIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -182px -40px;
            display: inline-block
        }

        .ebayIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -401px -195px;
            display: inline-block
        }

        .ebayIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -120px -343px;
            display: inline-block
        }

        .ponparemallIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -347px -94px;
            display: inline-block
        }

        .ponparemallIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -40px -343px;
            display: inline-block
        }

        .mercariIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -401px -249px;
            display: inline-block
        }

        .mercariIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -200px -343px;
            display: inline-block
        }

        .kakakucomIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -401px -235px;
            display: inline-block
        }

        .kakakucomIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -240px -343px;
            display: inline-block
        }

        .mywineclubIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -347px -80px;
            display: inline-block
        }

        .mywineclubIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -80px -343px;
            display: inline-block
        }

        .biccameraIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -401px -171px;
            display: inline-block
        }

        .biccameraIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -361px -235px;
            display: inline-block
        }

        .aupayIco {
            display: block;


            width: 14px;
            height: 14px;
            background-position: -202px -145px;
            display: inline-block
        }

        .aupayIco.sizeM {
            display: block;


            width: 40px;
            height: 40px;
            background-position: -361px -195px;
            display: inline-block
        }

        input:not([type=radio]):not([type=checkbox]).inputFormType01 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            width: 100%;
            height: 46px;
            padding: 0 10px;
            border: 3px solid #ddd;
            background-color: #fff;
            line-height: 40px
        }

        input:not([type=radio]):not([type=checkbox]).inputFormType02 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            font-size: 13px;
            font-size: .86667rem;
            display: inline-block;
            width: 100%;
            height: 32px;
            padding: 0 10px;
            border: 1px solid #ddd;
            background-color: #fff;
            line-height: 33px
        }

        input[type=checkbox].checkFormType01, input[type=radio].radioFormType01 {
            display: none
        }

        input[type=checkbox].checkFormType01 + label, input[type=radio].radioFormType01 + label {
            position: relative;
            position: relative;
            display: inline-block;
            position: relative;
            padding: 2px 0 0 28px;
            cursor: pointer
        }

        input[type=checkbox].checkFormType01 + label:before, input[type=radio].radioFormType01 + label:before {
            display: block;
            position: absolute;
            content: ""
        }

        input[type=checkbox].checkFormType01 + label:after, input[type=radio].radioFormType01 + label:after {
            display: block;
            position: absolute;
            content: ""
        }

        input[type=checkbox].checkFormType01 + label:before, input[type=radio].radioFormType01 + label:before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            top: 50%;
            left: 0;
            width: 18px;
            height: 18px;
            margin-top: -9px;
            border: 3px solid #ddd;
            background: #fff
        }

        input[type=checkbox].checkFormType01 + label:after, input[type=radio].radioFormType01 + label:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            display: none;
            top: 50%;
            left: 5px;
            width: 8px;
            height: 8px;
            margin-top: -4px;
            background: #ffa200
        }

        input[type=checkbox].checkFormType01 + label:not(.tb):hover:before, input[type=radio].radioFormType01 + label:not(.tb):hover:before {
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2)
        }

        input[type=checkbox].checkFormType01:checked + label:after, input[type=radio].radioFormType01:checked + label:after {
            display: block
        }

        input[type=checkbox].checkFormType01.checkFormType01 + label:before, input[type=radio].radioFormType01.checkFormType01 + label:before {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            width: 16px;
            height: 16px;
            margin-top: -8px
        }

        input[type=checkbox].checkFormType01.checkFormType01 + label:after, input[type=radio].radioFormType01.checkFormType01 + label:after {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 50%;
            left: 2px;
            width: 16px;
            height: 10px;
            margin-top: -10px;
            border-left: 3px solid #ffa200;
            border-bottom: 3px solid #ffa200;
            background: 0 0
        }

        input[type=checkbox].checkFormType02, input[type=radio].radioFormType02 {
            display: none
        }

        input[type=checkbox].checkFormType02 + label, input[type=radio].radioFormType02 + label {
            font-size: 13px;
            font-size: .86667rem;
            position: relative;
            position: relative;
            display: inline-block;
            position: relative;
            padding: 2px 0 0 20px;
            cursor: pointer
        }

        input[type=checkbox].checkFormType02 + label:before, input[type=radio].radioFormType02 + label:before {
            display: block;
            position: absolute;
            content: ""
        }

        input[type=checkbox].checkFormType02 + label:after, input[type=radio].radioFormType02 + label:after {
            display: block;
            position: absolute;
            content: ""
        }

        input[type=checkbox].checkFormType02 + label:before, input[type=radio].radioFormType02 + label:before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            top: 50%;
            left: 0;
            width: 14px;
            height: 14px;
            margin-top: -7px;
            border: 2px solid #c9cacd;
            background: #fff
        }

        input[type=checkbox].checkFormType02 + label:after, input[type=radio].radioFormType02 + label:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            display: none;
            top: 50%;
            left: 4px;
            width: 6px;
            height: 6px;
            margin-top: -3px;
            background: #ffa200
        }

        input[type=checkbox].checkFormType02 + label:not(.tb):hover:before, input[type=radio].radioFormType02 + label:not(.tb):hover:before {
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2)
        }

        input[type=checkbox].checkFormType02:checked + label:after, input[type=radio].radioFormType02:checked + label:after {
            display: block
        }

        input[type=checkbox].checkFormType02.checkFormType02 + label:before, input[type=radio].radioFormType02.checkFormType02 + label:before {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            width: 14px;
            height: 14px;
            margin-top: -7px
        }

        input[type=checkbox].checkFormType02.checkFormType02 + label:after, input[type=radio].radioFormType02.checkFormType02 + label:after {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 50%;
            left: 1px;
            width: 14px;
            height: 8px;
            margin-top: -8px;
            border-left: 3px solid #ffa200;
            border-bottom: 3px solid #ffa200;
            background: 0 0
        }

        input[type=checkbox].pickFormType01 {
            display: none
        }

        input[type=checkbox].pickFormType01 + label {
            position: relative;
            position: relative;
            display: block;
            position: relative;
            padding: 8px 34px 8px 0;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent
        }

        input[type=checkbox].pickFormType01 + label:before {
            display: block;
            position: absolute;
            content: ""
        }

        input[type=checkbox].pickFormType01 + label:after {
            display: block;
            position: absolute;
            content: ""
        }

        input[type=checkbox].pickFormType01 + label:before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
            top: 50%;
            right: 0;
            width: 30px;
            height: 8px;
            margin-top: -4px;
            background: #ddd
        }

        input[type=checkbox].pickFormType01 + label:after {
            -webkit-transform: translateX(-12px);
            -moz-transform: translateX(-12px);
            -ms-transform: translateX(-12px);
            -o-transform: translateX(-12px);
            transform: translateX(-12px);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
            top: 50%;
            right: 0;
            width: 18px;
            height: 18px;
            margin-top: -9px;
            border: 1px solid #ddd;
            background: #fff
        }

        input[type=checkbox].pickFormType01 + label.checked:before, input[type=checkbox].pickFormType01:checked + label:before {
            background: #ffda99
        }

        input[type=checkbox].pickFormType01 + label.checked:after, input[type=checkbox].pickFormType01:checked + label:after {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            border-color: #ffa200;
            background: #ffa200
        }

        .selectFormParent {
            position: relative
        }

        .selectFormType01, .selectFormType02 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-size: 18px;
            font-size: 1.2rem;
            position: relative;
            position: relative;
            display: inline-block;
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 46px;
            border: 3px solid #ddd;
            background-color: #fff;
            cursor: pointer
        }

        .selectFormType01:before, .selectFormType02:before {
            display: block;
            position: absolute;
            content: ""
        }

        .selectFormType01:after, .selectFormType02:after {
            display: block;
            position: absolute;
            content: ""
        }

        .selectFormType01:before, .selectFormType02:before {
            top: 50%;
            right: 10px;
            z-index: 3;
            width: 0;
            height: 0;
            margin-top: 2px;
            border: 6px solid transparent;
            border-top: 6px solid #444549
        }

        .selectFormType01:after, .selectFormType02:after {
            top: 50%;
            right: 10px;
            z-index: 3;
            width: 0;
            height: 0;
            margin-top: -13px;
            border: 6px solid transparent;
            border-bottom: 6px solid #444549
        }

        .selectFormType01 > select, .selectFormType02 > select {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 4
        }

        .selectFormType01 > .selectFormTxt, .selectFormType02 > .selectFormTxt {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 100%;
            padding: 0 26px 0 10px;
            background-color: #fff;
            line-height: 40px
        }

        .selectFormType01 > .selectFormList, .selectFormType02 > .selectFormList {
            -webkit-transform: translate(-3px, -3px);
            -moz-transform: translate(-3px, -3px);
            -ms-transform: translate(-3px, -3px);
            -o-transform: translate(-3px, -3px);
            transform: translate(-3px, -3px);
            visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            overflow: hidden;
            width: 100%;
            border: 3px solid #ddd;
            background-color: #fff
        }

        .selectFormType01 > .selectFormList > ul, .selectFormType02 > .selectFormList > ul {
            font-size: 15px;
            font-size: 1rem;
            position: relative;
            padding: 50px 0 10px
        }

        .selectFormType01 > .selectFormList > ul:before, .selectFormType02 > .selectFormList > ul:before {
            display: block;
            position: absolute;
            content: ""
        }

        .selectFormType01 > .selectFormList > ul:before, .selectFormType02 > .selectFormList > ul:before {
            top: 40px;
            left: 0;
            width: 100%;
            height: 1px;
            border-top: 1px dotted #ddd
        }

        .selectFormType01 > .selectFormList > ul > li, .selectFormType02 > .selectFormList > ul > li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            width: 100%;
            padding: 0 10px
        }

        .selectFormType01 > .selectFormList > ul > li:not(.tb):hover, .selectFormType02 > .selectFormList > ul > li:not(.tb):hover {
            background-color: #f1f1f2
        }

        .selectFormType02 {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            font-size: 13px;
            font-size: .86667rem;
            height: 32px;
            border-width: 1px
        }

        .selectFormType02 > .selectFormTxt {
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            line-height: 30px
        }

        .selectFormType02 > .selectFormList {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -webkit-transform: translate(-1px, -1px);
            -moz-transform: translate(-1px, -1px);
            -ms-transform: translate(-1px, -1px);
            -o-transform: translate(-1px, -1px);
            transform: translate(-1px, -1px);
            border-width: 1px
        }

        .selectFormType02 > .selectFormList > ul {
            font-size: 13px;
            font-size: .86667rem;
            padding-top: 40px
        }

        .selectFormType02 > .selectFormList > ul:before {
            top: 30px
        }

        .selectFormType02 > .selectFormList > ul > li {
            padding: 2px 10px
        }

        .textareaFormType01, .textareaFormType02 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block;
            overflow-y: auto;
            padding: 8px 10px;
            width: 100%;
            height: 180px;
            border: 3px solid #ddd;
            background-color: #fff;
            resize: none
        }

        .textareaFormType02 {
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #ddd
        }

        .itemsBelt, .itemsLargeBelt {
            position: relative;
            z-index: 2;
            overflow: hidden;
            width: 100%;
            min-height: 120px
        }

        .itemsBelt > .itemsBeltList, .itemsLargeBelt > .itemsBeltList {
            width: 10000px;
            height: 120px;
            margin: 0;
            background-color: #f1f1f2
        }

        .itemsBelt > .itemsBeltList > li, .itemsLargeBelt > .itemsBeltList > li {
            -webkit-transition: box-shadow .5s ease;
            -moz-transition: box-shadow .5s ease;
            -o-transition: box-shadow .5s ease;
            transition: box-shadow .5s ease;
            position: relative;
            z-index: 1;
            float: left;
            height: 100%
        }

        .itemsBelt > .itemsBeltList > li:first-child, .itemsLargeBelt > .itemsBeltList > li:first-child {
            margin-left: 0
        }

        .itemsBelt > .itemsBeltList > li:hover, .itemsLargeBelt > .itemsBeltList > li:hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            z-index: 2
        }

        .itemsBelt > .itemsBeltList > li:hover > a .itemsName, .itemsLargeBelt > .itemsBeltList > li:hover > a .itemsName {
            opacity: 1
        }

        .itemsBelt > .itemsBeltList > li:hover > a:before, .itemsBelt > .itemsBeltList > li:hover > a > .labelBlock, .itemsLargeBelt > .itemsBeltList > li:hover > a:before, .itemsLargeBelt > .itemsBeltList > li:hover > a > .labelBlock {
            display: none
        }

        .itemsBelt > .itemsBeltList > li > a, .itemsLargeBelt > .itemsBeltList > li > a {
            position: relative;
            position: relative;
            position: relative;
            z-index: 1;
            display: block;
            height: 100%;
            color: #333;
            word-break: break-all
        }

        .itemsBelt > .itemsBeltList > li > a:before, .itemsLargeBelt > .itemsBeltList > li > a:before {
            display: block;
            position: absolute;
            content: ""
        }

        .itemsBelt > .itemsBeltList > li > a:after, .itemsLargeBelt > .itemsBeltList > li > a:after {
            display: block;
            position: absolute;
            content: ""
        }

        .itemsBelt > .itemsBeltList > li > a:before, .itemsLargeBelt > .itemsBeltList > li > a:before {
            background-image: -svg-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-size: 100%;
            background-image: -owg-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px
        }

        .itemsBelt > .itemsBeltList > li > a:after, .itemsLargeBelt > .itemsBeltList > li > a:after {
            opacity: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: opacity .2s ease;
            -moz-transition: opacity .2s ease;
            -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
            top: 0;
            left: 0;
            z-index: 4;
            width: 100%;
            height: 100%;
            border: 2px solid #fff
        }

        .itemsBelt > .itemsBeltList > li > a > img, .itemsLargeBelt > .itemsBeltList > li > a > img {
            width: auto;
            height: 100%
        }

        .itemsBelt > .itemsBeltList > li > a > .itemsName, .itemsLargeBelt > .itemsBeltList > li > a > .itemsName {
            opacity: 0;
            font-size: 11px;
            font-size: .73333rem;
            -webkit-transition: opacity .2s ease;
            -moz-transition: opacity .2s ease;
            -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1;
            overflow: hidden;
            height: 100%;
            background-color: #fff;
            background-color: rgba(255, 255, 255, .8);
            font-weight: 700
        }

        .itemsBelt > .itemsBeltList > li > a > .itemsName > .itemsNameInner, .itemsLargeBelt > .itemsBeltList > li > a > .itemsName > .itemsNameInner {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            display: -webkit-box;
            display: box;
            -webkit-box-orient: vertical;
            box-orient: vertical;
            -webkit-line-clamp: 6;
            line-clamp: 6;
            overflow: hidden;
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            padding: 0 8px;
            vertical-align: middle
        }

        .itemsBelt > .itemsBeltList > li > a > .labelBlock, .itemsLargeBelt > .itemsBeltList > li > a > .labelBlock {
            font-size: 13px;
            font-size: .86667rem;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2;
            overflow: hidden;
            width: 100%;
            padding: 6px 0;
            color: #fff;
            font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
            line-height: 1.3;
            text-align: center;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .7)
        }

        .itemsBelt > .itemsBeltList > li > a > .labelBlock .start1yen, .itemsLargeBelt > .itemsBeltList > li > a > .labelBlock .start1yen {
            position: relative;
            font-size: 24px;
            font-size: 1.6rem;
            display: block;
            position: relative;
            padding-bottom: 10px;
            color: #f2d76c;
            font-style: italic
        }

        .itemsBelt > .itemsBeltList > li > a > .labelBlock .start1yen:before, .itemsLargeBelt > .itemsBeltList > li > a > .labelBlock .start1yen:before {
            display: block;
            position: absolute;
            content: ""
        }

        .itemsBelt > .itemsBeltList > li > a > .labelBlock .start1yen:before, .itemsLargeBelt > .itemsBeltList > li > a > .labelBlock .start1yen:before {
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            position: absolute;
            bottom: 4px;
            left: 50%;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 4px 6px 0 6px;
            border-color: #f0d155 transparent transparent transparent
        }

        .itemsBelt.itemsLargeBelt > .itemsBeltList, .itemsLargeBelt.itemsLargeBelt > .itemsBeltList {
            height: 170px
        }

        .itemsBelt.itemsLargeBelt > .itemsBeltList > li, .itemsLargeBelt.itemsLargeBelt > .itemsBeltList > li {
            margin-left: 0
        }

        .itemsBelt.itemsLargeBelt > .itemsBeltList > li > a, .itemsLargeBelt.itemsLargeBelt > .itemsBeltList > li > a {
            overflow: hidden
        }

        .itemsBelt.itemsLargeBelt > .itemsBeltList > li > a:hover .floatLabelBlock, .itemsLargeBelt.itemsLargeBelt > .itemsBeltList > li > a:hover .floatLabelBlock {
            right: 0
        }

        .itemsBelt.itemsLargeBelt > .itemsBeltList > li > a > .floatLabelBlock, .itemsLargeBelt.itemsLargeBelt > .itemsBeltList > li > a > .floatLabelBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 12px;
            font-size: .8rem;
            -webkit-transition: right .5s cubic-bezier(.19, 1, .22, 1);
            -moz-transition: right .5s cubic-bezier(.19, 1, .22, 1);
            -o-transition: right .5s cubic-bezier(.19, 1, .22, 1);
            transition: right .5s cubic-bezier(.19, 1, .22, 1);
            position: absolute;
            bottom: 8px;
            right: -100px;
            z-index: 2;
            overflow: hidden;
            width: 95px;
            height: 22px;
            padding: 2px 8px 0 0;
            background-color: #000;
            background-color: rgba(0, 0, 0, .7);
            color: #fff;
            text-align: right;
            white-space: nowrap
        }

        .relatedItemsBeltSlider {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            z-index: 1;
            overflow: hidden;
            width: 100%;
            padding-bottom: 12px;
            background-color: #f1f1f2
        }

        .relatedItemsBeltSlider .relatedItemsHd {
            margin: 0;
            padding: 0 0 16px 0;
            background-color: #fff;
            text-align: center
        }

        .relatedItemsBeltSlider .relatedItemsBox {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            z-index: 1;
            overflow: hidden;
            height: 170px;
            background-color: #dedfe1
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList {
            height: 100%
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock {
            position: relative;
            position: relative;
            float: left;
            width: 170px;
            height: 100%;
            padding-left: 1px
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock:before {
            display: block;
            position: absolute;
            content: ""
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock:after {
            display: block;
            position: absolute;
            content: ""
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock:before {
            top: 0;
            left: 0;
            width: 1px;
            height: 100%;
            background-color: #dedfe1
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock:after {
            top: 0;
            right: -1px;
            width: 1px;
            height: 100%;
            background-color: #dedfe1
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock:first-child {
            padding-left: 0
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock:last-child:after {
            display: none
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont {
            display: block;
            position: relative;
            z-index: 1;
            height: 100%
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont:not(.tb):hover {
            z-index: 2
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont:not(.tb):hover .itemImgOverlapLayer {
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -o-transform: translateY(100%);
            transform: translateY(100%)
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont:not(.tb):hover .itemImgOverlapLayer:before {
            display: none
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont:not(.tb):hover .itemImgBlock {
            overflow: visible
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont:not(.tb):hover .itemImgBlock .itemImg {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -webkit-transform: translateX(-50%) scale(1.3);
            -moz-transform: translateX(-50%) scale(1.3);
            -ms-transform: translateX(-50%) scale(1.3);
            -o-transform: translateX(-50%) scale(1.3);
            transform: translateX(-50%) scale(1.3)
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont .itemImgOverlapLayer {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            font-size: 10px;
            font-size: .66667rem;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            padding: 8px 12px;
            color: #fff
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont .itemImgOverlapLayer:before {
            display: block;
            position: absolute;
            content: ""
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont .itemImgOverlapLayer:before {
            background-image: -svg-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-size: 100%;
            background-image: -owg-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont .itemImgOverlapLayer .siteName {
            display: inline-block;
            position: relative;
            z-index: 1;
            margin-bottom: 2px;
            padding: 2px 4px;
            border-radius: 4px;
            background-color: rgba(0, 0, 0, .3);
            line-height: 1.2;
            white-space: nowrap
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont .itemImgOverlapLayer .itemName {
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            position: relative;
            z-index: 1;
            width: 100%;
            margin-bottom: 4px
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont .itemImgOverlapLayer .itemPrice {
            font-size: 14px;
            font-size: .93333rem;
            position: relative;
            z-index: 1;
            overflow: hidden;
            width: 100%;
            margin: 0;
            font-weight: 700;
            white-space: nowrap
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont .itemImgBlock {
            display: block;
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%
        }

        .relatedItemsBeltSlider .relatedItemsBox .relatedItemsList .relatedItemsBlock .relatedItemsCont .itemImgBlock .itemImg {
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            position: absolute;
            top: 0;
            left: 50%;
            width: auto;
            height: 100%
        }

        .relatedItemsBeltSlider .nextPage, .relatedItemsBeltSlider .prevPage {
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            position: absolute;
            bottom: 67px;
            left: 0;
            z-index: 2;
            width: 34px;
            height: 60px;
            border-radius: 0 6px 6px 0;
            background-color: #fff;
            cursor: pointer
        }

        .relatedItemsBeltSlider .nextPage:not(.tb):hover, .relatedItemsBeltSlider .prevPage:not(.tb):hover {
            -webkit-box-shadow: 6px 0 10px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 6px 0 10px 0 rgba(0, 0, 0, .2);
            box-shadow: 6px 0 10px 0 rgba(0, 0, 0, .2)
        }

        .relatedItemsBeltSlider .nextPage.nextPage, .relatedItemsBeltSlider .prevPage.nextPage {
            right: 0;
            left: auto;
            border-radius: 6px 0 0 6px
        }

        .relatedItemsBeltSlider .nextPage.nextPage:not(.tb):hover, .relatedItemsBeltSlider .prevPage.nextPage:not(.tb):hover {
            -webkit-box-shadow: -6px 0 10px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: -6px 0 10px 0 rgba(0, 0, 0, .2);
            box-shadow: -6px 0 10px 0 rgba(0, 0, 0, .2)
        }

        .relatedItemsBeltSlider .nextPage.nextPage > i, .relatedItemsBeltSlider .prevPage.nextPage > i {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 0 0 0 2px
        }

        .relatedItemsBeltSlider .nextPage > i, .relatedItemsBeltSlider .prevPage > i {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 0 0 0 -2px
        }

        .relatedItemsBeltSlider .scrollbar {
            display: block;
            position: absolute;
            bottom: 0;
            right: 16px;
            left: 16px;
            z-index: 3;
            height: 6px;
            border-radius: 200px;
            line-height: 0
        }

        .relatedItemsBeltSlider .scrollbar > .handle {
            width: 100px;
            height: 100%;
            border-radius: 200px;
            background-color: #aeb0b5;
            cursor: pointer
        }

        .relatedItemsBeltSlider .scrollbar > .handle > .mousearea {
            position: absolute;
            top: -7px;
            left: 0;
            width: 100%;
            height: 16px;
            border-radius: 200px
        }

        .txtListType01 > li {
            float: left;
            margin: 2px 1.5em 2px 0
        }

        .txtListType02 > li {
            display: inline-block;
            margin: 2px 1.15em 2px 0
        }

        .txtListType03 > li {
            position: relative;
            padding: 8px 0;
            border-top: 1px dotted #ccc
        }

        .txtListType03 > li:first-child {
            border-top: none
        }

        .txtListType03 > li > a {
            display: block
        }

        .txtListType03.setIco > li {
            padding-left: 1.8em
        }

        .txtListType03.setIco > li > .mk {
            position: absolute;
            top: 8px;
            left: 0;
            color: #ffa200;
            font-weight: 700
        }

        .listType01 {
            margin-bottom: 24px
        }

        .listType01 > li {
            position: relative;
            margin-bottom: 4px;
            padding-left: 1em;
            position: relative
        }

        .listType01 > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        .listType01 > li:last-child {
            margin-bottom: 0
        }

        .listType01 > li::before {
            top: .65em;
            left: .3em;
            width: 3px;
            height: 3px;
            background-color: #999
        }

        .listType01 > li > ul.listChilds {
            margin-top: 4px
        }

        .listType01 > li > ul.listChilds > li {
            position: relative;
            padding-left: 1em;
            position: relative
        }

        .listType01 > li > ul.listChilds > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        .listType01 > li > ul.listChilds > li::before {
            top: 0;
            left: 0;
            content: "-"
        }

        .listType02, .listType03 {
            margin-bottom: 24px
        }

        .listType02 > li, .listType03 > li {
            position: relative;
            margin-bottom: 4px;
            padding-left: 1em
        }

        .listType02 > li:last-child, .listType03 > li:last-child {
            margin-bottom: 0
        }

        .listType02 > li > .mk, .listType03 > li > .mk {
            position: absolute;
            top: 0;
            left: 0
        }

        .listType03 > li {
            padding-left: 2.6em
        }

        .odListType01, .odListType02 {
            margin-bottom: 24px;
            list-style-type: decimal
        }

        .odListType01 > li, .odListType02 > li {
            margin: 0 0 4px 1.5em
        }

        .odListType01 > li:last-child, .odListType02 > li:last-child {
            margin-bottom: 0
        }

        .odListType01 > li > .odListType01, .odListType01 > li > .odListType02, .odListType02 > li > .odListType01, .odListType02 > li > .odListType02 {
            margin-top: 4px
        }

        .odListType01 > li > .odListType01 > li, .odListType01 > li > .odListType02 > li, .odListType02 > li > .odListType01 > li, .odListType02 > li > .odListType02 > li {
            margin-bottom: 0
        }

        .odListType02 {
            list-style-type: lower-alpha
        }

        .odListType02 > li > .odListType01, .odListType02 > li > .odListType02 {
            margin-top: 4px
        }

        .odListType02 > li > .odListType01 > li, .odListType02 > li > .odListType02 > li {
            margin-bottom: 0
        }

        .yahuokuLogo {
            display: block;


            width: 65px;
            height: 25px;
            background-position: -251px -311px;
            display: inline-block
        }

        .yahuokuLogo.sizeM {
            display: block;


            width: 180px;
            height: 40px;
            background-position: 0 -80px;
            display: inline-block
        }

        .mobaokuLogo {
            display: block;


            width: 65px;
            height: 25px;
            background-position: -361px -50px;
            display: inline-block
        }

        .mobaokuLogo.sizeM {
            display: block;


            width: 110px;
            height: 40px;
            background-position: -233px -120px;
            display: inline-block
        }

        .rakuokuLogo {
            display: block;


            width: 48px;
            height: 25px;
            background-position: -336px -343px;
            display: inline-block
        }

        .rakuokuLogo.sizeM {
            display: block;


            width: 81px;
            height: 40px;
            background-position: -94px -271px;
            display: inline-block
        }

        .rakutenLogo {
            display: block;


            width: 59px;
            height: 25px;
            background-position: -361px -315px;
            display: inline-block
        }

        .rakutenLogo.sizeM {
            display: block;


            width: 94px;
            height: 40px;
            background-position: 0 -271px;
            display: inline-block
        }

        .sekaimonLogo {
            display: block;


            width: 74px;
            height: 25px;
            background-position: -159px -160px;
            display: inline-block
        }

        .sekaimonLogo.sizeM {
            display: block;


            width: 114px;
            height: 40px;
            background-position: -233px -80px;
            display: inline-block
        }

        .amazonLogo {
            display: block;


            width: 65px;
            height: 25px;
            background-position: -361px 0;
            display: inline-block
        }

        .amazonLogo.sizeM {
            display: block;


            width: 110px;
            height: 40px;
            background-position: -233px -160px;
            display: inline-block
        }

        .yahooLogo {
            display: block;


            width: 75px;
            height: 25px;
            background-position: -176px -311px;
            display: inline-block
        }

        .yahooLogo.sizeM {
            display: block;


            width: 182px;
            height: 40px;
            background-position: 0 -40px;
            display: inline-block
        }

        .ebayLogo {
            display: block;


            width: 56px;
            height: 25px;
            background-position: -280px -343px;
            display: inline-block
        }

        .ebayLogo.sizeM {
            display: block;


            width: 95px;
            height: 40px;
            background-position: -213px -231px;
            display: inline-block
        }

        .ponparemallLogo {
            display: block;


            width: 65px;
            height: 25px;
            background-position: -361px -25px;
            display: inline-block
        }

        .ponparemallLogo.sizeM {
            display: block;


            width: 110px;
            height: 40px;
            background-position: 0 -231px;
            display: inline-block
        }

        .mercariLogo {
            display: block;


            width: 80px;
            height: 32px;
            background-position: 0 -311px;
            display: inline-block
        }

        .mercariLogo.sizeM {
            display: block;


            width: 128px;
            height: 40px;
            background-position: -233px -40px;
            display: inline-block
        }

        .kakakucomLogo {
            display: block;


            width: 65px;
            height: 25px;
            background-position: -288px -271px;
            display: inline-block
        }

        .kakakucomLogo.sizeM {
            display: block;


            width: 128px;
            height: 40px;
            background-position: -233px 0;
            display: inline-block
        }

        .ykoubaiLogo {
            display: block;


            width: 96px;
            height: 25px;
            background-position: -80px -311px;
            display: inline-block
        }

        .ykoubaiLogo.sizeM {
            display: block;


            width: 233px;
            height: 40px;
            background-position: 0 0;
            display: inline-block
        }

        .minneLogo {
            display: block;


            width: 73px;
            height: 25px;
            background-position: -160px -120px;
            display: inline-block
        }

        .minneLogo.sizeM {
            display: block;


            width: 103px;
            height: 40px;
            background-position: -110px -231px;
            display: inline-block
        }

        .minne2Logo {
            display: block;


            width: 113px;
            height: 25px;
            background-position: -175px -271px;
            display: inline-block
        }

        .minne2Logo.sizeM {
            display: block;


            width: 159px;
            height: 40px;
            background-position: 0 -160px;
            display: inline-block
        }

        .aupayLogo {
            display: block;


            width: 118px;
            height: 25px;
            background-position: -233px -200px;
            display: inline-block
        }

        .aupayLogo.sizeM {
            display: block;


            width: 160px;
            height: 40px;
            background-position: 0 -120px;
            display: inline-block
        }

        .headerMarketPlaceBox {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 54px;
            background-color: #f1f1f2
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock {
            position: relative;
            width: 1000px;
            height: 100%;
            margin: 0 auto;
            padding: 0 32px
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList {
            position: absolute;
            top: 4px;
            left: 32px;
            height: 46px
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList > li {
            position: relative;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            float: left;
            height: 100%;
            margin: 0 2px;
            border-radius: 6px;
            line-height: 46px;
            text-align: center
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList > li.allMarketPlace {
            font-size: 18px;
            font-size: 1.2rem;
            font-weight: 700
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList > li.allMarketPlace > a {
            color: #333
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList > li:before {
            display: none;
            bottom: -4px;
            right: 0;
            left: 0;
            height: 10px;
            background-color: #fff
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList > li:not(.tb):hover {
            background-color: #e3e4e6
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList > li > a {
            display: inline-block;
            position: relative;
            z-index: 1;
            min-width: 60px;
            height: 100%;
            padding: 0 8px
        }

        body.typeExtend .headerMarketPlaceBox .headerMarketPlaceBlock {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide .headerMarketPlaceBox .headerMarketPlaceBlock {
            width: auto
        }

        body.pageCateBullet01 .headerMarketPlaceBox {
            width: 1064px;
            margin: 0 auto
        }

        body.pageCateMercari01 .headerMarketPlaceBox {
            width: 1064px;
            margin: 0 auto
        }

        body.pageCateTemu01 .headerMarketPlaceBox {
            width: 1064px;
            margin: 0 auto
        }

        body.pageCateYahoo01 .headerMarketPlaceBox {
            width: 1064px;
            margin: 0 auto
        }

        .overlapLayer {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            width: 100%;
            height: 100%;
            background: #fff;
            opacity: .8
        }

        .overlapLayer.ovColor01 {
            background: #000
        }

        .overlapLayer.transparent {
            opacity: 0
        }

        .alertModal {
            visibility: hidden;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: -1;
            width: 400px;
            margin-left: -200px;
            border: 1px solid #fff;
            background-color: #fff;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        .alertModal > .alertModalInner {
            visibility: hidden;
            opacity: 0
        }

        .alertModal > .alertModalInner .hdModal {
            padding: 8px;
            background-color: #303134;
            color: #fff;
            font-weight: 700;
            text-align: center;
            font-size: 18px;
            font-size: 1.2rem;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            -ms-border-radius: 4px 4px 0 0;
            -o-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0
        }

        .alertModal > .alertModalInner .alertModalCont {
            padding: 24px
        }

        .alertModal > .close {
            display: none;
            position: absolute;
            top: -35px;
            right: 0;
            cursor: pointer;
            -webkit-transition: opacity .2s ease;
            -moz-transition: opacity .2s ease;
            -o-transition: opacity .2s ease;
            transition: opacity .2s ease
        }

        .alertModal > .close > i {
            margin: 0
        }

        .alertModal > .close:not(.tb):hover {
            opacity: .7
        }

        .rippleModal {
            visibility: hidden;
            position: absolute;
            top: 840px;
            left: 50%;
            z-index: -1;
            z-index: 100;
            width: 400px;
            border: 1px solid #fff;
            background-color: #fff;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        .rippleModal > .rippleModalInner {
            opacity: 0;
            visibility: hidden
        }

        .rippleModal > .rippleModalInner .hdModal {
            padding: 8px;
            background-color: #303134;
            color: #fff;
            font-weight: 700;
            text-align: center;
            font-size: 18px;
            font-size: 1.2rem;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            -ms-border-radius: 4px 4px 0 0;
            -o-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0
        }

        .rippleModal > .rippleModalInner .rippleModalCont {
            padding: 24px
        }

        .rippleModal > .close {
            display: none;
            position: absolute;
            top: -35px;
            right: 0;
            cursor: pointer;
            -webkit-transition: opacity .2s ease;
            -moz-transition: opacity .2s ease;
            -o-transition: opacity .2s ease;
            transition: opacity .2s ease
        }

        .rippleModal > .close > i {
            margin: 0
        }

        .rippleModal > .close:not(.tb):hover {
            opacity: .7
        }

        .itemsRecommend {
            min-height: 317px;
            margin-bottom: 32px
        }

        .itemsRecommend .hdRecomBox {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 16px
        }

        .itemsRecommend .hdRecomBox .hdRecom {
            width: auto;
            margin: 0
        }

        .itemsRecommend .hdRecomBox .linkRecom {
            flex: 1;
            margin: 0;
            text-align: right;
            white-space: nowrap
        }

        .itemsRecommend .hdRecomBox .linkRecom em {
            overflow: hidden;
            width: 12em;
            vertical-align: top;
            white-space: nowrap
        }

        .itemsRecommend .hdRecomBox .loadingLinkRecom {
            position: relative;
            margin: 0;
            padding-top: 4px;
            text-align: right
        }

        .itemsRecommend .hdRecomBox .loadingLinkRecom:before {
            display: block;
            position: absolute;
            content: ""
        }

        .itemsRecommend .hdRecomBox .loadingLinkRecom:before {
            display: inline-block;
            position: static;
            width: 100%;
            max-width: 180px;
            height: 22px;
            background-color: #e9e9ea;
            vertical-align: top
        }

        .itemsRecommend .recomList {
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            font-size: 13px;
            font-size: .86667rem;
            height: 214px;
            margin-left: -24px
        }

        .itemsRecommend .recomList.twoLayer {
            height: 428px
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock, .itemsRecommend .recomList > ul > .recomBlock {
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            float: left;
            width: 160px;
            height: 190px;
            padding: 0 0 24px 24px
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner, .itemsRecommend .recomList > .recomListInner > .recomBlock > a, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner, .itemsRecommend .recomList > ul > .recomBlock > a {
            display: block;
            height: 100%
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomImg, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomImg, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomImg, .itemsRecommend .recomList > ul > .recomBlock > a > .recomImg {
            position: relative;
            height: 120px;
            margin-bottom: 8px;
            text-align: center;
            line-height: 120px
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomImg > .pointBox, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomImg > .pointBox, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomImg > .pointBox, .itemsRecommend .recomList > ul > .recomBlock > a > .recomImg > .pointBox {
            font-size: 12px;
            font-size: .8rem;
            position: absolute;
            top: 8px;
            left: 0;
            z-index: 1;
            width: auto;
            padding: 4px 8px;
            background-color: #fa4c07;
            color: #fff;
            line-height: 1
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomImg > .recomImgInner, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomImg > .recomImgInner, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomImg > .recomImgInner, .itemsRecommend .recomList > ul > .recomBlock > a > .recomImg > .recomImgInner {
            display: block;
            position: relative
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomImg > .recomImgInner > img, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomImg > .recomImgInner > img, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomImg > .recomImgInner > img, .itemsRecommend .recomList > ul > .recomBlock > a > .recomImg > .recomImgInner > img {
            width: auto;
            height: auto;
            max-width: 160px;
            max-height: 120px;
            vertical-align: middle
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .loadingRecomImg, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .loadingRecomImg, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .loadingRecomImg, .itemsRecommend .recomList > ul > .recomBlock > a > .loadingRecomImg {
            position: relative;
            height: 120px;
            margin-bottom: 8px;
            background-color: #e9e9ea
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .loadingRecomImg:before, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .loadingRecomImg:before, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .loadingRecomImg:before, .itemsRecommend .recomList > ul > .recomBlock > a > .loadingRecomImg:before {
            display: block;
            position: absolute;
            content: ""
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .loadingRecomImg:before, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .loadingRecomImg:before, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .loadingRecomImg:before, .itemsRecommend .recomList > ul > .recomBlock > a > .loadingRecomImg:before {
            display: block;
            top: 5px;
            right: 5px;
            width: 24px;
            height: 24px;
            border-radius: 100%;
            background-color: #fff
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .name, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .name, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .name, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .name {
            overflow: hidden;
            height: 3em;
            margin-bottom: 4px
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .loadingName, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .loadingName, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .loadingName, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .loadingName {
            position: relative;
            position: relative;
            margin-bottom: 4px
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .loadingName:before, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .loadingName:before, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .loadingName:before, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .loadingName:before {
            display: block;
            position: absolute;
            content: ""
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .loadingName:after, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .loadingName:after, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .loadingName:after, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .loadingName:after {
            display: block;
            position: absolute;
            content: ""
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .loadingName:after, .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .loadingName:before, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .loadingName:after, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .loadingName:before, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .loadingName:after, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .loadingName:before, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .loadingName:after, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .loadingName:before {
            display: block;
            position: static;
            height: 15px;
            margin-bottom: 8px;
            background-color: #e9e9ea
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .price, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .price, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .price, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .price {
            margin-bottom: 0;
            color: #999
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .price > span, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .price > span, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .price > span, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .price > span {
            color: #fa4c07
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .loadingPrice, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .loadingPrice, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .loadingPrice, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .loadingPrice {
            width: 60px;
            height: 15px;
            background-color: #e9e9ea
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .priceBox, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .priceBox, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .priceBox, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .priceBox {
            overflow: hidden;
            width: 100%
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .priceBox > .price, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .priceBox > .price, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .priceBox > .price, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .priceBox > .price {
            float: left;
            margin-bottom: 0;
            color: #fa4c07
        }

        .itemsRecommend .recomList > .recomListInner > .recomBlock > .recomBlockInner > .recomTxt > .priceBox > .postage, .itemsRecommend .recomList > .recomListInner > .recomBlock > a > .recomTxt > .priceBox > .postage, .itemsRecommend .recomList > ul > .recomBlock > .recomBlockInner > .recomTxt > .priceBox > .postage, .itemsRecommend .recomList > ul > .recomBlock > a > .recomTxt > .priceBox > .postage {
            font-size: 10px;
            font-size: .66667rem;
            display: inline-block;
            float: left;
            margin: 2px 0 0 8px;
            padding: 0 4px;
            color: #fff;
            background-color: #000;
            border-radius: 4px
        }

        .itemsRecommend:nth-of-type(even) > .recomNoItems {
            background-image: url(/assets/image/common/module/recommend_items/img_noitems02.jpg?1726018500)
        }

        .itemsRecommend .recomNoItems {
            overflow: hidden;
            width: 100%;
            background: url(/assets/image/common/module/recommend_items/img_noitems01.jpg?1726018500) repeat-x left top
        }

        .itemsRecommend .recomNoItems > .recomNoItemsInner {
            font-size: 20px;
            font-size: 1.33333rem;
            display: table;
            width: 100%;
            height: 220px;
            text-align: center;
            word-break: break-all
        }

        .itemsRecommend .recomNoItems > .recomNoItemsInner > .recomNoItemsCont {
            display: table-cell;
            vertical-align: middle
        }

        .itemsRecommend .recomNoItems > .recomNoItemsInner > .recomNoItemsCont .linkRecom {
            margin: 0;
            padding: 24px;
            background-color: rgba(255, 255, 255, .7)
        }

        .itemsRecommend .recomNoItems > .recomNoItemsInner > .recomNoItemsCont .linkRecom > i[class*=Logo] {
            margin: 0 0 8px
        }

        .itemsRecommend .recomNoItems > .recomNoItemsInner > .recomNoItemsCont .linkRecom > em {
            margin-top: -3px;
            vertical-align: top
        }

        .itemsRecommend .recomMore {
            position: relative;
            position: relative;
            padding: 8px 0;
            border-bottom: 1px solid #ddd;
            color: #666;
            text-align: center;
            cursor: pointer
        }

        .itemsRecommend .recomMore:before {
            display: block;
            position: absolute;
            content: ""
        }

        .itemsRecommend .recomMore:after {
            display: block;
            position: absolute;
            content: ""
        }

        .itemsRecommend .recomMore:before {
            bottom: -12px;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -12px;
            border-color: #ccc transparent transparent;
            border-style: solid;
            border-width: 12px 12px 0
        }

        .itemsRecommend .recomMore:after {
            bottom: -10px;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -12px;
            border-color: #fff transparent transparent;
            border-style: solid;
            border-width: 11px 12px 0
        }

        .itemsRecommend .recomMore > .line {
            -webkit-transition: all .5s cubic-bezier(.39, .575, .565, 1);
            -moz-transition: all .5s cubic-bezier(.39, .575, .565, 1);
            -o-transition: all .5s cubic-bezier(.39, .575, .565, 1);
            transition: all .5s cubic-bezier(.39, .575, .565, 1);
            position: absolute;
            bottom: -1px;
            left: 50%;
            right: 50%;
            height: 1px;
            background-color: #96d533
        }

        .itemsRecommend .recomMore:not(.tb):hover {
            color: #89c629
        }

        .itemsRecommend .recomMore:not(.tb):hover:before {
            border-color: #96d533 transparent transparent
        }

        .itemsRecommend .recomMore:not(.tb):hover > .line {
            left: 0;
            right: 0
        }

        .itemsRecommend .recomMoreLink {
            display: block;
            padding: 8px 0;
            border-bottom: 1px solid #ddd;
            color: #666;
            text-align: center;
            cursor: pointer
        }

        .itemsRecommend .recomMoreLink:not(.tb):hover {
            color: #89c629
        }

        .itemsRecommend .loadingRecomMore {
            position: relative;
            display: block;
            padding: 8px 0;
            border-bottom: 1px solid #ddd;
            text-align: center
        }

        .itemsRecommend .loadingRecomMore:before {
            display: block;
            position: absolute;
            content: ""
        }

        .itemsRecommend .loadingRecomMore:before {
            display: inline-block;
            position: static;
            width: 110px;
            height: 15px;
            background-color: #e9e9ea
        }

        #searchField {
            position: relative;
            z-index: 21;
            background-color: #f1f1f2
        }

        #searchField .searchFieldInner {
            position: relative;
            width: 1000px;
            height: 44px;
            margin: 0 auto;
            padding: 0 32px 12px
        }

        #searchField .searchFieldInner form {
            height: 100%
        }

        #searchField .searchFieldInner .searchBox {
            position: relative;
            z-index: 2;
            float: left;
            width: 63%;
            height: 100%
        }

        #searchField .searchFieldInner .searchBox .searchToolBox {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-transition: box-shadow .5s ease;
            -moz-transition: box-shadow .5s ease;
            -o-transition: box-shadow .5s ease;
            transition: box-shadow .5s ease;
            position: relative;
            width: 100%;
            height: 100%;
            border: 2px solid #616369;
            background-color: #fff
        }

        #searchField .searchFieldInner .searchBox .searchToolBox:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        #searchField .searchFieldInner .searchBox .searchToolBox > .searchTxtBox {
            position: relative;
            overflow: hidden;
            height: 100%
        }

        #searchField .searchFieldInner .searchBox .searchToolBox > .searchTxtBox > .searchInput {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 18px;
            font-size: 1.2rem;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0 164px 0 16px;
            border: none;
            line-height: 44px
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .categorySelect {
            position: relative;
            float: left;
            height: 100%
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .categorySelect:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .categorySelect > select {
            display: none
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .categorySelect .curCategory {
            -webkit-border-radius: 6px 0 0 6px;
            -moz-border-radius: 6px 0 0 6px;
            -ms-border-radius: 6px 0 0 6px;
            -o-border-radius: 6px 0 0 6px;
            border-radius: 6px 0 0 6px;
            position: relative;
            font-size: 12px;
            font-size: .8rem;
            position: relative;
            top: 0;
            left: 0;
            max-width: 200px;
            height: 100%;
            padding: 0 30px 0 10px;
            border-right: 1px solid #c9cacd;
            background-color: #fff;
            color: #333;
            line-height: 3.8;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .categorySelect .curCategory:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .categorySelect .curCategory:before {
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .categorySelect .curCategory:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 10px;
            font-size: .66667rem;
            top: 50%;
            right: 10px;
            color: #666
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .categorySelect:before {
            -webkit-transition: left .2s ease;
            -moz-transition: left .2s ease;
            -o-transition: left .2s ease;
            transition: left .2s ease;
            bottom: -2px;
            right: 1px;
            left: 100%;
            z-index: 1;
            height: 5px;
            background-color: #fff
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .searchSubmit {
            -webkit-border-radius: 0 6px 6px 0;
            -moz-border-radius: 0 6px 6px 0;
            -ms-border-radius: 0 6px 6px 0;
            -o-border-radius: 0 6px 6px 0;
            border-radius: 0 6px 6px 0;
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            position: relative;
            font-size: 26px;
            font-size: 1.73333rem;
            position: relative;
            top: -1px;
            right: -1px;
            float: right;
            height: 100%;
            padding: 1px;
            background-color: #303134;
            color: #fff;
            text-align: center;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .searchSubmit:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .searchSubmit:before {
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .searchSubmit:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            left: 0;
            width: 100%
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .searchSubmit:not(.tb):hover {
            background-color: #484a4f
        }

        #searchField .searchFieldInner .searchBox .searchToolBox .searchSubmit > .searchBtn {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            z-index: 1;
            overflow: hidden;
            width: 60px;
            height: 100%;
            border: none;
            background: 0 0;
            color: #fff;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox {
            display: none;
            position: absolute;
            top: 0;
            right: -4px;
            left: 0;
            z-index: 3
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            position: absolute;
            top: 44px;
            left: 0;
            overflow: hidden;
            width: 100%;
            padding: 12px 0;
            border-radius: 0 0 6px 6px;
            border: 2px solid #616369;
            border-top: none;
            background-color: #fff
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistSwitching {
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            display: table;
            table-layout: fixed;
            width: 200%;
            padding-bottom: 36px
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistSwitching .switchingBlock {
            display: table-cell;
            vertical-align: top
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 12px;
            font-size: .8rem;
            float: left;
            width: 50%;
            padding: 0 12px
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord, #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord {
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            width: 100%;
            min-height: 28px;
            padding-left: 32px;
            white-space: nowrap
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord:before, #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord:before, #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:before {
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord:not(.tb):hover, #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:not(.tb):hover {
            color: #89c629
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord:before, #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 10px;
            font-size: .66667rem;
            top: 50%;
            left: 10px;
            margin: 1px 0 0;
            color: #999
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:before {
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeSuggest {
            font-size: 14px;
            font-size: .93333rem;
            display: none;
            position: relative !important;
            float: none;
            width: 100% !important;
            max-height: none !important
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeSuggest .listBlock {
            border-radius: 4px;
            color: #333;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeSuggest .listBlock:hover {
            background-color: #e9e9ea
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeSuggest .listBlock .hitWord {
            color: #333;
            padding: 2px 40px 2px 8px;
            border-radius: 4px
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd {
            font-size: 14px;
            font-size: .93333rem;
            position: relative;
            z-index: 1;
            margin-bottom: 4px;
            padding: 4px 50px 6px 32px;
            border-bottom: 1px solid #ddd
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd .listHdIco {
            display: block;
            position: absolute;
            top: 2px;
            left: 4px;
            margin: 0;
            color: #ccc
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd .editBtn {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            position: relative;
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: 1;
            padding: 4px 8px 6px 24px;
            color: #0dafde;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd .editBtn:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd .editBtn:after {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd .editBtn:before {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            display: none;
            bottom: 15px;
            left: 6px;
            width: 10px;
            height: 5px;
            border-bottom: 2px solid #0dafde;
            border-left: 2px solid #0dafde
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd .editBtn:after {
            display: block;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd .editBtn:not(.tb):hover {
            color: #89c629
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd .editBtn:not(.tb):hover:before {
            border-color: #89c629
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            position: relative;
            min-height: 20px;
            color: #0dafde;
            word-break: break-all
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock.autocomplete-group {
            display: none
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .hitWord {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            position: relative;
            height: 100%;
            padding: 6px 8px 4px;
            color: #666;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord {
            position: relative;
            position: absolute;
            top: 2px;
            right: 2px;
            bottom: 2px;
            width: 26px;
            border-radius: 4px;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord:before {
            top: -2px;
            left: -2px;
            width: 100%;
            height: 100%;
            padding: 2px
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord:hover {
            background-color: #c9cacd
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord:hover > .add:before {
            border-color: #fff
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord:hover > .add:after {
            background-color: #fff
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord > .add {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: relative;
            position: relative;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 6px;
            height: 6px;
            margin: -2px 0 0 -2px
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord > .add:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord > .add:after {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord > .add:before {
            width: 100%;
            height: 100%;
            border-top: 2px solid #999;
            border-left: 2px solid #999
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .addWord > .add:after {
            -webkit-transform-origin: .5px 2px;
            -moz-transform-origin: .5px 2px;
            -ms-transform-origin: .5px 2px;
            -o-transform-origin: .5px 2px;
            transform-origin: .5px 2px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 12px;
            height: 2px;
            background-color: #999
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .removeWord {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
            position: relative;
            display: none;
            position: absolute;
            top: 4px;
            right: 8px;
            bottom: 4px;
            width: 34px;
            border-radius: 4px;
            background-color: #fa4c07;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .removeWord:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .removeWord:before {
            top: -4px;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 4px
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .removeWord > .remove {
            position: relative;
            font-size: 10px;
            font-size: .66667rem;
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            color: #fff;
            white-space: nowrap
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .removeWord > .remove:before {
            display: block;
            position: absolute;
            content: "消去"
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listBlock .removeWord > .remove:before {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            display: block;
            position: absolute;
            top: 50%;
            left: 50%
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .substituteBlock .noListTxt {
            font-size: 13px;
            font-size: .86667rem;
            padding: 16px;
            color: #999;
            text-align: center
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .substituteBlock .registerBtn {
            font-size: 15px;
            font-size: 1rem;
            display: block;
            width: 180px;
            margin: 0 auto;
            box-shadow: none
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .substituteBlock .registerBtn:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .substituteBlock .memberRegisterCont {
            padding: 32px 24px;
            text-align: center
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .substituteBlock .memberRegisterCont .memberRegisterTxt {
            font-size: 16px;
            font-size: 1.06667rem;
            margin-bottom: 32px
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .substituteBlock .memberRegisterCont .memberRegisterBtn {
            width: 200px;
            margin: 24px auto
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .historylistRemoveAll {
            margin: 40px 32px;
            text-align: center
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .historylistRemoveAll > a {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            display: inline-block;
            padding: 24px 32px;
            border: 2px solid #ddd;
            background-color: #fff;
            color: #333
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock > .close {
            position: relative;
            font-size: 20px;
            font-size: 1.33333rem;
            position: absolute;
            right: 8px;
            bottom: 8px;
            width: 30px;
            height: 30px;
            color: #303134;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock > .close:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock > .close:before {
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock > .close:before {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect {
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            font-size: 13px;
            font-size: .86667rem;
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100%
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect .searchCateSelectInner {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            display: table;
            width: 100%;
            padding: 60px 0 16px;
            border: 2px solid #616369;
            background-color: #fff
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect .searchCateSelectInner > .searchCateList {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: table-cell;
            width: 33.333333%;
            border-left: 1px dotted #b3b3b3
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect .searchCateSelectInner > .searchCateList:first-child {
            border-left: none
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect .searchCateSelectInner > .searchCateList > li {
            padding: 2px 16px;
            cursor: pointer;
            margin-bottom: 1px
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect .searchCateSelectInner > .searchCateList > li:hover {
            background-color: #f1f1f2
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect .searchCateSelectInner > .searchCateList > li.selected {
            color: #29c278
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect > .close {
            position: relative;
            font-size: 20px;
            font-size: 1.33333rem;
            position: absolute;
            right: 8px;
            bottom: 8px;
            width: 30px;
            height: 30px;
            color: #303134;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect > .close:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect > .close:before {
            content: ""
        }

        #searchField .searchFieldInner .searchBox #searchCateSelect > .close:before {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect {
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0;
            font-size: 13px;
            font-size: .86667rem;
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100%
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            position: relative;
            z-index: 1;
            float: left;
            width: 100%;
            padding-top: 44px;
            border: 2px solid #616369;
            background-color: #fff
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchCateList {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            z-index: 2;
            width: 240px;
            padding: 16px 0;
            border-radius: 0 0 0 6px;
            background-color: #fff
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchCateList:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchCateList:before {
            top: 16px;
            right: 0;
            bottom: 0;
            width: 1px;
            background-color: #ddd
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchCateList > li {
            position: relative;
            z-index: 1;
            padding: 2px 16px;
            cursor: pointer;
            margin-bottom: 1px
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchCateList > li.active {
            background-color: #f1f1f2
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchCateList > li.active:before {
            display: block
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchCateList > li.selected {
            color: #29c278
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchCateList > li.selected.active {
            background-color: #f1f1f2;
            color: #29c278
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchSubCateBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 0 0 6px 6px;
            -moz-border-radius: 0 0 6px 6px;
            -ms-border-radius: 0 0 6px 6px;
            -o-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
            position: absolute;
            top: 44px;
            right: 0;
            bottom: 0;
            left: 2px;
            z-index: 1;
            overflow: hidden;
            padding-left: 240px;
            background-color: #fff
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchSubCateBlock .searchSubCateCont {
            position: relative;
            z-index: 1
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchSubCateBlock .searchSubCateCont .searchSubCateHd {
            font-size: 18px;
            font-size: 1.2rem;
            padding: 16px;
            color: #96d533;
            font-weight: 700;
            white-space: nowrap
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchSubCateBlock .searchSubCateCont .searchSubCateContInner {
            display: none;
            position: relative
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchSubCateBlock .searchSubCateCont .searchSubCateContInner > .searchCateList {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            min-width: 230px
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchSubCateBlock .searchSubCateCont .searchSubCateContInner > .searchCateList > li {
            position: relative;
            z-index: 1;
            padding: 6px 16px;
            white-space: nowrap;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchSubCateBlock .searchSubCateCont .searchSubCateContInner > .searchCateList > li:hover {
            background-color: #f1f1f2
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchSubCateBlock .searchSubCateCont .searchSubCateContInner > .searchCateList > li.selected {
            color: #29c278
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .searchSubCateBlock .searchSubCateCont .searchSubCateContInner > .searchCateList > li.selected:hover {
            background-color: #f1f1f2
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .close {
            position: relative;
            font-size: 20px;
            font-size: 1.33333rem;
            position: absolute;
            right: 12px;
            bottom: 12px;
            z-index: 2;
            width: 30px;
            height: 30px;
            color: #303134;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .close:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .close:before {
            content: ""
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect .searchCateSelectInner > .close:before {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%
        }

        #searchField .searchFieldInner .searchBox .searchErasure {
            display: none;
            position: absolute;
            top: 15px;
            right: 198px
        }

        #searchField .searchFieldInner .searchBox .siteSelect {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 11px;
            font-size: .73333rem;
            -webkit-transition: box-shadow .2s ease;
            -moz-transition: box-shadow .2s ease;
            -o-transition: box-shadow .2s ease;
            transition: box-shadow .2s ease;
            position: absolute;
            top: 12px;
            right: 68px;
            z-index: 4;
            overflow: hidden;
            width: 120px;
            height: 25px;
            border-radius: 6px;
            background-color: #f1f1f2;
            color: #333;
            text-align: center;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .siteSelect:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        #searchField .searchFieldInner .searchBox .siteSelect .selectedSite {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-align: center
        }

        #searchField .searchFieldInner .searchBox .siteSelect .siteSelectList {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            visibility: hidden;
            position: absolute;
            top: 0;
            right: 0;
            opacity: 0;
            width: 260px;
            padding: 16px
        }

        #searchField .searchFieldInner .searchBox .siteSelect .siteSelectList > li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            width: 50%;
            padding: 4px;
            border-radius: 6px
        }

        #searchField .searchFieldInner .searchBox .siteSelect .siteSelectList > li:not(.tb):hover {
            background-color: #e3e4e6
        }

        #searchField .searchFieldInner .searchBox .siteSelect .siteSelectList > li::selection {
            background-color: transparent
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 13px;
            font-size: .86667rem;
            visibility: hidden;
            position: absolute;
            top: 0;
            right: 0;
            opacity: 0;
            width: 250px;
            padding: 16px 20px;
            text-align: left
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList label::selection {
            background-color: transparent
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li {
            position: relative;
            font-weight: 700
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li::before {
            top: 0;
            right: 34px;
            left: 0;
            height: 1px;
            background-color: #ddd
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li:first-child::before {
            display: none
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li > .multipleSiteSelectList {
            position: relative;
            font-size: 11px;
            font-size: .73333rem;
            display: none;
            overflow: hidden;
            padding: 0 0 0 16px
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li > .multipleSiteSelectList:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li > .multipleSiteSelectList::before {
            top: 0;
            right: 34px;
            left: 0;
            height: 1px;
            background-color: #ddd
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li > .multipleSiteSelectList > li {
            visibility: hidden;
            position: relative;
            padding-left: 24px;
            font-weight: 400
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li > .multipleSiteSelectList > li .siteIco {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: -24px;
            margin: 0
        }

        #searchField .searchFieldInner .searchBox .searchMore {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
            font-size: 13px;
            font-size: .86667rem;
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            position: absolute;
            top: 0;
            right: -4px;
            bottom: 0;
            z-index: -1;
            overflow: hidden;
            width: 92px;
            height: 72%;
            margin-right: -8px;
            padding-bottom: 16px;
            border-radius: 6px;
            color: #666;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .searchMore:not(.tb):hover {
            background-color: #e3e4e6
        }

        #searchField .searchFieldInner .searchBox .searchMore .searchMoreInner {
            position: relative;
            position: relative;
            margin-top: 14px;
            padding-left: 28px
        }

        #searchField .searchFieldInner .searchBox .searchMore .searchMoreInner:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchMore .searchMoreInner:after {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchBox .searchMore .searchMoreInner:before {
            top: 50%;
            left: 13px;
            width: 1px;
            height: 11px;
            margin-top: -6px;
            background-color: #666
        }

        #searchField .searchFieldInner .searchBox .searchMore .searchMoreInner:after {
            top: 50%;
            left: 8px;
            width: 11px;
            height: 1px;
            margin-top: -1px;
            background-color: #666
        }

        #searchField .searchFieldInner .searchExtendBox {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            font-size: 13px;
            font-size: .86667rem;
            display: none;
            position: absolute;
            top: 46px;
            left: 32px;
            z-index: 1;
            color: #333
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            width: 1000px;
            padding: 16px 0 24px;
            border-radius: 6px;
            border: 2px solid #303134;
            background-color: #fff
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching {
            display: table;
            table-layout: fixed;
            width: 100%
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock {
            display: table-cell;
            padding: 0 24px;
            vertical-align: top
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendTarget {
            margin-bottom: 12px;
            padding: 0 32px 4px 0;
            color: #999;
            font-weight: 700
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendTarget .siteName {
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            display: inline-block;
            padding: 4px 8px;
            border-radius: 4px;
            border: 1px solid #fff;
            background-color: #fff;
            color: #333;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendTarget .siteName:not(.tb):hover {
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            border-color: #f1f1f2
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendCol .searchExtendBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            width: 50%
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendCol .searchExtendBlock:nth-child(even) {
            padding-left: 24px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendCol .searchExtendBlock:nth-child(odd) {
            padding-right: 24px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendCol .searchExtendBlock .searchExtendInputSec {
            margin-top: 16px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendCol .searchExtendBlock .searchExtendInputSec:first-child {
            margin-top: 0
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec {
            position: relative
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .searchExtendHd {
            font-size: 13px;
            font-size: .86667rem;
            margin-bottom: 4px;
            font-weight: 700;
            text-align: left
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .searchExtendHd .note {
            font-size: 11px;
            font-size: .73333rem;
            display: inline;
            margin-left: 8px;
            color: #666;
            font-weight: 400
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .searchExtendReset {
            font-size: 11px;
            font-size: .73333rem;
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            position: absolute;
            top: 2px;
            right: 0;
            padding: 4px;
            border-radius: 4px;
            color: #666;
            line-height: 1;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .searchExtendReset:not(.tb):hover {
            background-color: #f1f1f2
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec [class*=selectForm] {
            display: block
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .searchExtendCheckList {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px 4px;
            padding-top: 8px;
            background-color: #fff
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .searchExtendCheckList > li {
            font-size: 12px;
            font-size: .8rem
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .searchExtendCheckList > li label {
            padding-left: 24px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .inputCol .inputBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            width: 50%;
            padding: 0 16px 0 0
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .inputCol .inputBlock:nth-child(2n) {
            padding: 0 0 0 16px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .inputCol .inputBlock.widthStyle02 {
            width: 100%
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .rangeInputCol.setUnit input[type=number], #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .rangeInputCol.setUnit input[type=text] {
            width: 186px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .rangeInputCol.setUnit .unit {
            margin-left: 4px;
            vertical-align: bottom
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .rangeInputCol .rangeInputBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            width: 50%;
            padding: 0 16px 0 0
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .rangeInputCol .rangeInputBlock:nth-child(2n) {
            position: relative;
            padding: 0 0 0 16px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .rangeInputCol .rangeInputBlock:nth-child(2n):before {
            display: block;
            position: absolute;
            content: "〜"
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .rangeInputCol .rangeInputBlock:nth-child(2n):before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            left: -6px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .dummyElem {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            font-size: 13px;
            font-size: .86667rem;
            display: block;
            position: relative;
            float: left;
            width: 50%;
            height: 32px;
            padding: 0 10px;
            border: 1px solid #ddd;
            background-color: #fff;
            line-height: 33px;
            text-align: center;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem.dummyElem, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .dummyElem.dummyElem {
            cursor: not-allowed
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem:nth-of-type(1), #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .dummyElem:nth-of-type(1) {
            border-radius: 4px 0 0 4px;
            border-right: none
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem:nth-of-type(1):before, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .dummyElem:nth-of-type(1):before {
            display: none
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem:nth-of-type(2), #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .dummyElem:nth-of-type(2) {
            border-radius: 0 4px 4px 0
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem:nth-of-type(2):after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .dummyElem:nth-of-type(2):after {
            display: none
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem::selection, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .dummyElem::selection {
            background-color: transparent
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .dummyElem {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border: 1px dashed #ddd;
            background-color: #fff;
            cursor: default !important
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectInputBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            position: relative;
            position: relative;
            font-size: 13px;
            font-size: .86667rem;
            display: block;
            position: relative;
            width: 100%;
            height: 32px;
            padding: 0 10px;
            border: 1px solid #ddd;
            background-color: #fff;
            line-height: 33px;
            text-align: left;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectInputBlock:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectInputBlock:after {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectInputBlock:before {
            top: 50%;
            right: 10px;
            z-index: 3;
            width: 0;
            height: 0;
            margin-top: 2px;
            border: 6px solid transparent;
            border-top: 6px solid #444549
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectInputBlock:after {
            top: 50%;
            right: 10px;
            z-index: 3;
            width: 0;
            height: 0;
            margin-top: -13px;
            border: 6px solid transparent;
            border-bottom: 6px solid #444549
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectInputBlock .selectTxt::selection {
            background-color: transparent
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -o-transform: translateY(100%);
            transform: translateY(100%);
            display: none;
            position: absolute;
            bottom: -16px;
            left: 0;
            z-index: 10;
            width: 450px;
            color: #333;
            text-align: left;
            line-height: 1.5;
            cursor: default
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType01 .selectListBlockInner:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType01 .selectListBlockInner:before {
            left: 38px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType02 {
            left: -106px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType02 .selectListBlockInner:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType02 .selectListBlockInner:before {
            left: 144px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType03 {
            left: -242px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType03 .selectListBlockInner:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType03 .selectListBlockInner:before {
            left: 282px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType04 {
            left: -347px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType04 .selectListBlockInner:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType04 .selectListBlockInner:before {
            left: 386px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType05 {
            left: -242px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType05 .selectListBlockInner:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock.selectAreaPosType05 .selectListBlockInner:before {
            left: 334px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            position: relative;
            position: relative;
            position: relative;
            width: 100%;
            padding: 16px 0 16px 18px;
            border-radius: 4px;
            border: 1px solid #ddd;
            background-color: #fff
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner:after {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner:before {
            top: -13px;
            left: 92px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 12px 13px 12px;
            border-color: transparent transparent #ddd transparent
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner:after {
            top: -12px;
            left: 92px;
            width: 0;
            height: 0;
            margin-left: 2px;
            border-style: solid;
            border-width: 0 10px 12px 10px;
            border-color: transparent transparent #fff transparent
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner .selectList {
            margin-top: -4px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner .selectList > li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 11px;
            font-size: .73333rem;
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            float: left;
            width: 65px;
            margin: 4px 4px 0 0;
            padding: 8px 0;
            border-radius: 4px;
            border: 1px solid #f1f1f2;
            background-color: #f1f1f2;
            color: #333;
            line-height: 1;
            text-align: center;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner .selectList > li:not(.tb):hover {
            background-color: #fff
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .searchExtendNote {
            font-size: 11px;
            font-size: .73333rem;
            margin-top: 4px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendSubmit {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            display: block;
            width: 466px;
            height: 40px;
            margin: 16px auto 0;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendSubmit:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendSubmit button {
            font-size: 18px;
            font-size: 1.2rem;
            padding-left: 4px;
            letter-spacing: 4px
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner > .searchExtendClose {
            position: relative;
            font-size: 20px;
            font-size: 1.33333rem;
            position: absolute;
            right: 16px;
            top: 14px;
            z-index: 2;
            width: 30px;
            height: 30px;
            color: #303134;
            cursor: pointer
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner > .searchExtendClose:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner > .searchExtendClose:before {
            content: ""
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner > .searchExtendClose:before {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%
        }

        #searchField .searchFieldInner .searchAdBox {
            font-size: 13px;
            font-size: .86667rem;
            float: right;
            width: 265px;
            height: 100%;
            text-align: right
        }

        #searchField .searchFieldInner .searchAdBox .adTxt {
            display: table;
            width: 100%;
            height: 100%;
            margin-bottom: 0;
            padding-top: 4px
        }

        #searchField .searchFieldInner .searchAdBox .adTxt a {
            display: table-cell;
            padding-top: 2px;
            color: #25ad6b;
            font-weight: 700;
            text-align: right;
            vertical-align: middle
        }

        #searchField .searchFieldInner .searchAdBox .adTxt a:hover {
            color: #89c629
        }

        #searchField .searchFieldInner .searchAdBox .adTxt a > span {
            position: relative;
            display: inline-block;
            padding: 4px 0 4px 20px;
            border-top: 1px dotted #b3b3b3;
            border-bottom: 1px dotted #b3b3b3
        }

        #searchField .searchFieldInner .searchAdBox .adTxt a > span:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField .searchFieldInner .searchAdBox .adTxt a > span:before {
            content: ""
        }

        #searchField .searchFieldInner .searchAdBox .adTxt a > span:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 10px;
            font-size: .66667rem;
            top: 50%;
            left: 4px;
            color: #666
        }

        #searchField > .switchingMarketPlace {
            position: relative;
            z-index: -1;
            border-top: 1px solid #fff;
            background-color: #f1f1f2
        }

        #searchField > .switchingMarketPlace > .marketPlaceBox {
            width: 1000px;
            margin: 0 auto;
            padding: 0 32px
        }

        #searchField > .switchingMarketPlace > .marketPlaceBox > .marketPlaceBlock {
            height: 50px
        }

        #searchField > .switchingMarketPlace > .marketPlaceBox > .marketPlaceBlock > li {
            position: relative;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            float: left;
            height: 100%;
            line-height: 50px;
            text-align: center
        }

        #searchField > .switchingMarketPlace > .marketPlaceBox > .marketPlaceBlock > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        #searchField > .switchingMarketPlace > .marketPlaceBox > .marketPlaceBlock > li.allMarketPlace {
            font-size: 18px;
            font-size: 1.2rem;
            font-weight: 700
        }

        #searchField > .switchingMarketPlace > .marketPlaceBox > .marketPlaceBlock > li.allMarketPlace > a {
            color: #333
        }

        #searchField > .switchingMarketPlace > .marketPlaceBox > .marketPlaceBlock > li:before {
            display: none;
            top: -1px;
            right: 0;
            left: 0;
            height: 3px;
            background-color: #ddd
        }

        #searchField > .switchingMarketPlace > .marketPlaceBox > .marketPlaceBlock > li:not(.tb):hover {
            background-color: #e3e4e6
        }

        #searchField > .switchingMarketPlace > .marketPlaceBox > .marketPlaceBlock > li > a {
            display: inline-block;
            min-width: 60px;
            height: 100%;
            padding: 0 8px
        }

        body.typeExtend #searchField .searchFieldInner {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide #searchField .searchFieldInner {
            width: auto
        }

        body.pageCateBullet01 #searchField {
            background: 0 0
        }

        body.pageCateBullet01 #searchField .searchFieldInner .searchBox .searchToolBox {
            border-color: #ccc
        }

        body.pageCateBullet01 #searchField .searchFieldInner .searchBox .searchMore {
            color: #fff
        }

        body.pageCateBullet01 #searchField .searchFieldInner .searchBox .searchMore:not(.tb):hover {
            background-color: rgba(255, 255, 255, .4)
        }

        body.pageCateBullet01 #searchField .searchFieldInner .searchBox .searchMore .searchMoreInner:before {
            background-color: #fff
        }

        body.pageCateBullet01 #searchField .searchFieldInner .searchBox .searchMore .searchMoreInner:after {
            background-color: #fff
        }

        body.pageCateBullet01 #searchField .searchFieldInner .searchAdBox .adTxt a {
            color: #29c278
        }

        body.pageCateBullet01 #searchField .searchFieldInner .searchAdBox .adTxt a:hover {
            color: #96d533
        }

        body.pageCateBullet01 #searchField .searchFieldInner .searchAdBox .adTxt a > span:before {
            color: #fff
        }

        body.pageCateMercari01 #searchField {
            background: 0 0
        }

        body.pageCateTemu01 #searchField {
            background: 0 0
        }

        body.pageCateYahoo01 #searchField {
            background: 0 0
        }

        .searchFieldType01 {
            position: relative;
            z-index: 1;
            width: 100%
        }

        .searchFieldType01 .searchBox {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 44px
        }

        .searchFieldType01 .searchBox > form {
            height: 100%
        }

        .searchFieldType01 .searchBox .searchToolBox {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-transition: box-shadow .5s ease;
            -moz-transition: box-shadow .5s ease;
            -o-transition: box-shadow .5s ease;
            transition: box-shadow .5s ease;
            position: relative;
            width: 100%;
            height: 100%;
            border: 2px solid #616369;
            background-color: #fff
        }

        .searchFieldType01 .searchBox .searchToolBox:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        .searchFieldType01 .searchBox .searchToolBox > .searchTxtBox {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            position: relative;
            overflow: hidden;
            height: 100%
        }

        .searchFieldType01 .searchBox .searchToolBox > .searchTxtBox > .searchInput {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 18px;
            font-size: 1.2rem;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0 16px;
            border: none;
            line-height: 44px
        }

        .searchFieldType01 .searchBox .searchToolBox .searchSubmit {
            -webkit-border-radius: 0 6px 6px 0;
            -moz-border-radius: 0 6px 6px 0;
            -ms-border-radius: 0 6px 6px 0;
            -o-border-radius: 0 6px 6px 0;
            border-radius: 0 6px 6px 0;
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            position: relative;
            font-size: 26px;
            font-size: 1.73333rem;
            position: relative;
            top: -1px;
            right: -1px;
            float: right;
            height: 100%;
            padding: 1px;
            background-color: #303134;
            color: #fff;
            text-align: center
        }

        .searchFieldType01 .searchBox .searchToolBox .searchSubmit:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchFieldType01 .searchBox .searchToolBox .searchSubmit:before {
            content: ""
        }

        .searchFieldType01 .searchBox .searchToolBox .searchSubmit:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            left: 0;
            width: 100%
        }

        .searchFieldType01 .searchBox .searchToolBox .searchSubmit:not(.tb):hover {
            background-color: #484a4f
        }

        .searchFieldType01 .searchBox .searchToolBox .searchSubmit > .searchBtn {
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            position: relative;
            z-index: 1;
            overflow: hidden;
            width: 60px;
            height: 100%;
            border: none;
            background: 0 0;
            color: #fff;
            cursor: pointer
        }

        .topicsPathBox > .topicsPath, body.typeExtend .topicsPathBox > .topicsPath, body.typeWide .topicsPathBox > .topicsPath {
            float: left;
            max-width: none;
            min-width: 0;
            margin: 0;
            padding: 0
        }

        .topicsPathBox > .topicsPathSubTxt, body.typeExtend .topicsPathBox > .topicsPathSubTxt, body.typeWide .topicsPathBox > .topicsPathSubTxt {
            float: right;
            margin: 0;
            color: #999;
            font-weight: 700;
            text-align: right
        }

        .topicsPathBox {
            width: 1000px;
            margin: 16px auto;
            padding: 0 32px
        }

        body.typeExtend .topicsPathBox {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide .topicsPathBox {
            width: auto
        }

        .topicsPath {
            width: 1000px;
            margin: 16px auto;
            padding: 0 32px;
            color: #999;
            font-size: 12px;
            font-size: .8rem
        }

        .topicsPath > li {
            position: relative;
            display: inline-block;
            position: relative;
            margin-left: 4px;
            padding-left: 18px
        }

        .topicsPath > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        .topicsPath > li:before {
            content: ""
        }

        .topicsPath > li:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 10px;
            font-size: .66667rem;
            top: 50%;
            left: 0;
            color: #ccc
        }

        .topicsPath > li:first-child {
            margin-left: 0;
            padding-left: 0
        }

        .topicsPath > li:first-child:before {
            display: none
        }

        .topicsPath > li > a {
            color: #999
        }

        .topicsPath > li > a:hover {
            color: #89c629
        }

        body.typeExtend .topicsPath {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide .topicsPath {
            width: auto
        }

        .flexibleTopicsPath {
            position: relative;
            z-index: 1;
            width: 1000px;
            margin: 16px auto;
            padding: 0 32px
        }

        .flexibleTopicsPath .topicsPathList {
            font-size: 11px;
            font-size: .73333rem;
            float: left;
            overflow: hidden;
            border-radius: 6px;
            background-color: #f1f1f2;
            color: #999
        }

        .flexibleTopicsPath .topicsPathList > li {
            position: relative;
            position: relative;
            z-index: 2;
            display: block;
            float: left;
            overflow: hidden;
            margin-left: -24px;
            padding: 0 16px 0 28px;
            line-height: 1
        }

        .flexibleTopicsPath .topicsPathList > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        .flexibleTopicsPath .topicsPathList > li:after {
            display: block;
            position: absolute;
            content: ""
        }

        .flexibleTopicsPath .topicsPathList > li:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 16px 0 16px 16px;
            border-color: transparent transparent transparent #fff
        }

        .flexibleTopicsPath .topicsPathList > li:after {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            right: 3px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 16px 0 16px 16px;
            border-color: transparent transparent transparent #f1f1f2
        }

        .flexibleTopicsPath .topicsPathList > li:first-child {
            margin-left: 0;
            padding-left: 8px
        }

        .flexibleTopicsPath .topicsPathList > li:first-child:hover {
            padding-left: 0
        }

        .flexibleTopicsPath .topicsPathList > li:first-child:hover > a > span, .flexibleTopicsPath .topicsPathList > li:first-child:hover > span > span {
            padding-left: 32px
        }

        .flexibleTopicsPath .topicsPathList > li:last-child {
            padding-right: 0
        }

        .flexibleTopicsPath .topicsPathList > li:last-child:after, .flexibleTopicsPath .topicsPathList > li:last-child:before {
            display: none
        }

        .flexibleTopicsPath .topicsPathList > li:last-child > a, .flexibleTopicsPath .topicsPathList > li:last-child > span {
            padding-right: 8px
        }

        .flexibleTopicsPath .topicsPathList > li:hover {
            z-index: 1;
            padding-left: 16px
        }

        .flexibleTopicsPath .topicsPathList > li:hover + li {
            z-index: 0
        }

        .flexibleTopicsPath .topicsPathList > li:hover:after {
            border-color: transparent transparent transparent #e3e4e6
        }

        .flexibleTopicsPath .topicsPathList > li:hover > a, .flexibleTopicsPath .topicsPathList > li:hover > span {
            background-color: #e3e4e6
        }

        .flexibleTopicsPath .topicsPathList > li:hover > a > span, .flexibleTopicsPath .topicsPathList > li:hover > span > span {
            max-width: 100%;
            min-width: 50px;
            padding: 0 24px 0 40px;
            color: #333;
            font-weight: 700
        }

        .flexibleTopicsPath .topicsPathList > li > a, .flexibleTopicsPath .topicsPathList > li > span {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            position: relative;
            z-index: 1;
            padding: 4px 0;
            color: #666;
            text-align: center;
            white-space: nowrap
        }

        .flexibleTopicsPath .topicsPathList > li > a > span, .flexibleTopicsPath .topicsPathList > li > span > span {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: block;
            max-width: 44px;
            min-width: 0
        }

        body.typeExtend .flexibleTopicsPath {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide .flexibleTopicsPath {
            width: auto
        }

        .skyscraperAdBox {
            width: 224px
        }

        .skyscraperAdBox .skyscraperAdBlock {
            position: relative;
            float: left;
            margin-right: 4px;
            margin-bottom: 4px;
            width: 110px;
            height: 110px;
            background: #fff
        }

        .skyscraperAdBox .skyscraperAdBlock:nth-child(even) {
            margin-right: 0
        }

        .skyscraperAdBox .skyscraperAdBlock:last-child {
            margin-bottom: 0
        }

        .skyscraperAdBox .skyscraperAdBlock:hover {
            opacity: .8;
            -ms-filter: "alpha( opacity=80 )"
        }

        .skyscraperAdBox .skyscraperAdBlock .itemImgBoxHd {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            padding: 8px;
            color: #fff
        }

        .skyscraperAdBox .skyscraperAdBlock .itemImgBoxHd:before {
            display: block;
            position: absolute;
            content: ""
        }

        .skyscraperAdBox .skyscraperAdBlock .itemImgBoxHd:before {
            background-image: -svg-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-size: 100%;
            background-image: -owg-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            bottom: 0;
            left: 0;
            width: 100%;
            height: 80px
        }

        .skyscraperAdBox .skyscraperAdBlock .itemImgBoxHd .hdTxt {
            font-size: 11px;
            font-size: .73333rem;
            position: relative;
            z-index: 1;
            overflow: hidden;
            text-align: right;
            font-weight: 700;
            color: #fa4c07;
            text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff
        }

        .skyscraperAdBox .skyscraperAdBlock .itemImgBoxHd .hdTxt .priceTxt {
            font-size: 14px;
            font-size: .93333rem;
            padding-right: 2px
        }

        .skyscraperAdBox .skyscraperAdBlock .itemsImg {
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            width: 100%;
            height: 100%;
            background-color: #fff
        }

        .skyscraperAdBox .skyscraperAdBlock .itemsImg > .itemsThum {
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            position: absolute;
            top: 0;
            left: 50%;
            width: auto;
            height: 100%;
            -webkit-backface-visibility: hidden
        }

        .searchResultsAsideMenuType01 {
            font-size: 12px;
            font-size: .8rem
        }

        .searchResultsAsideMenuType01 > li {
            border-bottom: 1px dotted #ddd
        }

        .searchResultsAsideMenuType01 > li > a {
            display: block;
            position: relative;
            padding: 8px 12px 8px 36px
        }

        .searchResultsAsideMenuType01 > li > a > .menuIco {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 12px;
            margin: 0
        }

        .auctopiBox {
            margin: 24px 0 16px
        }

        .auctopiBox .auctopiList {
            margin-left: -8px
        }

        .auctopiBox .auctopiList .auctopiListBox {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 33.3333%;
            width: -webkit-calc(100% / 3);
            width: -moz-calc(100% / 3);
            width: calc(100% / 3);
            font-size: 12px;
            font-size: .8rem;
            position: relative;
            float: left;
            margin-bottom: 16px;
            padding-left: 8px
        }

        .auctopiBox .auctopiList .auctopiListBox a {
            display: block;
            position: relative
        }

        .auctopiBox .auctopiList .auctopiListBox a .auctopiDetail {
            position: relative;
            width: 100%;
            padding-top: 50%;
            background-color: #fff
        }

        .auctopiBox .auctopiList .auctopiListBox a .auctopiDetail .auctopiTtl {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            margin-bottom: 0;
            padding: 6px 12px;
            background-color: rgba(0, 0, 0, .7);
            color: #fff
        }

        .auctopiBox .auctopiList .auctopiListBox a .auctopiDetail .auctopiTtl span {
            display: -webkit-box;
            display: box;
            -webkit-box-orient: vertical;
            box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            overflow: hidden;
            height: 38px
        }

        .auctopiBox .auctopiList .auctopiListBox a .auctopiDetail .auctopiThum {
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            width: 100%;
            height: 100%;
            background-color: #fff
        }

        .auctopiBox .auctopiList .auctopiListBox a .auctopiDetail .auctopiThum img {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 120%;
            height: auto;
            -webkit-backface-visibility: hidden
        }

        .auctopiBox .auctopiList .auctopiListBox a:not(.tb):hover .auctopiThum img {
            opacity: .6
        }

        .csvDownloadFrame {
            border: none
        }

        body.csvDownloadBody {
            min-width: 0
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadGetHd {
            font-size: 18px;
            font-size: 1.2rem;
            margin-bottom: 8px;
            text-align: center
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadGetList {
            margin-bottom: 8px
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadGetList > li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            float: left;
            width: 50%;
            padding: 4px 8px 4px 0
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadGetList > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadGetList > li:before {
            right: 8px;
            bottom: 0;
            width: 100%;
            border-bottom: 1px dotted #ddd
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadGetList > li:nth-of-type(even) {
            padding: 4px 0 4px 8px
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadGetList > li:nth-of-type(even):before {
            right: auto;
            left: 8px
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadGetList > li label {
            display: block
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadSubmit {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            position: relative;
            height: 40px;
            width: 195px;
            margin: 16px auto 4px
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadSubmit > button {
            font-size: 18px;
            font-size: 1.2rem;
            font-weight: 700
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadNote {
            font-size: 12px;
            font-size: .8rem;
            margin: 8px 0 0 0;
            color: #999;
            text-align: center
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadTimes {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            margin: 16px 88px;
            padding: 8px;
            background-color: #f1f1f2;
            text-align: center
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadTimes .val {
            margin-left: 8px;
            color: #fa6807;
            font-weight: 700
        }

        body.csvDownloadBody .csvDownloadBox .csvDownloadErrorTxt {
            margin: 0;
            text-align: center;
            color: #fa4c07
        }

        .searchMiniGraphBox {
            position: relative;
            margin-bottom: 8px
        }

        .searchMiniGraphBox .searchMiniGraphHd {
            font-size: 18px;
            font-size: 1.2rem;
            margin-top: 16px;
            padding: 0 12px 8px
        }

        .searchMiniGraphBox .searchMiniGraphBoxInner {
            padding: 0 12px
        }

        .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock {
            font-size: 11px;
            font-size: .73333rem;
            position: relative;
            z-index: 1
        }

        .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock .searchGraphNavList > li {
            position: relative;
            width: 33.3333%;
            width: -webkit-calc(100% / 3);
            width: -moz-calc(100% / 3);
            width: calc(100% / 3);
            float: left;
            padding: 8px 0;
            color: #666;
            font-weight: 700;
            text-align: center;
            cursor: pointer
        }

        .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock .searchGraphNavList > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock .searchGraphNavList > li:before {
            display: none;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #29c278
        }

        .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock .searchGraphNavList > li:not(.tb):hover {
            color: #999
        }

        .searchMiniGraphBox .searchMiniGraphBoxInner .searchMiniGraphRenderCont {
            height: 200px
        }

        .searchMiniGraphBox .searchMiniGraphLinkBlock {
            position: relative;
            z-index: 1;
            text-align: center
        }

        .searchMiniGraphBox .searchMiniGraphLinkBlock .catchTxt {
            font-size: 15px;
            font-size: 1rem;
            margin: -4px 0 8px;
            color: #666
        }

        .searchMiniGraphBox .searchMiniGraphLinkBlock .linkTxt {
            position: relative;
            position: relative;
            font-size: 13px;
            font-size: .86667rem;
            display: block;
            padding: 14px 0 12px;
            border-top: 3px solid #e3e4e6;
            background-color: #f1f1f2;
            font-weight: 700;
            text-align: center
        }

        .searchMiniGraphBox .searchMiniGraphLinkBlock .linkTxt:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchMiniGraphBox .searchMiniGraphLinkBlock .linkTxt:after {
            display: block;
            position: absolute;
            content: ""
        }

        .searchMiniGraphBox .searchMiniGraphLinkBlock .linkTxt:before {
            top: 0;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -24px;
            border-style: solid;
            border-width: 13px 22px 0 22px;
            border-color: #e3e4e6 transparent transparent
        }

        .searchMiniGraphBox .searchMiniGraphLinkBlock .linkTxt:after {
            top: -3px;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -24px;
            border-style: solid;
            border-width: 12px 22px 0 22px;
            border-color: #fff transparent transparent
        }

        .searchMiniGraphBox .searchMiniGraphLinkBlock .linkTxt > p {
            margin: 0
        }

        .hdSearchResultsBox {
            font-size: 24px;
            font-size: 1.6rem;
            position: relative;
            border-top: 4px solid #ddd;
            border-bottom: 1px solid #ddd;
            background-color: #f1f1f2
        }

        .hdSearchResultsBox > .hdSearchResultsBoxInner {
            position: relative;
            width: 1000px;
            margin: 0 auto;
            padding: 0 32px
        }

        .hdSearchResultsBox > .hdSearchResultsBoxInner .hdSearchResults {
            position: relative;
            padding: 12px 0
        }

        .hdSearchResultsBox > .hdSearchResultsBoxInner .hdSearchResults > .hdSearchResultsSup {
            font-size: 15px;
            font-size: 1rem;
            color: #999;
            vertical-align: middle
        }

        .hdSearchResultsBox > .hdSearchResultsBoxInner .hdSearchResults > .hdSearchResultsTxt {
            display: inline-block;
            margin: 0 8px 0 0;
            color: #333
        }

        .hdSearchResultsBox > .hdSearchResultsBoxInner .hdSearchResults > .hdSearchResultsTxt > .itemsName {
            margin-right: 8px;
            font-weight: 700;
            color: #333
        }

        .hdSearchResultsBox > .hdSearchResultsBoxInner .hdSearchResults > .searchItemsMore {
            font-size: 18px;
            font-size: 1.2rem;
            display: inline-block
        }

        .hdSearchResultsBox > .hdSearchResultsBoxInner .hdSearchResults > .searchItemsMore > i {
            margin-left: 0
        }

        .hdSearchResultsBox > .hdSearchResultsBoxInner .hdSearchResults > .searchItemsMore > a {
            font-weight: 700
        }

        body.typeExtend .hdSearchResultsBox > .hdSearchResultsBoxInner {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide .hdSearchResultsBox > .hdSearchResultsBoxInner {
            width: auto
        }

        .searchResultsHdType01 {
            font-size: 18px;
            font-size: 1.2rem;
            margin-top: 16px;
            padding: 0 12px 8px;
            border-bottom: 1px solid #ddd
        }

        .searchResultsHdType02 {
            font-size: 13px;
            font-size: .86667rem;
            margin: 24px 0 4px;
            color: #666
        }

        .searchResultsHdType03 {
            font-size: 11px;
            font-size: .73333rem;
            margin: 2px 0;
            color: #999
        }

        .searchKeywordsBox > .keywordsList {
            margin-top: -4px;
            font-size: 13px;
            font-size: .86667rem
        }

        .searchKeywordsBox > .keywordsList a {
            color: #999
        }

        .searchKeywordsBox > .keywordsList a:hover {
            color: #89c629
        }

        .subCateKeywordBox {
            margin-bottom: 24px
        }

        .subCateKeywordBox .subCateKeywordArea {
            overflow: hidden;
            min-height: 26px;
            max-height: 54px
        }

        .subCateKeywordBox .subCateKeywordArea .subCateKeywordList {
            position: relative
        }

        .subCateKeywordBox .subCateKeywordArea .subCateKeywordList > li {
            display: inline-block;
            position: relative;
            vertical-align: top;
            white-space: nowrap
        }

        .subCateKeywordBox .subCateKeywordArea .subCateKeywordList > li .btnType01 {
            font-size: 12px;
            font-size: .8rem;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            display: block;
            margin-bottom: 4px;
            padding: 2px 8px;
            font-weight: 400
        }

        .subCateKeywordBox .subCateKeywordArea .subCateKeywordList > li .btnType01:not(.tb):hover {
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03)
        }

        .recommendCateKeywordBox {
            position: relative;
            position: relative;
            overflow: hidden;
            height: 60px;
            margin-top: 40px;
            padding-left: 160px;
            border-radius: 4px;
            background-color: #f1f1f2
        }

        .recommendCateKeywordBox:before {
            display: block;
            position: absolute;
            content: ""
        }

        .recommendCateKeywordBox::before {
            top: 0;
            left: 0;
            width: 144px;
            height: 60px;
            background-color: #aeb0b5
        }

        .recommendCateKeywordBox .recommendCateKeywordHd {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 14px;
            font-size: .93333rem;
            position: absolute;
            top: 50%;
            left: 0;
            width: 144px;
            padding: 12px 0 12px 12px;
            color: #fff
        }

        .recommendCateKeywordBox .recommendCateKeywordList {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 160px;
            overflow: hidden;
            height: 30px;
            margin-top: 4px;
            padding-right: 12px
        }

        .recommendCateKeywordBox .recommendCateKeywordList > li {
            position: relative;
            float: left;
            margin-right: 8px;
            vertical-align: top;
            white-space: nowrap
        }

        .recommendCateKeywordBox .recommendCateKeywordList > li .btnType01 {
            font-size: 12px;
            font-size: .8rem;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            display: block;
            margin-bottom: 8px;
            padding: 2px 8px;
            font-weight: 400
        }

        .recommendCateKeywordBox .recommendCateKeywordList > li .btnType01:not(.tb):hover {
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03)
        }

        .searchLongTermBox {
            margin: 24px 0
        }

        .searchLongTermBox .searchLongTermHd {
            font-size: 16px;
            font-size: 1.06667rem;
            margin: 0 8px 24px;
            color: #666;
            text-align: center
        }

        .searchLongTermBox .searchLongTermHd .hdTxt {
            position: relative;
            position: relative;
            display: inline-block;
            padding: 0 100px
        }

        .searchLongTermBox .searchLongTermHd .hdTxt:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchLongTermBox .searchLongTermHd .hdTxt:after {
            display: block;
            position: absolute;
            content: ""
        }

        .searchLongTermBox .searchLongTermHd .hdTxt:after, .searchLongTermBox .searchLongTermHd .hdTxt:before {
            top: 50%;
            left: 0;
            transform: translateY(50%);
            border-top: 2px dotted #ddd;
            width: 80px
        }

        .searchLongTermBox .searchLongTermHd .hdTxt:after {
            right: 0;
            left: auto
        }

        .searchNoItemsBox .searchNoItemsHd {
            font-size: 20px;
            font-size: 1.33333rem;
            box-sizing: border-box;
            margin: 0 8px 8px;
            padding: 24px 0 32px;
            border-bottom: 1px solid #ddd;
            color: #666;
            font-weight: 700;
            text-align: center
        }

        .searchNpsForm {
            padding: 40px;
            margin-bottom: 48px;
            background-color: #eefcf5
        }

        .searchNpsForm .searchNpsFormHd {
            font-size: 16px;
            font-size: 1.06667rem;
            margin-bottom: 24px;
            font-weight: 700;
            text-align: center
        }

        .searchNpsForm .searchNpsFormList {
            display: flex;
            justify-content: center
        }

        .searchNpsForm .searchNpsFormList li:not(:last-child) {
            margin-right: 16px
        }

        .searchNpsForm .searchNpsFormList li .npsScoreField {
            clip: rect(0 0 0 0);
            clip-path: inset(50%);
            position: absolute;
            overflow: hidden;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            white-space: nowrap
        }

        .searchNpsForm .searchNpsFormList li .npsScoreField:checked + .npsScoreLabel, .searchNpsForm .searchNpsFormList li .npsScoreField:hover + .npsScoreLabel {
            background-color: #29c278;
            color: #fff
        }

        .searchNpsForm .searchNpsFormList li .npsScoreLabel {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 48px;
            height: 48px;
            box-sizing: border-box;
            border-radius: 50%;
            border: 1px solid #29c278;
            background-color: #fff;
            color: #29c278;
            line-height: 1;
            transition: background-color .2s;
            cursor: pointer
        }

        .searchNpsForm .searchNpsFormNote {
            font-size: 13px;
            font-size: .86667rem;
            display: flex;
            justify-content: space-between;
            width: 688px;
            margin: 12px auto 0
        }

        .searchNpsForm .searchNpsFormNote .npsScoreNote {
            width: calc(100% / 3);
            color: #29c278
        }

        .searchNpsForm .searchNpsFormNote .npsScoreNote.middleNote {
            text-align: center
        }

        .searchNpsForm .searchNpsFormNote .npsScoreNote.highNote {
            text-align: right
        }

        .npsModalCont .npsFormArea .npsFormItemBlock:not(:last-child) {
            margin-bottom: 16px
        }

        .npsModalCont .npsFormArea .npsFormItemBlock p {
            margin-bottom: 0
        }

        .npsModalCont .npsFormArea .npsFormItemBlock .npsFormMessage.messageError {
            color: #fa4c07;
            text-align: center
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormInputBlock .npsFormLabel {
            display: inline-block;
            margin-bottom: 8px
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormInputBlock .npsFormLabel .npsFormLabelNum {
            margin-right: 4px;
            color: #29c278;
            font-weight: 700
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormInputBlock .npsFormLabel.requiredLabel {
            position: relative
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormInputBlock .npsFormLabel.requiredLabel:after {
            display: block;
            position: absolute;
            content: "必須"
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormInputBlock .npsFormLabel.requiredLabel:after {
            display: inline-block;
            position: static;
            background-color: #ffa200
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormInputBlock .npsFormLabel.optionalLabel {
            position: relative
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormInputBlock .npsFormLabel.optionalLabel:after {
            display: block;
            position: absolute;
            content: "任意"
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormInputBlock .npsFormLabel.optionalLabel:after {
            display: inline-block;
            position: static;
            background-color: #999
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormInputBlock .npsFormLabel:after {
            font-size: 12px;
            font-size: .8rem;
            padding: 4px;
            margin-left: 8px;
            border-radius: 4px;
            color: #fff;
            line-height: 1
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormInputBlock .textareaFormType02 {
            height: 100px;
            vertical-align: bottom
        }

        .npsModalCont .npsFormArea.npsFormInputArea .npsFormNoteBlock {
            font-size: 12px;
            font-size: .8rem;
            color: #999
        }

        .npsModalCont .npsFormArea.npsFormResultArea {
            display: none
        }

        .npsModalCont.npsFormResult .npsFormInputArea {
            display: none
        }

        .npsModalCont.npsFormResult .npsFormResultArea {
            display: block
        }

        .searchConditionFloatingBtn {
            display: none;
            position: fixed;
            bottom: 0;
            right: 0;
            z-index: 10;
            width: 100%;
            -webkit-tap-highlight-color: transparent
        }

        .searchConditionFloatingBtn .floatingBtnBlock {
            -webkit-transform: translateX(24px);
            -moz-transform: translateX(24px);
            -ms-transform: translateX(24px);
            -o-transform: translateX(24px);
            transform: translateX(24px);
            position: absolute;
            bottom: 24px;
            left: 42%;
            border-radius: 200px
        }

        .searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner {
            display: flex;
            gap: 24px;
            z-index: 1
        }

        .searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner .floatingBtn {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 15px;
            font-size: 1rem;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            overflow: visible;
            width: 220px;
            padding: 12px 0;
            border-radius: 200px;
            box-shadow: 0 0 0 6px #fff;
            border: 3px solid #ddd;
            background-color: #f1f1f2;
            color: #333;
            font-weight: 700;
            text-align: center;
            cursor: pointer
        }

        .searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner .floatingBtn > a {
            color: #333
        }

        .searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner .floatingBtn:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        .searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner .limit {
            position: relative
        }

        .searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner .limit:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner .limit:before {
            display: none;
            top: 0;
            right: 0;
            z-index: 2;
            width: 10px;
            height: 10px;
            border-radius: 200px;
            border: 2px solid #fff;
            background-color: #fa4c07
        }

        .searchConditionFloatingBtn .floatingBtnBlock .overlapCont {
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            font-size: 16px;
            font-size: 1.06667rem;
            display: none;
            position: absolute;
            top: -24px;
            left: 50%;
            z-index: 3;
            overflow: hidden;
            width: 500px;
            height: 90px;
            border-radius: 6px;
            background-color: rgba(0, 0, 0, .6);
            color: #fff;
            text-align: center;
            cursor: pointer
        }

        .searchConditionFloatingBtn .floatingBtnBlock .overlapCont .overlapContInner {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            padding: 24px
        }

        .searchConditionFloatingBtn .floatingBtnBlock .overlapCont .overlapContInner .overlapTxt {
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            font-size: 18px;
            font-size: 1.2rem;
            margin-top: 8px;
            font-weight: 700;
            white-space: nowrap
        }

        .memberFloatingBox {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            font-size: 16px;
            font-size: 1.06667rem;
            display: none;
            position: fixed;
            bottom: 100px;
            right: 20px;
            z-index: 2002;
            width: 300px;
            padding-top: 44px;
            border-radius: 6px;
            background-color: #fff;
            text-align: center
        }

        .memberFloatingBox .memberFloatingBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            visibility: hidden;
            overflow: hidden;
            opacity: 0;
            width: 100%;
            padding: 0 16px 16px;
            color: #333
        }

        .memberFloatingBox .memberFloatingBlock .memberTxt {
            margin: 0
        }

        .memberFloatingBox .memberFloatingBlock .memberTxt > b {
            font-size: 20px;
            font-size: 1.33333rem;
            font-weight: 700;
            margin-right: 2px
        }

        .memberFloatingBox .memberFloatingBlock .memberTimeLimit {
            margin: 8px 0 0;
            color: #fa4c07;
            font-weight: 700
        }

        .memberFloatingBox .memberFloatingBlock .memberTimeLimit .timer {
            margin-left: 8px
        }

        .memberFloatingBox .memberFloatingBlock .memberTimeLimit .timer div {
            display: inline-block
        }

        .memberFloatingBox .memberFloatingBlock .memberTimeLimit .timer div [class$="-text"] {
            font-size: 13px;
            font-size: .86667rem;
            display: inline-block;
            margin-right: 2px
        }

        .memberFloatingBox .memberFloatingBlock .memberTimeLimit .timer div [class$="-text"]:last-child {
            margin-right: 0
        }

        .memberFloatingBox .memberFloatingBlock .memberBtn {
            font-size: 18px;
            font-size: 1.2rem;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            display: block;
            margin: 12px 0 0;
            padding: 8px;
            border-radius: 6px;
            background-color: #29c278;
            color: #fff
        }

        .memberFloatingBox .memberFloatingBlock .memberBtn:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        .memberFloatingBox .memberFloatingBlock .closeBtn {
            position: absolute;
            top: 0;
            right: 0;
            width: 40px;
            height: 40px;
            border-radius: 0 6px 0 0;
            cursor: pointer
        }

        .memberFloatingBox .memberFloatingBlock .closeBtn > i {
            display: block;
            position: absolute;
            top: 16px;
            right: 16px;
            margin: 0
        }

        .memberFloatingBox .memberFloatingIco {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            visibility: hidden;
            position: absolute;
            top: 0;
            left: 50%;
            width: 68px;
            height: 68px;
            margin: -34px 0 0 -34px;
            border-radius: 200px;
            background-color: #29c278
        }

        .memberFloatingBox .memberFloatingIco .ico {
            display: block;
            background-image: url(/assets/image/common/sprites/search1.png?1726018500);

            width: 52px;
            height: 58px;
            background-position: -308px -134px;
            display: inline-block;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            display: block;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin: 0
        }

        .memberFloatingBox.typeAuc10th .memberFloatingBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            visibility: hidden;
            overflow: hidden;
            opacity: 0;
            width: 100%;
            padding: 0 16px 16px;
            color: #333
        }

        .memberFloatingBox.typeAuc10th .memberFloatingBlock .memberTxt .amount {
            font-size: 28px;
            font-size: 1.86667rem
        }

        .memberFloatingBox.typeAuc10th .memberFloatingIco {
            width: 80px;
            height: 90px;
            margin: -56px 0 0 -40px;
            background: 0 0;
            border-radius: 0
        }

        .memberFloatingBox.typeAuc10th .memberFloatingIco .ico {
            display: block;
            background-image: url(/assets/image/common/sprites/search1.png?1726018500);

            width: 80px;
            height: 90px;
            background-position: -567px -223px;
            display: inline-block
        }

        .searchPaginationBox {
            margin-bottom: 8px
        }

        .searchPaginationBox .searchPaginationBoxInner {
            font-size: 13px;
            font-size: .86667rem
        }

        .searchPaginationBox .searchPaginationBoxInner [class*=arrowLeftIco] {
            margin-left: 0
        }

        .searchPaginationBox .searchPaginationBoxInner [class*=arrowRightIco] {
            margin-right: 0
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav {
            float: left
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            position: relative;
            float: left;
            margin: 0 4px 4px 0;
            border: 1px solid #ddd;
            background-color: #f1f1f2
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li:last-child {
            margin-right: 0
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li:not(.tb):hover {
            background-color: #fff
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li:not(.tb):hover > a {
            color: #89c629
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.first {
            position: relative;
            margin-right: 20px
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.first:before {
            display: block;
            position: absolute;
            content: "..."
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.first:before {
            bottom: 0;
            right: -21px;
            width: 20px;
            color: #999;
            text-align: center
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.last {
            position: relative;
            margin-left: 16px
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.last:before {
            display: block;
            position: absolute;
            content: "..."
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.last:before {
            bottom: 0;
            left: -21px;
            width: 20px;
            color: #999;
            text-align: center
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li > a {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            display: block;
            padding: 6px;
            color: #666;
            line-height: 1
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav, .searchPaginationBox .searchPaginationBoxInner .searchYearNav {
            float: right
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav.searchYearNav, .searchPaginationBox .searchPaginationBoxInner .searchYearNav.searchYearNav {
            margin-left: 8px
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li, .searchPaginationBox .searchPaginationBoxInner .searchYearNav > li {
            -webkit-transition: background-color .2s ease;
            -moz-transition: background-color .2s ease;
            -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
            float: left;
            min-width: 60px;
            margin-bottom: 4px;
            border: 1px solid #ddd;
            border-left: none;
            background-color: #f1f1f2;
            text-align: center
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li:first-child, .searchPaginationBox .searchPaginationBoxInner .searchYearNav > li:first-child {
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            -ms-border-radius: 4px 0 0 4px;
            -o-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
            border-left: 1px solid #ddd
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li:last-child, .searchPaginationBox .searchPaginationBoxInner .searchYearNav > li:last-child {
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            -ms-border-radius: 0 4px 4px 0;
            -o-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li:not(.tb):hover, .searchPaginationBox .searchPaginationBoxInner .searchYearNav > li:not(.tb):hover {
            background-color: #fff
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li:not(.tb):hover > a, .searchPaginationBox .searchPaginationBoxInner .searchYearNav > li:not(.tb):hover > a {
            color: #89c629
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li > a, .searchPaginationBox .searchPaginationBoxInner .searchYearNav > li > a {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            display: block;
            padding: 6px;
            color: #666;
            line-height: 1
        }

        .searchPaginationBox .searchPaginationTxt {
            font-size: 12px;
            font-size: .8rem;
            margin: 0 0 4px;
            color: #666
        }

        .searchPossiblyBox {
            margin: 24px 0
        }

        .searchPossiblyBox .searchPossiblyHd {
            font-size: 16px;
            font-size: 1.06667rem;
            margin: 0 8px 24px;
            color: #666;
            text-align: center
        }

        .searchPossiblyBox .searchPossiblyHd .hdTxt {
            position: relative;
            position: relative;
            display: inline-block;
            padding: 0 100px 0 92px
        }

        .searchPossiblyBox .searchPossiblyHd .hdTxt:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchPossiblyBox .searchPossiblyHd .hdTxt:after {
            display: block;
            position: absolute;
            content: ""
        }

        .searchPossiblyBox .searchPossiblyHd .hdTxt:after, .searchPossiblyBox .searchPossiblyHd .hdTxt:before {
            top: 50%;
            left: 0;
            transform: translateY(50%);
            border-top: 2px dotted #ddd;
            width: 80px
        }

        .searchPossiblyBox .searchPossiblyHd .hdTxt:after {
            right: 0;
            left: auto
        }

        .searchPossiblyBox .searchPossiblyHd .hdTxt .itemName {
            font-weight: 700
        }

        .searchPossiblyBox .searchPossiblyHd .hdTxt del {
            color: #666;
            font-weight: 400;
            text-decoration: line-through
        }

        .searchAveragePrice {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 16px 12px 10px;
            background-color: #6d6f76;
            color: #fff;
            line-height: 1;
            word-break: break-all
        }

        .searchAveragePrice .averagePriceHd {
            font-size: 13px;
            font-size: .86667rem;
            margin-bottom: 8px;
            padding-bottom: 8px;
            border-bottom: 1px solid #94969c
        }

        .searchAveragePrice .averagePriceCont {
            margin: 0;
            text-align: right
        }

        .searchAveragePrice .averagePriceCont .amount {
            font-size: 30px;
            font-size: 2rem;
            margin-right: 4px;
            font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-weight: 700
        }

        .refineSearchNotes {
            font-size: 12px;
            font-size: .8rem;
            margin-top: 4px;
            color: #999
        }

        .searchResultsAccBox .searchResultsAccHd {
            position: relative;
            cursor: pointer
        }

        .searchResultsAccBox .searchResultsAccHd:not(.tb):hover {
            color: #89c629
        }

        .searchResultsAccBox .searchResultsAccHd .searchResultsAccIco {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            display: block;
            position: absolute;
            top: 45%;
            right: 12px;
            margin: 0
        }

        .searchResultsAccBox .searchResultsAccBlock .searchResultsAccList {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            font-size: 13px;
            font-size: .86667rem;
            background-color: #fff
        }

        .searchResultsAccBox .searchResultsAccBlock .searchResultsAccList > li {
            border-top: 1px dotted #ddd
        }

        .searchResultsAccBox .searchResultsAccBlock .searchResultsAccList > li:first-child {
            border-top: none
        }

        .searchResultsAccBox .searchResultsAccBlock .searchResultsAccList > li > a {
            display: block;
            padding: 6px 8px;
            color: #666
        }

        .searchResultsAccBox .searchResultsAccBlock .searchResultsAccList > li > a:not(.tb):hover {
            color: #89c629
        }

        .searchResultsUntilCol2 {
            margin-left: -24px
        }

        .searchResultsUntilCol2 > .searchResultsUntilBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            position: relative;
            float: left;
            width: 50%;
            padding-left: 24px
        }

        .searchResultsUntilCol2 > .searchResultsUntilBlock:before {
            display: block;
            position: absolute;
            content: "〜"
        }

        .searchResultsUntilCol2 > .searchResultsUntilBlock:before {
            font-size: 12px;
            font-size: .8rem;
            top: 8px;
            left: 0;
            width: 24px;
            color: #999;
            text-align: center
        }

        .searchResultsUntilCol2 > .searchResultsUntilBlock:first-child:before {
            display: none
        }

        .searchResultsUntilCol2 > .searchResultsUntilBlock.setUnit {
            padding-right: 16px
        }

        .searchResultsUntilCol2 > .searchResultsUntilBlock.setUnit > .unit {
            font-size: 12px;
            font-size: .8rem;
            display: block;
            position: absolute;
            top: 18px;
            right: 0;
            color: #999;
            line-height: 1;
            text-align: right
        }

        .searchResultsMultiCol2 {
            margin-left: -8px
        }

        .searchResultsMultiCol2 > .searchResultsMultiBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            float: left;
            width: 50%;
            padding-left: 8px
        }

        .searchResultsMultiCol2 > .searchResultsMultiBlock.setUnit {
            padding-right: 16px
        }

        .searchResultsMultiCol2 > .searchResultsMultiBlock.setUnit > .unit {
            font-size: 12px;
            font-size: .8rem;
            display: block;
            position: absolute;
            top: 18px;
            right: 0;
            color: #999;
            line-height: 1;
            text-align: right
        }

        .searchResultsList {
            margin: 4px 0 8px
        }

        .searchResultsList > li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 4px 0;
            border-bottom: 1px dotted #ddd
        }

        .searchResultsList > li input.checkFormType02[type=checkbox] + label, .searchResultsList > li input.radioFormType02[type=radio] + label {
            display: block
        }

        .searchResultsListCol2, .searchResultsListCol3 {
            margin: 4px 0 8px
        }

        .searchResultsListCol2 > li, .searchResultsListCol3 > li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            width: 50%;
            padding-right: 4px
        }

        .searchResultsListCol2 > li input.checkFormType02[type=checkbox] + label, .searchResultsListCol2 > li input.radioFormType02[type=radio] + label, .searchResultsListCol3 > li input.checkFormType02[type=checkbox] + label, .searchResultsListCol3 > li input.radioFormType02[type=radio] + label {
            display: block
        }

        .searchResultsListCol3 > li {
            width: 33.3333%
        }

        .refineSearchSubmit {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            position: relative;
            height: 35px;
            width: 195px;
            margin: 16px auto 4px
        }

        .refineSearchSubmit button {
            font-size: 15px;
            font-size: 1rem;
            padding-left: 4px;
            letter-spacing: 4px
        }

        .refineSearchPremLink {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            font-size: 13px;
            font-size: .86667rem;
            margin: 8px 16px 4px;
            background-color: #fff;
            font-weight: 700;
            text-align: center
        }

        .refineSearchPremLink > a {
            display: block;
            padding: 4px 4px 4px 0
        }

        .searchResultsAccTopicsPathList {
            font-size: 11px;
            font-size: .73333rem;
            padding: 12px 12px 0;
            background-color: #f1f1f2
        }

        .searchResultsAccTopicsPathList > li {
            position: relative;
            display: inline;
            line-height: 1.8
        }

        .searchResultsAccTopicsPathList > li:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchResultsAccTopicsPathList > li:before {
            content: ""
        }

        .searchResultsAccTopicsPathList > li:before {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 10px;
            font-size: .66667rem;
            display: inline;
            position: static;
            margin-right: 4px;
            vertical-align: middle;
            color: #999
        }

        .searchResultsAccTopicsPathList > li a {
            font-weight: 700;
            vertical-align: middle
        }

        .searchResultsAccTopicsPathList > li:first-child:before {
            display: none
        }

        .resultMarketPlaceBox {
            font-size: 12px;
            font-size: .8rem;
            padding: 6px 12px;
            border-top: 1px solid #ddd;
            background-color: #f1f1f2;
            font-weight: 700
        }

        .resultMarketPlaceBox > .resultMarketPlaceBlock > li {
            display: inline-block;
            margin: 2px 6px 2px 0;
            padding-right: 10px;
            border-right: 1px solid #ccc;
            line-height: 1;
            white-space: nowrap
        }

        .resultMarketPlaceBox > .resultMarketPlaceBlock > li:last-child {
            margin-right: 0;
            padding-right: 0;
            border-right: none
        }

        .resultMarketPlaceBox > .resultMarketPlaceBlock > li > a {
            display: inline-block;
            padding: 2px 0
        }

        .resultMarketPlaceBox > .resultMarketPlaceBlock > li > a > .site {
            display: inline-block;
            margin-right: 8px;
            color: #666;
            font-weight: 400
        }

        .searchPeriodBox .searchPeriodRecently, .searchPeriodHideBox .searchPeriodRecently {
            font-size: 13px;
            font-size: .86667rem;
            margin-bottom: 16px;
            padding-bottom: 2px;
            border-bottom: 1px solid #ddd
        }

        .searchPeriodBox .searchPeriodRecently > a, .searchPeriodHideBox .searchPeriodRecently > a {
            display: block;
            font-weight: 700
        }

        .searchPeriodBox .searchPeriodHd, .searchPeriodHideBox .searchPeriodHd {
            position: relative;
            margin-top: 0;
            padding-bottom: 2px;
            border-bottom: 1px solid #ddd
        }

        .searchPeriodBox .searchPeriodHd .searchPeriodIco, .searchPeriodHideBox .searchPeriodHd .searchPeriodIco {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            position: absolute;
            top: 50%;
            right: 8px;
            margin: 0
        }

        .searchPeriodBox .searchPeriodBlock .searchPeriodList, .searchPeriodHideBox .searchPeriodBlock .searchPeriodList {
            font-size: 12px;
            font-size: .8rem;
            padding-bottom: 16px
        }

        .searchPeriodBox .searchPeriodBlock .searchPeriodList > li, .searchPeriodHideBox .searchPeriodBlock .searchPeriodList > li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 16.67%;
            width: -webkit-calc(100% / 6);
            width: -moz-calc(100% / 6);
            width: calc(100% / 6);
            float: left;
            padding: 0 4px 4px 0;
            font-weight: 700;
            text-align: right;
            white-space: nowrap
        }

        .searchPeriodBox .searchPeriodBlock .searchPeriodList > li > a, .searchPeriodHideBox .searchPeriodBlock .searchPeriodList > li > a {
            display: block
        }

        .searchPeriodBox.searchPeriodHideBox .searchPeriodHd, .searchPeriodHideBox.searchPeriodHideBox .searchPeriodHd {
            cursor: pointer
        }

        .searchPeriodBox.searchPeriodHideBox .searchPeriodHd:not(.tb):hover, .searchPeriodHideBox.searchPeriodHideBox .searchPeriodHd:not(.tb):hover {
            color: #89c629
        }

        .searchPeriodBox.searchPeriodHideBox .searchPeriodBlock, .searchPeriodHideBox.searchPeriodHideBox .searchPeriodBlock {
            display: none
        }

        .searchPeriodBox.searchPeriodHideBox:nth-last-of-type(1) .searchPeriodBlock .searchPeriodList, .searchPeriodHideBox.searchPeriodHideBox:nth-last-of-type(1) .searchPeriodBlock .searchPeriodList {
            padding-bottom: 0
        }

        .searchPeriodBtn {
            margin: 16px 0 4px
        }

        .searchPeriodBtn > a {
            font-size: 15px;
            font-size: 1rem
        }

        .searchPeriodCombineBox {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            position: relative;
            overflow: hidden;
            background-color: #fff;
            margin-bottom: 12px
        }

        .searchPeriodCombineBox:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchPeriodCombineBox .searchPeriodCombineHd {
            font-size: 16px;
            font-size: 1.06667rem;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 8px;
            font-weight: 700
        }

        .searchPeriodCombineBox .searchPeriodCombineHd .searchPeriodCombineHdHelp {
            margin-left: 8px
        }

        .searchPeriodCombineBox .searchPeriodCombineHd .searchPeriodCombineHdHelp .helpIcon {
            font-size: 24px;
            font-size: 1.6rem;
            color: #ffa200
        }

        .searchPeriodCombineBox .searchPeriodCombineHd .searchPeriodCombineHdHelp .helpIcon:before {
            content: ""
        }

        .searchPeriodCombineBox .searchPeriodCombineCont {
            font-size: 11px;
            font-size: .73333rem;
            padding: 0 8px 8px;
            text-align: center;
            color: #666
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .functionalRestrictionArea {
            position: absolute;
            z-index: 1;
            bottom: 8px;
            left: 8px;
            cursor: pointer
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .functionalRestrictionArea .functionalRestrictionIco {
            font-size: 16px;
            font-size: 1.06667rem;
            position: absolute;
            top: -8px;
            left: -4px;
            color: #d4a85c
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .functionalRestrictionArea .functionalRestrictionIco:before {
            content: ""
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .functionalRestrictionArea .functionalRestrictionAreaInner {
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            width: 208px;
            height: 28px;
            padding: 4px 8px;
            box-sizing: border-box;
            background: rgba(255, 255, 255, .8)
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .functionalRestrictionArea .functionalRestrictionAreaInner .functionalRestrictionTxt {
            font-size: 11px;
            font-size: .73333rem;
            margin-right: 8px;
            color: #000
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .functionalRestrictionArea .functionalRestrictionAreaInner .functionalRestrictionBtn {
            font-size: 10px;
            font-size: .66667rem;
            padding: 4px;
            border-radius: 4px;
            box-sizing: border-box;
            background-color: #d4a85c;
            color: #fff;
            line-height: 1.2
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .combineSearchList {
            font-size: 10px;
            font-size: .66667rem;
            display: table;
            position: relative;
            width: 100%;
            margin-top: 8px;
            table-layout: fixed;
            white-space: nowrap
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .combineSearchList > li {
            -webkit-transition: opacity .2s ease;
            -moz-transition: opacity .2s ease;
            -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
            display: table-cell;
            margin-bottom: 4px;
            border-left: 1px solid #fff;
            background-color: #25ad6b;
            text-align: center
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .combineSearchList > li:first-child {
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            -ms-border-radius: 4px 0 0 4px;
            -o-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
            border-left: none
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .combineSearchList > li:last-child {
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            -ms-border-radius: 0 4px 4px 0;
            -o-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .combineSearchList > li:not(.tb):hover {
            opacity: .75
        }

        .searchPeriodCombineBox .searchPeriodCombineCont .combineSearchList > li > a {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            display: block;
            height: 28px;
            color: #fff;
            line-height: 28px
        }

        .searchPeriodCombineBox .searchPeriodCombineCont p {
            margin: 0
        }

        .searchPeriodCombineBox .searchPeriodCombineCont p.times {
            font-size: 13px;
            font-size: .86667rem;
            margin-top: 4px
        }

        .searchPeriodCombineBox .searchPeriodCombineCont p.times .val {
            color: #fa6807;
            font-weight: 700
        }

        .searchPeriodCombineBox .searchPeriodCombineLink {
            font-size: 13px;
            font-size: .86667rem;
            border-top: 2px dotted #f1f1f2;
            font-weight: 700;
            text-align: center
        }

        .searchPeriodCombineBox .searchPeriodCombineLink a {
            display: block;
            padding: 8px
        }

        .searchPeriodCombineNoItem {
            margin: 0 8px 8px;
            border-bottom: 1px solid #ddd;
            background-color: #f3f7f5
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner {
            position: relative;
            max-width: 728px;
            box-sizing: border-box;
            padding: 32px 24px 16px;
            margin: 0 auto
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner:after {
            display: block;
            position: absolute;
            content: ""
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner:after {
            top: 32px;
            right: 20px;
            width: calc(45% - 24px);
            height: 138px;
            background-image: url(/assets/image/common/layout/search1/combinesearch/img_combine_noitem.svg?1726018500);

            background-size: contain;
            background-position: center
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBlock p {
            font-size: 14px;
            font-size: .93333rem;
            line-height: 1.8;
            letter-spacing: .1em
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBlock p span {
            font-size: 16px;
            font-size: 1.06667rem;
            color: #29c278;
            font-weight: 700
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBlock .searchPeriodCombineNoItemHd {
            font-size: 22px;
            font-size: 1.46667rem;
            margin: 0 0 16px 0;
            letter-spacing: .1em
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBtn {
            text-align: center
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBtn p {
            margin-bottom: 8px
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBtn p span {
            position: relative;
            position: relative;
            font-size: 14px;
            font-size: .93333rem;
            display: inline-block;
            padding: 0 8px;
            color: #d4a85c;
            font-weight: 700
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBtn p span:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBtn p span:after {
            display: block;
            position: absolute;
            content: ""
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBtn p span:after, .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBtn p span:before {
            top: 50%;
            width: 1px;
            height: 14px;
            background: #d4a85c
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBtn p span:before {
            left: 0;
            transform: rotate(-30deg) translateY(-50%)
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBtn p span:after {
            right: 0;
            transform: rotate(30deg) translateY(-50%)
        }

        .searchPeriodCombineNoItem .searchPeriodCombineNoItemInner .searchPeriodCombineNoItemBtn a {
            font-size: 20px;
            font-size: 1.33333rem;
            width: 290px;
            background-color: #d4a85c;
            color: #fff
        }

        .searchToolBtnBox > li {
            margin-bottom: 4px
        }

        .searchToolBtnBox > li > a, .searchToolBtnBox > li > span {
            font-size: 15px;
            font-size: 1rem;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

        .searchShowcaseArea {
            margin: 24px 0
        }

        .searchShowcaseColArea {
            margin: 24px 0 16px -16px
        }

        .searchShowcaseSortNav {
            font-size: 13px;
            font-size: .86667rem;
            margin: 0 8px 8px;
            padding: 0 0 8px;
            text-align: center;
            border-bottom: 2px solid #ddd
        }

        .searchShowcaseSortNav > li {
            float: right;
            padding: 0 8px
        }

        .searchShowcaseSortNav > li:nth-child(1) {
            width: 130px;
            padding-right: 0
        }

        .searchShowcaseSortNav > li:nth-child(2) {
            width: 70px
        }

        .searchShowcaseSortNav > li:nth-child(3) {
            width: 130px
        }

        .searchShowcaseSortNav.mercariSort li:nth-child(1) {
            width: 116px
        }

        .searchShowcaseSortNav.mercariSort li:nth-child(2) {
            width: 116px
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner, .searchShowcaseType01, .showcaseNativeAdType01, .showcaseNativeAdType02 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            position: relative;
            z-index: 1;
            min-height: 138px;
            margin: -8px 8px 8px;
            padding-left: 136px;
            border-bottom: 1px solid #ddd;
            cursor: pointer
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner:not(.tb):hover, .searchShowcaseType01:not(.tb):hover, .showcaseNativeAdType01:not(.tb):hover, .showcaseNativeAdType02:not(.tb):hover {
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            z-index: 1
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark, .searchShowcaseType01 .showcaseItemsBookmark, .showcaseNativeAdType01 .showcaseItemsBookmark, .showcaseNativeAdType02 .showcaseItemsBookmark {
            position: absolute;
            bottom: 8px;
            right: 8px;
            width: 38px;
            height: 38px;
            border-radius: 100%;
            cursor: pointer
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark:not(.tb):hover .bookmarkComment, .searchShowcaseType01 .showcaseItemsBookmark:not(.tb):hover .bookmarkComment, .showcaseNativeAdType01 .showcaseItemsBookmark:not(.tb):hover .bookmarkComment, .showcaseNativeAdType02 .showcaseItemsBookmark:not(.tb):hover .bookmarkComment {
            -webkit-animation: showCommentType01 .4s ease;
            -moz-animation: showCommentType01 .4s ease;
            -ms-animation: showCommentType01 .4s ease;
            -o-animation: showCommentType01 .4s ease;
            animation: showCommentType01 .4s ease;
            display: block;
            right: 50px;
            opacity: 1
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > [class*=btnType], .searchShowcaseType01 .showcaseItemsBookmark > [class*=btnType], .showcaseNativeAdType01 .showcaseItemsBookmark > [class*=btnType], .showcaseNativeAdType02 .showcaseItemsBookmark > [class*=btnType] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            width: 100%;
            height: 100%
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > [class*=btnType] > [class*=heartIco], .searchShowcaseType01 .showcaseItemsBookmark > [class*=btnType] > [class*=heartIco], .showcaseNativeAdType01 .showcaseItemsBookmark > [class*=btnType] > [class*=heartIco], .showcaseNativeAdType02 .showcaseItemsBookmark > [class*=btnType] > [class*=heartIco] {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 1px 0 0
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment, .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment {
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            font-size: 12px;
            font-size: .8rem;
            position: relative;
            position: relative;
            display: none;
            position: absolute;
            top: 50%;
            right: 50px;
            z-index: 1;
            opacity: 0;
            width: 125px;
            padding: 4px 0;
            border: 1px solid #ddd;
            background-color: #fff;
            color: #666;
            text-align: center;
            cursor: auto
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment:before, .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment:before, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment:before, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment:after, .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment:after, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment:after, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment:after {
            display: block;
            position: absolute;
            content: ""
        }

        @-moz-keyframes showCommentType01 {
            0% {
                display: none;
                opacity: 0
            }

            1% {
                display: block;
                right: 40px;
                opacity: 0
            }

            100% {
                display: block;
                right: 50px;
                opacity: 1
            }
        }

        @-webkit-keyframes showCommentType01 {
            0% {
                display: none;
                opacity: 0
            }

            1% {
                display: block;
                right: 40px;
                opacity: 0
            }

            100% {
                display: block;
                right: 50px;
                opacity: 1
            }
        }

        @-o-keyframes showCommentType01 {
            0% {
                display: none;
                opacity: 0
            }

            1% {
                display: block;
                right: 40px;
                opacity: 0
            }

            100% {
                display: block;
                right: 50px;
                opacity: 1
            }
        }

        @-ms-keyframes showCommentType01 {

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment

        0
        %
        ,
        .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment

        0
        %
        ,
        .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment

        0
        %
        ,
        .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment

        0
        %
        {
            display: none
        ;
            opacity: 0
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment

        1
        %
        ,
        .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment

        1
        %
        ,
        .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment

        1
        %
        ,
        .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment

        1
        %
        {
            display: block
        ;
            right: 40px
        ;
            opacity: 0
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment

        100
        %
        ,
        .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment

        100
        %
        ,
        .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment

        100
        %
        ,
        .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment

        100
        %
        {
            display: block
        ;
            right: 50px
        ;
            opacity: 1
        }
        }

        @keyframes showCommentType01 {
            0% {
                display: none;
                opacity: 0
            }

            1% {
                display: block;
                right: 40px;
                opacity: 0
            }

            100% {
                display: block;
                right: 50px;
                opacity: 1
            }
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment:before, .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment:before, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment:before, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment:before {
            top: 50%;
            right: -16px;
            width: 0;
            height: 0;
            margin-top: -6px;
            border: 6px solid transparent;
            border-left: 10px solid #ccc
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment:after, .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment:after, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment:after, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment:after {
            top: 50%;
            right: -15px;
            width: 0;
            height: 0;
            margin-top: -6px;
            border: 6px solid transparent;
            border-left: 10px solid #fff
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock, .searchShowcaseType01 .showcaseItemsImgBlock, .showcaseNativeAdType01 .showcaseItemsImgBlock, .showcaseNativeAdType02 .showcaseItemsImgBlock {
            display: block;
            position: absolute;
            top: 8px;
            left: 8px;
            width: 120px
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg, .searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg, .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg, .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 120px;
            background-color: #fff
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg > .itemsThum, .searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg > .itemsThum, .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg > .itemsThum, .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg > .itemsThum {
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            position: absolute;
            top: 0;
            left: 50%;
            width: auto;
            height: 100%;
            -webkit-backface-visibility: hidden
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType], .searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType], .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType], .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -moz-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
            -o-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
            font-size: 14px;
            font-size: .93333rem;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 80px;
            height: 80px;
            background-color: #94969c;
            color: #fff;
            font-weight: 700;
            line-height: 1;
            text-align: center
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType].itemsCornerType02, .searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType].itemsCornerType02, .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType].itemsCornerType02, .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType].itemsCornerType02 {
            background-color: #fa6807
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType], .searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType], .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType], .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType] {
            position: absolute;
            bottom: 4px;
            left: 0;
            width: 100%
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType].cornerTxtType01, .searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType].cornerTxtType01, .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType].cornerTxtType01, .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType].cornerTxtType01 {
            font-family: "Times New Roman", Times, serif
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType].cornerTxtType02, .searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType].cornerTxtType02, .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType].cornerTxtType02, .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg [class*=itemsCornerType] [class*=cornerTxtType].cornerTxtType02 {
            font-size: 12px;
            font-size: .8rem
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox, .searchShowcaseType01 .searchShowcaseBox, .showcaseNativeAdType01 .searchShowcaseBox, .showcaseNativeAdType02 .searchShowcaseBox {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: table;
            width: 100%;
            color: #333
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock {
            display: table-cell;
            padding: 8px;
            vertical-align: middle;
            word-break: break-all
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock:nth-child(1), .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(1), .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(1), .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock:nth-child(1) {
            width: auto;
            vertical-align: top
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock:nth-child(2), .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(2), .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(2), .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock:nth-child(2) {
            width: 130px;
            text-align: center;
            color: #666
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock:nth-child(3), .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(3), .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(3), .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock:nth-child(3) {
            font-size: 12px;
            font-size: .8rem;
            width: 70px;
            text-align: center;
            color: #666
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock:nth-child(4), .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(4), .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(4), .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock:nth-child(4) {
            font-size: 12px;
            font-size: .8rem;
            width: 130px;
            padding-right: 0;
            color: #666;
            text-align: center
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock p, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock p, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock p, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock p {
            margin: 0
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseSiteName, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseSiteName, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseSiteName, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseSiteName {
            font-size: 10px;
            font-size: .66667rem;
            margin-bottom: 2px;
            color: #b3b3b3;
            line-height: 1
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd {
            display: -webkit-box;
            display: box;
            -webkit-box-orient: vertical;
            box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            overflow: hidden;
            overflow: hidden;
            max-height: 45px;
            margin-bottom: 8px;
            font-weight: 700
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a {
            color: #333
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt:visited, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a:visited, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt:visited, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a:visited, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt:visited, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a:visited, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt:visited, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a:visited {
            color: #2166a6
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails {
            font-size: 13px;
            font-size: .86667rem;
            display: table;
            color: #666
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl {
            display: table-row
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dt, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dt, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dt, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dt {
            display: table-cell;
            color: #b3b3b3;
            vertical-align: top;
            white-space: nowrap
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd {
            display: table-cell;
            padding-left: 12px;
            vertical-align: top
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd .bidNum, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd .bidNum, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd .bidNum, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd .bidNum {
            margin-right: 4px
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > p.searchShowcaseDetails, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > p.searchShowcaseDetails, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > p.searchShowcaseDetails, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > p.searchShowcaseDetails {
            font-size: 13px;
            font-size: .86667rem;
            margin: 0;
            color: #666
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .amount, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .amount, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .amount, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .amount {
            margin-right: 4px;
            color: #fa4c07;
            font-weight: 700
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .amount:not(.tb):hover, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .amount:not(.tb):hover, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .amount:not(.tb):hover, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .amount:not(.tb):hover {
            color: #89c629
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .bidNum, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .bidNum, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .bidNum, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .bidNum {
            margin-right: 4px
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox.mercariBox > .searchShowcaseBlock:nth-child(3), .searchShowcaseType01 .searchShowcaseBox.mercariBox > .searchShowcaseBlock:nth-child(3), .showcaseNativeAdType01 .searchShowcaseBox.mercariBox > .searchShowcaseBlock:nth-child(3), .showcaseNativeAdType02 .searchShowcaseBox.mercariBox > .searchShowcaseBlock:nth-child(3) {
            padding-right: 0;
            width: 116px
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox.mercariBox > .searchShowcaseBlock:nth-child(4), .searchShowcaseType01 .searchShowcaseBox.mercariBox > .searchShowcaseBlock:nth-child(4), .showcaseNativeAdType01 .searchShowcaseBox.mercariBox > .searchShowcaseBlock:nth-child(4), .showcaseNativeAdType02 .searchShowcaseBox.mercariBox > .searchShowcaseBlock:nth-child(4) {
            padding-right: 0;
            width: 116px
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock, .searchShowcaseType01 .searchShowcaseSubBlock, .showcaseNativeAdType01 .searchShowcaseSubBlock, .showcaseNativeAdType02 .searchShowcaseSubBlock {
            font-size: 13px;
            font-size: .86667rem;
            margin: 0 60px 0 8px;
            padding-bottom: 8px;
            color: #666
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt, .searchShowcaseType01 .searchShowcaseSubBlock .adTxt, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt {
            font-size: 13px;
            font-size: .86667rem
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li, .searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li {
            float: left;
            margin-left: 16px;
            padding-left: 16px;
            border-left: 1px solid #ddd
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li:first-child, .searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li:first-child, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li:first-child, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li:first-child {
            margin-left: 0;
            padding-left: 0;
            border-left: none
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li > a, .searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li > a, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li > a, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li > a {
            display: inline-block;
            position: relative;
            padding-left: 22px;
            color: #0dafde
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li > a:not(.tb):hover, .searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li > a:not(.tb):hover, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li > a:not(.tb):hover, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li > a:not(.tb):hover {
            color: #89c629
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li > a .adItemsName, .searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li > a .adItemsName, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li > a .adItemsName, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li > a .adItemsName {
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: inline-block;
            max-width: 170px;
            vertical-align: bottom
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li > a .adTxtIco, .searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li > a .adTxtIco, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li > a .adTxtIco, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li > a .adTxtIco {
            position: absolute;
            top: 2px;
            left: 0;
            margin: 0
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .itemsListPr, .searchShowcaseType01 .itemsListPr, .showcaseNativeAdType01 .itemsListPr, .showcaseNativeAdType02 .itemsListPr {
            font-size: 15px;
            font-size: 1rem;
            display: block;
            position: absolute;
            bottom: 8px;
            right: 20px;
            z-index: 1;
            color: #ccc;
            text-align: right
        }

        .showcaseNativeAdType01.embeddedAd {
            margin-top: 0
        }

        .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg {
            overflow: visible;
            height: auto
        }

        .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg > .itemsThum {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            position: static;
            width: 120px;
            height: auto
        }

        .showcaseNativeAdType01 .searchShowcaseBox {
            width: 590px
        }

        .showcaseNativeAdType01 .searchShowcaseBox .searchShowcaseBlock {
            padding-bottom: 40px
        }

        .showcaseNativeAdHeightType01 {
            min-height: 138px
        }

        .showcaseNativeAdHeightType02 {
            min-height: 276px
        }

        .showcaseNativeAdType02.embeddedAd {
            margin-top: 0
        }

        .showcaseAdsenseType01 {
            box-sizing: border-box;
            min-height: 90px;
            margin: -8px 8px 8px;
            padding: 16px 0;
            border-bottom: 1px solid #ddd;
            text-align: center
        }

        .searchShowcaseType02 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 33.3333%;
            width: -webkit-calc(100% / 3);
            width: -moz-calc(100% / 3);
            width: calc(100% / 3);
            font-size: 13px;
            font-size: .86667rem;
            position: relative;
            float: left;
            margin-bottom: 16px;
            padding-left: 16px
        }

        .searchShowcaseType02 .showcaseItemsBookmark {
            position: absolute;
            bottom: 8px;
            right: 8px;
            width: 38px;
            height: 38px;
            border-radius: 100%;
            cursor: pointer
        }

        .searchShowcaseType02 .showcaseItemsBookmark:not(.tb):hover .bookmarkComment {
            -webkit-animation: showCommentType02 .4s ease;
            -moz-animation: showCommentType02 .4s ease;
            -ms-animation: showCommentType02 .4s ease;
            -o-animation: showCommentType02 .4s ease;
            animation: showCommentType02 .4s ease;
            display: block;
            right: 50px;
            opacity: 1
        }

        .searchShowcaseType02 .showcaseItemsBookmark > [class*=btnType] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            width: 100%;
            height: 100%
        }

        .searchShowcaseType02 .showcaseItemsBookmark > [class*=btnType] > [class*=heartIco] {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 1px 0 0
        }

        .searchShowcaseType02 .showcaseItemsBookmark > .bookmarkComment {
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            font-size: 12px;
            font-size: .8rem;
            position: relative;
            position: relative;
            display: none;
            position: absolute;
            top: 50%;
            right: 50px;
            z-index: 1;
            opacity: 0;
            width: 125px;
            padding: 4px 0;
            border: 1px solid #ddd;
            background-color: #fff;
            color: #666;
            text-align: center;
            cursor: auto
        }

        .searchShowcaseType02 .showcaseItemsBookmark > .bookmarkComment:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchShowcaseType02 .showcaseItemsBookmark > .bookmarkComment:after {
            display: block;
            position: absolute;
            content: ""
        }

        @-moz-keyframes showCommentType02 {
            0% {
                display: none;
                opacity: 0
            }

            1% {
                display: block;
                right: 40px;
                opacity: 0
            }

            100% {
                display: block;
                right: 50px;
                opacity: 1
            }
        }

        @-webkit-keyframes showCommentType02 {
            0% {
                display: none;
                opacity: 0
            }

            1% {
                display: block;
                right: 40px;
                opacity: 0
            }

            100% {
                display: block;
                right: 50px;
                opacity: 1
            }
        }

        @-o-keyframes showCommentType02 {
            0% {
                display: none;
                opacity: 0
            }

            1% {
                display: block;
                right: 40px;
                opacity: 0
            }

            100% {
                display: block;
                right: 50px;
                opacity: 1
            }
        }

        @-ms-keyframes showCommentType02 {

        .searchShowcaseType02 .showcaseItemsBookmark > .bookmarkComment

        0
        %
        {
            display: none
        ;
            opacity: 0
        }

        .searchShowcaseType02 .showcaseItemsBookmark > .bookmarkComment

        1
        %
        {
            display: block
        ;
            right: 40px
        ;
            opacity: 0
        }

        .searchShowcaseType02 .showcaseItemsBookmark > .bookmarkComment

        100
        %
        {
            display: block
        ;
            right: 50px
        ;
            opacity: 1
        }
        }

        @keyframes showCommentType02 {
            0% {
                display: none;
                opacity: 0
            }

            1% {
                display: block;
                right: 40px;
                opacity: 0
            }

            100% {
                display: block;
                right: 50px;
                opacity: 1
            }
        }

        .searchShowcaseType02 .showcaseItemsBookmark > .bookmarkComment:before {
            top: 50%;
            right: -16px;
            width: 0;
            height: 0;
            margin-top: -6px;
            border: 6px solid transparent;
            border-left: 10px solid #ccc
        }

        .searchShowcaseType02 .showcaseItemsBookmark > .bookmarkComment:after {
            top: 50%;
            right: -15px;
            width: 0;
            height: 0;
            margin-top: -6px;
            border: 6px solid transparent;
            border-left: 10px solid #fff
        }

        .searchShowcaseType02 .searchShowcaseBox {
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            display: block;
            position: relative;
            background-color: #fff;
            color: #666;
            cursor: pointer
        }

        .searchShowcaseType02 .searchShowcaseBox:not(.tb):hover {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        .searchShowcaseType02 .searchShowcaseBox:not(.tb):hover .showcaseItemsImgBlock > .showcaseItemsImg > .itemsThum {
            -webkit-transform: translateX(-50%) scale(1.2);
            -moz-transform: translateX(-50%) scale(1.2);
            -ms-transform: translateX(-50%) scale(1.2);
            -o-transform: translateX(-50%) scale(1.2);
            transform: translateX(-50%) scale(1.2)
        }

        .searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock {
            position: relative;
            width: 100%;
            padding-top: 100%;
            background-color: #fff
        }

        .searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            padding: 8px 12px;
            color: #fff
        }

        .searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd:visited {
            color: #c8dff4
        }

        .searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd:visited .siteName {
            color: #fff
        }

        .searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd:before {
            background-image: -svg-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-size: 100%;
            background-image: -owg-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            bottom: 0;
            left: 0;
            width: 100%;
            height: 80px
        }

        .searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd .siteName {
            font-size: 10px;
            font-size: .66667rem;
            display: inline-block;
            position: relative;
            z-index: 1;
            margin-bottom: 2px;
            padding: 4px;
            border-radius: 4px;
            background-color: rgba(0, 0, 0, .5);
            line-height: 1.2
        }

        .searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd .hdTxt {
            display: -webkit-box;
            display: box;
            -webkit-box-orient: vertical;
            box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            overflow: hidden;
            position: relative;
            z-index: 1;
            overflow: hidden;
            height: 38px;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .7)
        }

        .searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .showcaseItemsImg {
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            width: 100%;
            height: 100%;
            background-color: #fff
        }

        .searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .showcaseItemsImg > .itemsThum {
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            position: absolute;
            top: 0;
            left: 50%;
            width: auto;
            height: 100%;
            -webkit-backface-visibility: hidden
        }

        .searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 8px 12px;
            background-color: #fff
        }

        .searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .itemsPrice {
            font-size: 14px;
            font-size: .93333rem;
            margin-bottom: 8px;
            padding-bottom: 4px;
            border-bottom: 1px dotted #ddd;
            text-align: right
        }

        .searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .itemsPrice .amount {
            margin-right: 4px;
            color: #fa4c07;
            font-weight: 700
        }

        .searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .itemsPrice .amount:not(.tb):hover {
            color: #89c629
        }

        .searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .searchShowcaseCont {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 12px;
            font-size: .8rem;
            padding-right: 48px
        }

        .searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .searchShowcaseCont > .searchShowcaseDetails {
            display: table
        }

        .searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .searchShowcaseCont > .searchShowcaseDetails > dl {
            display: table-row
        }

        .searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .searchShowcaseCont > .searchShowcaseDetails > dl > dt {
            display: table-cell;
            color: #b3b3b3;
            text-align: right;
            vertical-align: top;
            white-space: nowrap
        }

        .searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .searchShowcaseCont > .searchShowcaseDetails > dl > dd {
            display: table-cell;
            padding-left: 12px;
            vertical-align: top;
            white-space: nowrap
        }

        .searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .searchShowcaseCont > .searchShowcaseDetails > dl > dd .bidNum {
            margin-right: 4px
        }

        .searchDummyShowcaseType01 {
            display: block;
            position: relative;
            color: #333
        }

        .searchDummyShowcaseType01:not(.tb):hover .searchDummyShowcaseCatch:before {
            opacity: .3
        }

        .searchDummyShowcaseType01:not(.tb):hover .searchDummyShowcaseInner {
            opacity: 1
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseCatch {
            position: relative;
            position: absolute;
            top: 0;
            right: 8px;
            bottom: 0;
            left: 8px;
            z-index: 10;
            overflow: hidden;
            height: 100%
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseCatch:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseCatch:before {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(48, 49, 52, .1)
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseCatch .catchBlock {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-shadow: 1px 1px 2px rgba(255, 255, 255, .8);
            font-size: 20px;
            font-size: 1.33333rem;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            padding: 16px;
            font-weight: 700;
            text-align: center
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseCatch .catchBlock p {
            margin: 0;
            color: #333
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseCatch .catchBlock .hitTxt {
            margin-bottom: 16px;
            color: #fa4c07
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseCatch .catchBlock .hitTxt .num {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            font-size: 30px;
            font-size: 2rem;
            display: inline-block;
            margin: 0 6px;
            padding: 0 4px;
            background-color: #fff
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner {
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            opacity: .5
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner:nth-child(odd) > .showcaseItemsImgBlock .showcaseItemsImg > .showcaseDummyItem {
            display: block;
            background-image: url(/assets/image/common/sprites/search1.png?1726018500);

            width: 136px;
            height: 136px;
            background-position: -136px -223px;
            display: inline-block
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner:not(.tb):hover {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            z-index: 0
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner > .showcaseItemsImgBlock {
            top: 0;
            left: 0;
            width: 136px
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner > .showcaseItemsImgBlock .showcaseItemsImg {
            height: 136px
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner > .showcaseItemsImgBlock .showcaseItemsImg > .showcaseDummyItem {
            display: block;
            background-image: url(/assets/image/common/sprites/search1.png?1726018500);

            width: 136px;
            height: 136px;
            background-position: 0 -223px;
            display: inline-block
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock.showcaseDummyTxt {
            display: block;
            background-image: url(/assets/image/common/sprites/search1.png?1726018500);

            width: 416px;
            height: 134px;
            background-position: -308px 0;
            display: inline-block;
            position: relative;
            display: table-cell;
            width: 100%;
            padding: 0
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock.showcaseDummyTxt:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock.showcaseDummyTxt:before {
            background-image: -svg-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
            background-size: 100%;
            background-image: -owg-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
            background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
            background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
            background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
            background-image: linear-gradient(left, rgba(255, 255, 255, 0), #fff);
            top: 0;
            right: 0;
            bottom: 0;
            width: 40px
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .showcaseDummyPrice {
            display: block;
            background-image: url(/assets/image/common/sprites/search1.png?1726018500);

            width: 120px;
            height: 110px;
            background-position: -272px -223px;
            display: inline-block
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .showcaseDummyNumber {
            display: block;
            background-image: url(/assets/image/common/sprites/search1.png?1726018500);

            width: 70px;
            height: 110px;
            background-position: -497px -223px;
            display: inline-block
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .showcaseDummyDate {
            display: block;
            background-image: url(/assets/image/common/sprites/search1.png?1726018500);

            width: 105px;
            height: 110px;
            background-position: -392px -223px;
            display: inline-block
        }

        .showcaseEmbedAdBoxWrap {
            min-height: 147px;
            margin-top: -8px
        }

        .showcaseEmbedAdBoxWrap .showcaseEmbedAdBox {
            position: relative;
            z-index: 2
        }

        .searchResultsSortBox {
            margin: 8px 0
        }

        .searchResultsSortBox > .combineSearchNav {
            position: relative;
            float: left;
            width: 450px
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchHd {
            font-size: 14px;
            font-size: .93333rem;
            display: flex;
            align-items: center;
            box-sizing: border-box;
            font-weight: 700
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchHd .combineSearchHdHelp {
            margin-left: 8px
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchHd .combineSearchHdHelp .helpIcon {
            font-size: 26px;
            font-size: 1.73333rem;
            color: #ffa200
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchHd .combineSearchHdHelp .helpIcon:before {
            content: ""
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchBalloon {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 1px 0 0 0 rgba(0, 0, 0, .03), -1px 0 0 0 rgba(0, 0, 0, .03);
            font-size: 15px;
            font-size: 1rem;
            position: relative;
            position: relative;
            -webkit-transition: border-color .2s ease, color .2s ease;
            -moz-transition: border-color .2s ease, color .2s ease;
            -o-transition: border-color .2s ease, color .2s ease;
            transition: border-color .2s ease, color .2s ease;
            display: none;
            position: absolute;
            top: 36px;
            left: 0;
            height: 42px;
            padding: 8px 16px;
            border: 2px solid #25ad6b;
            background-color: #fff;
            color: #fa6807;
            font-weight: 700;
            white-space: nowrap;
            cursor: pointer
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchBalloon:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchBalloon:after {
            display: block;
            position: absolute;
            content: ""
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchBalloon:before {
            top: -10px;
            left: 60px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 8px 10px 8px;
            border-color: transparent transparent #25ad6b
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchBalloon:after {
            top: -7px;
            left: 60px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 8px 10px 8px;
            border-color: transparent transparent #fff
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchBalloon:not(.tb):hover {
            border-color: #29c278;
            color: #ffa200
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchBalloon:not(.tb):hover .combineSearchBalloonClose {
            background-color: #29c278
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchBalloon .combineSearchBalloonClose {
            -webkit-transform: translateY(-50%) scale(.5);
            -moz-transform: translateY(-50%) scale(.5);
            -ms-transform: translateY(-50%) scale(.5);
            -o-transform: translateY(-50%) scale(.5);
            transform: translateY(-50%) scale(.5);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            display: block;
            position: absolute;
            top: 50%;
            right: -18px;
            width: 40px;
            height: 40px;
            background-color: #25ad6b;
            text-align: center
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchBalloon .combineSearchBalloonClose > i {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 0
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .functionalRestrictionArea {
            position: absolute;
            z-index: 1;
            top: 0;
            left: 128px;
            cursor: pointer
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .functionalRestrictionArea .functionalRestrictionIco {
            font-size: 20px;
            font-size: 1.33333rem;
            position: absolute;
            top: -8px;
            left: -2px;
            color: #d4a85c
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .functionalRestrictionArea .functionalRestrictionIco:before {
            content: ""
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .functionalRestrictionArea .functionalRestrictionAreaInner {
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            width: 298px;
            height: 32px;
            padding: 4px 8px;
            box-sizing: border-box;
            background: rgba(255, 255, 255, .8)
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .functionalRestrictionArea .functionalRestrictionAreaInner .functionalRestrictionTxt {
            font-size: 14px;
            font-size: .93333rem;
            margin-right: 8px
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .functionalRestrictionArea .functionalRestrictionAreaInner .functionalRestrictionBtn {
            font-size: 12px;
            font-size: .8rem;
            padding: 4px 16px;
            border-radius: 4px;
            box-sizing: border-box;
            background-color: #d4a85c;
            color: #fff;
            line-height: 1.2
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchList {
            font-size: 12px;
            font-size: .8rem;
            position: relative;
            float: left
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchList > li {
            -webkit-transition: opacity .2s ease;
            -moz-transition: opacity .2s ease;
            -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
            float: left;
            min-width: 48px;
            margin-bottom: 4px;
            border-left: 1px solid #fff;
            background-color: #25ad6b;
            text-align: center
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchList > li:first-child {
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            -ms-border-radius: 4px 0 0 4px;
            -o-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
            border-left: none
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchList > li:last-child {
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            -ms-border-radius: 0 4px 4px 0;
            -o-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchList > li:not(.tb):hover {
            opacity: .75
        }

        .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchList > li > a {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            display: block;
            height: 32px;
            color: #fff;
            line-height: 32px
        }

        .searchResultsSortBox > .combineSearchNav .balloonWrap {
            position: absolute;
            bottom: 5px;
            left: -16px;
            margin: 0
        }

        .searchResultsSortBox > .combineSearchNav .remainingTimesLink {
            font-size: 13px;
            font-size: .86667rem;
            padding: 4px 8px 8px 0;
            font-weight: 700;
            text-align: right
        }

        .searchResultsSortBox .searchResultsSortNav {
            float: right;
            width: 180px;
            margin-right: 8px
        }

        .searchResultsSortBox .searchResultsSortNav [class*=selectForm] {
            vertical-align: top
        }

        .searchResultsSortBox .searchResultsLayoutNav {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            overflow: hidden;
            float: right;
            width: 60px;
            height: 30px;
            border: 1px solid #ddd
        }

        .searchResultsSortBox .searchResultsLayoutNav > li {
            float: left;
            width: 30px;
            height: 100%;
            box-sizing: border-box;
            border-left: 1px solid #ddd;
            background-color: #fff
        }

        .searchResultsSortBox .searchResultsLayoutNav > li:first-child {
            border-left: none
        }

        .searchResultsSortBox .searchResultsLayoutNav > li:not(.tb):hover > a > [class*=layoutIco] {
            opacity: .75
        }

        .searchResultsSortBox .searchResultsLayoutNav > li > a {
            display: block;
            height: 100%;
            line-height: 30px;
            text-align: center
        }

        .searchResultsSortBox .searchResultsLayoutNav > li > a > [class*=layoutIco] {
            -webkit-transition: opacity .2s ease;
            -moz-transition: opacity .2s ease;
            -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
            display: inline-block;
            margin: 0
        }

        #contentsWrap {
            width: 100%;
            margin: 0 auto;
            background: #fff
        }

        #contentsArea {
            min-height: 0;
            padding-bottom: 0;
            background: #fff;
            z-index: 10
        }

        #colSearchResultsWrap {
            display: -webkit-flexbox;
            display: flexbox;
            -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-left: 1px solid #ddd
        }

        #colSearchResultsWrap:after {
            width: 0
        }

        #colSearchResultsWrap #colSearchResultsArea {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 728px;
            width: -webkit-calc(100% - 248px);
            width: -moz-calc(100% - 248px);
            width: calc(100% - 248px);
            position: relative;
            z-index: 2;
            float: right;
            min-width: 728px;
            max-width: 952px;
            padding: 12px 0 112px 24px;
            border-left: 1px solid #ddd;
            background-color: #fff
        }

        #colSearchResultsWrap #colSearchResultsArea .colSearchResultsCont {
            margin-bottom: 48px
        }

        #colSearchResultsWrap #colSearchToolArea {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            width: 248px
        }

        #colSearchResultsWrap #colSearchToolArea .colSearchToolCont {
            position: relative;
            z-index: 1;
            padding: 12px;
            background-color: #f1f1f2
        }

        #colSearchResultsWrap #colSearchToolArea .colSearchToolCont > [class*=searchResultsHdType]:first-child {
            margin-top: 0
        }

        #topInfoWrap {
            width: 100%;
            margin: 0 auto;
            padding: 1px 0;
            background-color: #fff
        }

        #btmInfoWrap {
            width: 100%;
            margin: 0 auto;
            border-top: 1px solid #ddd;
            background-color: #fff
        }

        #btmInfoArea {
            width: 1000px;
            margin: 0 auto;
            padding: 24px 32px 40px
        }

        #btmInfoArea > .colType01 {
            min-width: 696px
        }

        body.typeExtend #btmInfoArea {
            width: auto;
            min-width: 1000px;
            max-width: 1200px
        }

        body.typeWide #btmInfoArea {
            width: auto
        }

        body.pageCateBullet01 #btmInfoWrap, body.pageCateBullet01 #contentsWrap, body.pageCateBullet01 #topInfoWrap {
            width: 1064px
        }

        body.pageCateMercari01 #btmInfoWrap, body.pageCateMercari01 #contentsWrap, body.pageCateMercari01 #topInfoWrap {
            width: 1064px
        }

        body.pageCateTemu01 #btmInfoWrap, body.pageCateTemu01 #contentsWrap, body.pageCateTemu01 #topInfoWrap {
            width: 1064px
        }

        body.pageCateYahoo01 #btmInfoWrap, body.pageCateYahoo01 #contentsWrap, body.pageCateYahoo01 #topInfoWrap {
            width: 1064px
        }

        .searchResultsSummary {
            font-size: 12px;
            font-size: .8rem;
            margin-bottom: 20px;
            color: #666
        }

        .searchToolsAlertBox {
            display: block;
            margin: 0 8px 8px;
            border-bottom: 1px solid #ddd
        }

        .searchToolsAlertBox .searchToolsAlertInner {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            width: 728px;
            padding: 48px 12px 16px;
            margin: 0 auto;
            background-image: url(/assets/image/common/layout/search1/tools/bg_tools_alert.png?1726018500);

            background-position: 100% 50px
        }

        .searchToolsAlertBox .searchToolsAlertInner .searchToolsAlertBlock p {
            font-size: 14px;
            font-size: .93333rem;
            line-height: 1.8;
            letter-spacing: .1em;
            margin: 0
        }

        .searchToolsAlertBox .searchToolsAlertInner .searchToolsAlertBlock span {
            font-size: 16px;
            font-size: 1.06667rem;
            color: #29c278;
            font-weight: 700
        }

        .searchToolsAlertBox .searchToolsAlertInner .searchToolsAlertBlock .searchToolsAlertHd {
            font-size: 24px;
            font-size: 1.6rem;
            margin: 0 0 16px 0;
            letter-spacing: .1em
        }

        .searchToolsAlertBox .searchToolsAlertInner .searchToolsAlertBlock .btnToolsAlert {
            width: 290px;
            margin: 32px auto 0
        }

        .searchToolsAlertBox .searchToolsAlertInner .searchToolsAlertBlock .btnToolsAlert a {
            font-size: 20px;
            font-size: 1.33333rem;
            background-color: #96d533;
            color: #fff
        }

        .searchToolsAlertBox .searchToolsAlertInner .searchToolsTxtBlock {
            position: relative;
            font-size: 14px;
            font-size: .93333rem;
            display: inline-block;
            position: absolute;
            top: 16px;
            width: 100%;
            margin: 0;
            color: #fa4c07;
            text-align: center;
            font-weight: 700;
            letter-spacing: .1em
        }

        .searchToolsAlertBox .searchToolsAlertInner .searchToolsTxtBlock:before {
            display: block;
            position: absolute;
            content: "！"
        }

        .searchToolsAlertBox .searchToolsAlertInner .searchToolsTxtBlock:before {
            display: inline-block;
            position: static;
            width: 18px;
            height: 18px;
            margin-right: 8px;
            border-radius: 100%;
            background-color: #fa4c07;
            color: #fff;
            letter-spacing: 0
        }

        .searchTotalNumberBox {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 15px;
            font-size: 1rem;
            position: relative;
            padding-bottom: 8px;
            color: #666
        }

        .searchTotalNumberBox > .searchTotalNumberBlock {
            float: left;
            margin: 0;
            font-weight: 700
        }

        .searchTotalNumberBox > .searchRelatedItemsNumberBlock {
            position: relative;
            float: left;
            margin: 0 0 0 8px;
            padding-left: 16px;
            font-weight: 700
        }

        .searchTotalNumberBox > .searchRelatedItemsNumberBlock:before {
            display: block;
            position: absolute;
            content: ""
        }

        .searchTotalNumberBox > .searchRelatedItemsNumberBlock:before {
            top: 0;
            left: 0;
            width: 1px;
            height: 100%;
            background-color: #ddd
        }

        #headerSwitchingArea > .headerSwitchingAreaInner .switchingBox .switchingTab > li.current:not(.tb):hover {
            background-color: #f1f1f2
        }

        #headerSwitchingArea > .headerSwitchingAreaInner .switchingBox .switchingTab > li.current > a .switchingHd {
            color: #29c278
        }

        #headerSwitchingArea > .headerSwitchingAreaInner .switchingBox .switchingTab > li.current > a .switchingName {
            color: #22a063
        }

        #headerSwitchingArea > .headerSwitchingAreaInner .switchingBox .switchingCurrentBlock .currentBlockInner .currentBar.bid {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0)
        }

        #headerSwitchingArea > .headerSwitchingAreaInner .switchingBox .switchingCurrentBlock .currentBlockInner .currentBar.shopping {
            -webkit-transform: translateX(175px);
            -moz-transform: translateX(175px);
            -ms-transform: translateX(175px);
            -o-transform: translateX(175px);
            transform: translateX(175px)
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li:not(.tb):hover {
            background-color: rgba(255, 255, 255, .4)
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li > a {
            color: #fff
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li > a .switchingHd {
            color: #fff
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li.current:not(.tb):hover {
            background: 0 0
        }

        body.pageCateBullet01 #headerToolWrap #headerSwitchingArea .headerSwitchingAreaInner .switchingBox .switchingTab > li.current > a .switchingHd {
            color: #29c278
        }

        .btnType01.disabled, a.btnType01.disabled {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            border-color: #c9cacd !important;
            background: #c9cacd !important;
            color: #b3b3b3 !important;
            cursor: not-allowed !important
        }

        .btnType02.disabled, a.btnType02.disabled {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            border-color: #c9cacd !important;
            background: #c9cacd !important;
            color: #b3b3b3 !important;
            cursor: not-allowed !important
        }

        .btnType02.disabled i, a.btnType02.disabled i {
            color: #b3b3b3 !important
        }

        .btnType03.disabled, a.btnType03.disabled {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            top: 0 !important;
            border-color: #c9cacd !important;
            background: #c9cacd !important;
            color: #b3b3b3 !important;
            cursor: not-allowed !important
        }

        .btnType04.disabled, a.btnType04.disabled {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            top: 0 !important;
            margin-bottom: 0 !important;
            padding-bottom: 10px !important;
            border-color: #c9cacd !important;
            background: #c9cacd !important;
            color: #b3b3b3 !important;
            cursor: not-allowed !important
        }

        .btnType05.disabled, a.btnType05.disabled {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            border-color: #c9cacd !important;
            background: #c9cacd !important;
            color: #b3b3b3 !important;
            cursor: not-allowed !important
        }

        #fixedPagetop.posAdjust {
            margin-right: 180px
        }

        input:not([type=radio]):not([type=checkbox]).inputFormType01.disabled {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-color: #c9cacd;
            background: #c9cacd;
            color: #b3b3b3;
            cursor: not-allowed
        }

        input:not([type=radio]):not([type=checkbox]).inputFormType02.disabled {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-color: #c9cacd;
            background: #c9cacd;
            color: #b3b3b3;
            cursor: not-allowed
        }

        input[type=checkbox].checkFormType01.disabled + label, input[type=radio].radioFormType01.disabled + label {
            opacity: .5;
            cursor: not-allowed
        }

        input[type=checkbox].checkFormType01.disabled + label:before, input[type=radio].radioFormType01.disabled + label:before {
            border-color: #a1a3a8
        }

        input[type=checkbox].checkFormType01.disabled + label:after, input[type=radio].radioFormType01.disabled + label:after {
            background: #94969c;
            border-color: #94969c
        }

        input[type=checkbox].checkFormType01.disabled + label:not(.tb):hover:before, input[type=radio].radioFormType01.disabled + label:not(.tb):hover:before {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

        input[type=checkbox].checkFormType01.checkFormType01.disabled + label:after, input[type=radio].radioFormType01.checkFormType01.disabled + label:after {
            background: 0 0
        }

        input[type=checkbox].checkFormType02.disabled + label, input[type=radio].radioFormType02.disabled + label {
            opacity: .5;
            cursor: not-allowed
        }

        input[type=checkbox].checkFormType02.disabled + label:before, input[type=radio].radioFormType02.disabled + label:before {
            border-color: #a1a3a8
        }

        input[type=checkbox].checkFormType02.disabled + label:after, input[type=radio].radioFormType02.disabled + label:after {
            background: #94969c;
            border-color: #94969c
        }

        input[type=checkbox].checkFormType02.disabled + label:not(.tb):hover:before, input[type=radio].radioFormType02.disabled + label:not(.tb):hover:before {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

        input[type=checkbox].checkFormType02.checkFormType02.disabled + label:after, input[type=radio].radioFormType02.checkFormType02.disabled + label:after {
            background: 0 0
        }

        .disabled.selectFormType02, .selectFormType01.disabled {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-color: #c9cacd;
            background: #c9cacd;
            cursor: not-allowed
        }

        .disabled.selectFormType02:after, .disabled.selectFormType02:before, .selectFormType01.disabled:after, .selectFormType01.disabled:before {
            display: none
        }

        .disabled.selectFormType02 > .selectFormTxt, .selectFormType01.disabled > .selectFormTxt {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background: #c9cacd;
            color: #b3b3b3
        }

        .selectFormType01 .selectFormList > ul > li.current, .selectFormType02 .selectFormList > ul > li.current {
            background-color: #f1f1f2
        }

        .selectFormType01 .selectFormList.posTop, .selectFormType02 .selectFormList.posTop {
            -webkit-transform: translate(-3px, 3px);
            -moz-transform: translate(-3px, 3px);
            -ms-transform: translate(-3px, 3px);
            -o-transform: translate(-3px, 3px);
            transform: translate(-3px, 3px);
            top: auto;
            bottom: 0
        }

        .selectFormType01 .selectFormList.posTop > ul, .selectFormType02 .selectFormList.posTop > ul {
            padding: 10px 0 50px
        }

        .selectFormType01 .selectFormList.posTop > ul:before, .selectFormType02 .selectFormList.posTop > ul:before {
            top: auto;
            bottom: 40px
        }

        .selectFormType02.disabled {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-color: #c9cacd;
            background: #c9cacd;
            cursor: not-allowed
        }

        .selectFormType02.disabled:after, .selectFormType02.disabled:before {
            display: none
        }

        .selectFormType02.disabled > .selectFormTxt {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background: #c9cacd;
            color: #b3b3b3
        }

        .selectFormType02 .selectFormList.posTop {
            -webkit-transform: translate(-1px, 1px);
            -moz-transform: translate(-1px, 1px);
            -ms-transform: translate(-1px, 1px);
            -o-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px)
        }

        .selectFormType02 .selectFormList.posTop > ul {
            padding: 10px 0 40px
        }

        .selectFormType02 .selectFormList.posTop > ul:before {
            bottom: 28px
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList > li.current {
            background-color: #fff
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList > li.current:not(.tb):hover {
            background-color: #fff
        }

        .headerMarketPlaceBox .headerMarketPlaceBlock .headerMarketPlaceList > li.current:before {
            display: block
        }

        .itemsRecommend .recomList.fullOpen + .recomMoreLinkWrap {
            display: none
        }

        #searchField .searchFieldInner .searchBox .searchToolBox.active {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1)
        }

        #searchField .searchFieldInner .searchBox .searchToolBox.cateActive .categorySelect:before {
            left: 0
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd .editBtn.hide {
            display: none
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList .listHd .editBtn.editing::before {
            display: block
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeSuggest .listBlock.autocompleteOverlapping {
            background: 0 0
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeSuggest .listBlock.autocompleteOverlapping .addWord:hover {
            background: 0 0
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeSuggest .listBlock.autocompleteOverlapping .addWord:hover > .add:before {
            border-color: #999
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeSuggest .listBlock.autocompleteOverlapping .addWord:hover > .add:after {
            background-color: #999
        }

        #searchField .searchFieldInner .searchBox .searchAssistBox .searchAssistBlock .searchAssistList.typeSuggest .listBlock .autocomplete-selected {
            background-color: #e9e9ea
        }

        #searchField .searchFieldInner .searchBox .siteSelect.spread {
            -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2), 4px 0 4px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .1);
            cursor: default
        }

        #searchField .searchFieldInner .searchBox .siteSelect.spread .selectedSite {
            display: none
        }

        #searchField .searchFieldInner .searchBox .siteSelect.spread .siteSelectList {
            position: static;
            width: auto
        }

        #searchField .searchFieldInner .searchBox .siteSelect.spread .siteSelectList > li {
            cursor: pointer
        }

        #searchField .searchFieldInner .searchBox .siteSelect.spread .siteSelectList > li.selected {
            color: #29c278
        }

        #searchField .searchFieldInner .searchBox .siteSelect.spread .multipleSiteSelectList {
            position: static;
            width: auto
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li > .multipleSiteSelectList.open {
            display: block
        }

        #searchField .searchFieldInner .searchBox .siteSelect .multipleSiteSelectList > li > .multipleSiteSelectList.open > li {
            visibility: visible
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect.hideSubCate .searchCateSelectInner {
            width: 242px !important
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect.hideSubCate .searchCateSelectInner > .searchCateList {
            -webkit-border-radius: 0 0 6px 6px;
            -moz-border-radius: 0 0 6px 6px;
            -ms-border-radius: 0 0 6px 6px;
            -o-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
            width: 100%
        }

        #searchField .searchFieldInner .searchBox #searchCateSwitchingSelect.hideSubCate .searchCateSelectInner > .searchCateList:before {
            display: none
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec.disabled {
            opacity: .15
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec.disabled .searchExtendReset {
            display: none
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec.disabled .connectedInputBlock .connectedElem, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec.disabled .connectedInputBlock .dummyElem {
            cursor: not-allowed
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .inputCol .inputBlock.disabled {
            opacity: .15
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .inputCol .inputBlock.disabled .connectedInputBlock .connectedElem, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .inputCol .inputBlock.disabled .connectedInputBlock .dummyElem {
            cursor: not-allowed
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .inputCol .inputBlock.disabled .searchExtendNote {
            pointer-events: none
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem.disabled {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-color: #c9cacd;
            background: #c9cacd;
            color: #b3b3b3;
            cursor: not-allowed
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem.disabled:nth-of-type(2) {
            border-left-color: #ddd
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem.disabled.empty {
            background: #c9cacd
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .connectedInputBlock .connectedElem.empty {
            background-color: #fff1e8
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectInputBlock.disabled {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-color: #c9cacd;
            background: #c9cacd;
            cursor: not-allowed
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectInputBlock.disabled:after, #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectInputBlock.disabled:before {
            display: none
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectInputBlock.disabled .selectTxt {
            color: #b3b3b3
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner .selectList > li.selected {
            border-color: #fff;
            background-color: #fff;
            color: #29c278
        }

        #searchField .searchFieldInner .searchExtendBox .searchExtendBoxInner .searchExtendSwitching .switchingBlock .searchExtendInputSec .selectListBlock .selectListBlockInner .selectList > li.hide {
            display: none !important
        }

        #searchField .switchingMarketPlace .marketPlaceBox .marketPlaceBlock > li.current {
            background-color: #fff
        }

        #searchField .switchingMarketPlace .marketPlaceBox .marketPlaceBlock > li.current:not(.tb):hover {
            background-color: #fff
        }

        #searchField .switchingMarketPlace .marketPlaceBox .marketPlaceBlock > li.current:before {
            display: block
        }

        .flexibleTopicsPath.showAll .topicsPathList > li > a > span, .flexibleTopicsPath.showAll .topicsPathList > li > span > span {
            max-width: none
        }

        .flexibleTopicsPath.maxWidthSize01 .topicsPathList > li:hover > a > span, .flexibleTopicsPath.maxWidthSize01 .topicsPathList > li:hover > span > span {
            max-width: 100%
        }

        .flexibleTopicsPath.maxWidthSize01 .topicsPathList > li > a > span, .flexibleTopicsPath.maxWidthSize01 .topicsPathList > li > span > span {
            max-width: 80px
        }

        .flexibleTopicsPath .topicsPathList > li.showAll > a > span, .flexibleTopicsPath .topicsPathList > li.showAll > span > span {
            max-width: none
        }

        .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock .searchGraphNavList > li.current {
            color: #29c278
        }

        .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock .searchGraphNavList > li.current:before {
            display: block
        }

        .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock .searchGraphNavList > li.current:not(.tb):hover {
            color: #29c278
        }

        .searchConditionFloatingBtn .floatingBtnBlock.showModal {
            background: 0 0
        }

        .searchConditionFloatingBtn .floatingBtnBlock .floatingBtn.limit::before {
            display: block
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.current {
            border-color: #aeb0b5;
            background-color: #aeb0b5
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.current:not(.tb):hover {
            background-color: #aeb0b5
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.current:not(.tb):hover > a {
            color: #fff
        }

        .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.current > a {
            color: #fff;
            cursor: default
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li.disable, .searchPaginationBox .searchPaginationBoxInner .searchYearNav > li.disable {
            background-color: #fff
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li.disable:not(.tb):hover > a, .searchPaginationBox .searchPaginationBoxInner .searchYearNav > li.disable:not(.tb):hover > a {
            color: #ddd;
            cursor: default
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li.disable > a, .searchPaginationBox .searchPaginationBoxInner .searchYearNav > li.disable > a {
            color: #ddd
        }

        .searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li.disable > a > i, .searchPaginationBox .searchPaginationBoxInner .searchYearNav > li.disable > a > i {
            opacity: .2
        }

        .searchResultsAccBox .searchResultsAccHd.open .searchResultsAccIco {
            -webkit-transform: translateY(-50%) rotate(180deg);
            -moz-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            -o-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg)
        }

        .searchPeriodBox .searchPeriodHd.open .searchPeriodIco, .searchPeriodHideBox .searchPeriodHd.open .searchPeriodIco {
            -webkit-transform: translateY(-50%) rotate(180deg);
            -moz-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            -o-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg)
        }

        .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd.showAllTxt, .searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd.showAllTxt, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd.showAllTxt, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd.showAllTxt {
            display: -webkit-box;
            display: box;
            -webkit-box-orient: vertical;
            box-orient: vertical;
            -webkit-line-clamp: 100;
            line-clamp: 100;
            overflow: hidden;
            display: block;
            overflow: visible;
            max-height: none
        }

        .forbiddenItem.showcaseNativeAdType01 .searchShowcaseBox .searchShowcaseBlock .searchShowcaseHd a, .forbiddenItem.showcaseNativeAdType02 .searchShowcaseBox .searchShowcaseBlock .searchShowcaseHd a, .searchDummyShowcaseType01 .forbiddenItem.searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .searchShowcaseHd a, .searchShowcaseType01.forbiddenItem .searchShowcaseBox .searchShowcaseBlock .searchShowcaseHd a {
            color: #666
        }

        .forbiddenItem.showcaseNativeAdType01 .searchShowcaseSubBlock, .forbiddenItem.showcaseNativeAdType02 .searchShowcaseSubBlock, .searchDummyShowcaseType01 .forbiddenItem.searchDummyShowcaseInner .searchShowcaseSubBlock, .searchShowcaseType01.forbiddenItem .searchShowcaseSubBlock {
            display: none
        }

        .forbiddenItem.showcaseNativeAdType01 .showcaseItemsBookmark, .forbiddenItem.showcaseNativeAdType02 .showcaseItemsBookmark, .searchDummyShowcaseType01 .forbiddenItem.searchDummyShowcaseInner .showcaseItemsBookmark, .searchShowcaseType01.forbiddenItem .showcaseItemsBookmark {
            display: none
        }

        .searchShowcaseType02.forbiddenItem .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd {
            color: #fff
        }

        .searchShowcaseType02.forbiddenItem .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd .hdTxt {
            height: auto
        }

        .searchShowcaseType02.forbiddenItem .showcaseItemsBookmark {
            display: none
        }

        .searchResultsSortBox .searchResultsLayoutNav > li.current {
            background-color: #aeb0b5
        }

        .searchResultsSortBox .searchResultsLayoutNav > li.current:not(.tb):hover > a > [class*=layoutIco] {
            opacity: 1
        }

        .searchResultsSortBox .searchResultsLayoutNav > li.current > a {
            cursor: default
        }
    </style>