Your IP : 18.118.0.93
<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>