@charset "UTF-8";
/*
---
title: aucfan.com/search1/
name: Search1
category: Search1
---
*/
/*
# Setting

## 各種設定

***
*/
/*
# compassで使用できるmixinのインポート
*/
/*
# ページカテゴリ
*/
/*
# 画像
*/
/*
# フォント
*/
/*
# カラー設定
*/
/*
# コンテンツ幅
*/
/*
# ベースとなる余白幅
*/
/*
# ベースとなる角丸の角度
*/
/*
# slash hack
*/
/*
# easing
*/
/*
# Mixin

## 汎用的なミックスインなど

***
*/
/*
# nounit
*/
/*
# margin
*/
/*
# roundedCorners
*/
/*
# calc
*/
/*
# fontSize
*/
/*
# shadow
*/
/*
# invisibilityElem
*/
/*
# hideTxt
*/
/*
# overflow
*/
/*
# lineClamp
*/
/*
# landscape
*/
/*
# buttonClickEffects
*/
.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, 0.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, 0.2);
}

/*
# counter
*/
.counterBox {
  counter-reset: num;
}

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

/*
# mediaquery
*/
/*
# flexBox
*/
/*
# clearfix
*/
.clearfix, .search1TopKeywordsBox .search1TopKeywordsList {
  /zoom: 1;
}

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

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea, #search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox .marketPlaceTab, #search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .categoryWrap .categoryListBox, .search1TopItemsRanking .search1TopRankingList > ul, #search1TopSearchField .search1TopSearchFieldInner, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchToolBox, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect .search1TopSiteSelectList, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendCol, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .searchExtendCheckList, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .inputCol, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .rangeInputCol, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock .selectListBlockInner .selectList, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .siteLinkBlock, .skyscraperAdBox, .auctopiBox .auctopiList, body.csvDownloadBody .csvDownloadBox .csvDownloadGetList, .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock .searchGraphNavList, .recommendCateKeywordBox .recommendCateKeywordList, .searchPaginationBox .searchPaginationBoxInner, .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav, .searchPaginationBox .searchPaginationBoxInner .searchMonthNav,
.searchPaginationBox .searchPaginationBoxInner .searchYearNav, .searchResultsUntilCol2, .searchResultsMultiCol2, .searchResultsListCol2, .searchResultsListCol3, .resultMarketPlaceBox, .searchPeriodBox .searchPeriodBlock .searchPeriodList,
.searchPeriodHideBox .searchPeriodBlock .searchPeriodList, .searchShowcaseColArea, .searchShowcaseSortNav, .searchShowcaseType01 .searchShowcaseSubBlock .adTxt, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox, .searchResultsSortBox, .searchResultsSortBox > .combineSearchNav .combineSearchBlock, .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchList, .searchResultsSortBox .searchResultsLayoutNav, #colSearchResultsWrap, .searchTotalNumberBox {
  /zoom: 1;
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea:after, #search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox .marketPlaceTab:after, #search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .categoryWrap .categoryListBox:after, .search1TopItemsRanking .search1TopRankingList > ul:after, #search1TopSearchField .search1TopSearchFieldInner:after, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox:after, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchToolBox:after, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock:after, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect .search1TopSiteSelectList:after, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendCol:after, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .searchExtendCheckList:after, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .inputCol:after, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .rangeInputCol:after, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock:after, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock .selectListBlockInner .selectList:after, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .siteLinkBlock:after, .skyscraperAdBox:after, .auctopiBox .auctopiList:after, body.csvDownloadBody .csvDownloadBox .csvDownloadGetList:after, .searchMiniGraphBox .searchMiniGraphBoxInner .searchGraphNavBlock .searchGraphNavList:after, .recommendCateKeywordBox .recommendCateKeywordList:after, .searchPaginationBox .searchPaginationBoxInner:after, .searchPaginationBox .searchPaginationBoxInner .searchPaginationNav:after, .searchPaginationBox .searchPaginationBoxInner .searchMonthNav:after,
.searchPaginationBox .searchPaginationBoxInner .searchYearNav:after, .searchResultsUntilCol2:after, .searchResultsMultiCol2:after, .searchResultsListCol2:after, .searchResultsListCol3:after, .resultMarketPlaceBox:after, .searchPeriodBox .searchPeriodBlock .searchPeriodList:after,
.searchPeriodHideBox .searchPeriodBlock .searchPeriodList:after, .searchShowcaseColArea:after, .searchShowcaseSortNav:after, .searchShowcaseType01 .searchShowcaseSubBlock .adTxt:after, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt:after, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt:after, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt:after, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox:after, .searchResultsSortBox:after, .searchResultsSortBox > .combineSearchNav .combineSearchBlock:after, .searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchList:after, .searchResultsSortBox .searchResultsLayoutNav:after, #colSearchResultsWrap:after, .searchTotalNumberBox:after {
  display: block;
  clear: both;
  content: ".";
  height: 0;
  visibility: hidden;
}

@font-face {
  font-family: "iconfont";
  src: url("/assets/fonts/icon/iconfont.eot?1531361820");
  src: url("/assets/fonts/icon/iconfont.eot?1531361820&#iefix") format("eot"), url("/assets/fonts/icon/iconfont.woff2?1531361820") format("woff2"), url("/assets/fonts/icon/iconfont.woff?1531361820") format("woff"), url("/assets/fonts/icon/iconfont.ttf?1531361820") format("truetype"), url("/assets/fonts/icon/iconfont.svg#iconfont?1531361820") format("svg");
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox:before, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord:before, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:before, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock > .close:before, #search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus > a:before, .searchResultsAsideMenuType02 > li > a:before, .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1):before, .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2):before, .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3):before, .searchResultsAccTopicsPathList > li:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

/*
# Sprites

## スプライト画像の設定

***
*/
/*
# スプライト画像 Mixin
*/
.memberFloatingBox .memberFloatingIco .ico, .memberFloatingBox.typeAuc10th .memberFloatingIco .ico, .searchDummyShowcaseType01 .searchDummyShowcaseInner:nth-child(odd) > .showcaseItemsImgBlock .showcaseItemsImg > .showcaseDummyItem, .searchDummyShowcaseType01 .searchDummyShowcaseInner > .showcaseItemsImgBlock .showcaseItemsImg > .showcaseDummyItem, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock.showcaseDummyTxt, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .showcaseDummyPrice, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .showcaseDummyNumber, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .showcaseDummyDate, .descriptionCombineSearch .combineSearchBg {
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}

/*
---
title: aucfan.com/search1/
name: Search1 Top
category: Search1
---
*/
/*
# search1TopCategoryWrap

## カテゴリ検索

*/
#search1TopCategoryWrap {
  position: relative;
  background-color: #f1f1f2;
}

#search1TopCategoryWrap .search1TopCategoryInner {
  position: relative;
  width: auto;
  min-width: 1000px;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 24px 32px;
}

#search1TopCategoryWrap .search1TopCategoryInner .search1TopCategoryHd {
  margin: 0 0 16px;
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap {
  margin-left: -24px;
  margin-bottom: 16px;
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  width: -webkit-calc(100% / 5);
  width: -moz-calc(100% / 5);
  width: calc(100% / 5);
  position: relative;
  float: left;
  padding: 0 0 16px 24px;
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: box-shadow 0.5s ease;
  -moz-transition: box-shadow 0.5s ease;
  -o-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  display: block;
  position: relative;
  background-color: #ffffff;
  color: #666666;
  cursor: pointer;
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox:not(.tb):hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg01 {
  background-image: url(/assets/image/common/layout/search1/index/category_search/bg_category_img01.png);
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg02 {
  background-image: url(/assets/image/common/layout/search1/index/category_search/bg_category_img02.png);
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg03 {
  background-image: url(/assets/image/common/layout/search1/index/category_search/bg_category_img03.png);
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg04 {
  background-image: url(/assets/image/common/layout/search1/index/category_search/bg_category_img04.png);
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg05 {
  background-image: url(/assets/image/common/layout/search1/index/category_search/bg_category_img05.png);
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg01, #search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg02, #search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg03, #search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg04, #search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg05 {
  -webkit-transition: background-size 0.2s ease;
  -moz-transition: background-size 0.2s ease;
  -o-transition: background-size 0.2s ease;
  transition: background-size 0.2s ease;
  background-size: 100%;
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg01:not(.tb):hover, #search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg02:not(.tb):hover, #search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg03:not(.tb):hover, #search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg04:not(.tb):hover, #search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg.categoryImg05:not(.tb):hover {
  background-size: 120%;
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg .categoryImgHd {
  font-size: 18px;
  font-size: 1.2rem;
  -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: #ffffff;
  text-align: center;
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg .categoryImgHd:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg .categoryImgHd:before {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-image: -svg-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-size: 100%;
  background-image: -owg-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
}

#search1TopCategoryWrap .search1TopCategoryInner .categoryImgWrap .categoryImgArea .categoryImgBlock .categoryImgBox .categoryImg .categoryImgHd .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;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace {
  position: relative;
  z-index: 1;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox {
  width: auto;
  min-width: 1000px;
  max-width: 1200px;
  margin: 0 auto;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox .marketPlaceTab {
  height: 50px;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox .marketPlaceTab > li {
  position: relative;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 18px;
  font-size: 1.2rem;
  float: left;
  padding: 0 8px;
  min-width: 60px;
  height: 100%;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox .marketPlaceTab > li:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox .marketPlaceTab > li.selected {
  background-color: #ffffff;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox .marketPlaceTab > li.selected:not(.tb):hover {
  background-color: #ffffff;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox .marketPlaceTab > li.selected:before {
  display: block;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox .marketPlaceTab > li:before {
  display: none;
  top: -1px;
  right: 0;
  left: 0;
  height: 3px;
  background-color: #dddddd;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .marketPlaceTabBox .marketPlaceTab > li:not(.tb):hover {
  background-color: #e3e4e6;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .categoryWrap {
  width: auto;
  min-width: 1000px;
  max-width: 1200px;
  margin: 0 auto;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .categoryWrap .categoryBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 32px;
  background-color: #ffffff;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .categoryWrap .categoryListBox li {
  font-size: 14px;
  font-size: 0.93333rem;
  -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);
  position: relative;
  float: left;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .categoryWrap .categoryListBox li a {
  display: block;
  padding: 8px 0 4px;
  margin-right: 24px;
  color: #666666;
  border-bottom: 1px dotted #e3e4e6;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .categoryWrap .categoryListBox li a:not(.tb):hover {
  color: #89c629;
}

#search1TopCategoryWrap .search1TopCategoryInner .switchingMarketPlace .categoryWrap .categoryListBox li:nth-child(-n+3) > a {
  padding-top: 0;
}

/*
# search1TopKeywordsList

## 検索キーワード群

*/
.search1TopKeywordsBox {
  margin-bottom: 40px;
}

.search1TopKeywordsBox:last-child {
  margin-bottom: 56px;
}

.search1TopKeywordsBox .search1TopKeywordsList li {
  float: left;
  margin: 4px 1em 4px 0;
}

.search1TopKeywordsBox .search1TopKeywordsList li a {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  display: block;
  padding: 4px 8px;
  border: solid 1px #cccccc;
  color: #666666;
}

.search1TopKeywordsBox .search1TopKeywordsList li a:hover {
  color: #89c629;
}

/*
# search1TopItemsRanking

## ランキング

*/
.search1TopItemsRanking {
  margin-bottom: 32px;
}

.search1TopItemsRanking .search1TopHdRankingBox {
  position: relative;
  margin-bottom: 24px;
}

.search1TopItemsRanking .search1TopHdRankingBox .search1TopRankingDate {
  font-size: 13px;
  font-size: 0.86667rem;
  position: absolute;
  top: 6px;
  right: 0;
  margin: 0;
  color: gray;
}

.search1TopItemsRanking .search1TopRankingList {
  font-size: 13px;
  font-size: 0.86667rem;
  margin-left: -24px;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  width: -webkit-calc(100% / 5);
  width: -moz-calc(100% / 5);
  width: calc(100% / 5);
  position: relative;
  float: left;
  padding: 24px 0 16px 24px;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-child(1) .search1TopRankingImgBox .rankingIcoBlock, .search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-child(2) .search1TopRankingImgBox .rankingIcoBlock, .search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-child(3) .search1TopRankingImgBox .rankingIcoBlock {
  border: none;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-child(4) .search1TopRankingImgBox::before, .search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-child(5) .search1TopRankingImgBox::before {
  content: none;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
  position: relative;
  background-color: #ffffff;
  color: #666666;
  cursor: pointer;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox:not(.tb):hover .search1TopRankingImgBlock .search1TopRankingImg .RankingItemsThum {
  -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);
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingImgBlock {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-color: #ffffff;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingImgBlock .search1TopRankingHd {
  -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: #ffffff;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingImgBlock .search1TopRankingHd:before {
  display: block;
  position: absolute;
  content: "";
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingImgBlock .search1TopRankingHd:visited {
  color: #c8dff4;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingImgBlock .search1TopRankingHd:before {
  background-image: -svg-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-size: 100%;
  background-image: -owg-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingImgBlock .search1TopRankingHd .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, 0.7);
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingImgBlock .search1TopRankingImg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingImgBlock .search1TopRankingImg .RankingItemsThum {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  -webkit-backface-visibility: hidden;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingTxtBlock {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 12px;
  background-color: #ffffff;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingTxtBlock .itemDetails {
  margin-bottom: 0;
  text-align: right;
  color: #666666;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .search1TopRankingTxtBlock .itemDetails .amount {
  font-size: 18px;
  font-size: 1.2rem;
  margin: 0 4px;
  color: #fa4c07;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .rankingIcoBlock {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  -webkit-transform: translate(-50%, 10%);
  -moz-transform: translate(-50%, 10%);
  -ms-transform: translate(-50%, 10%);
  -o-transform: translate(-50%, 10%);
  transform: translate(-50%, 10%);
  font-size: 16px;
  font-size: 1.06667rem;
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  z-index: 100;
  width: 32px;
  height: 32px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  color: #666666;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox .rankingIcoBlock::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;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 3em;
  margin-top: 1px;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox {
  position: relative;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox:before {
  display: block;
  position: absolute;
  content: "";
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox:before {
  content: "";
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock .search1TopRankingImgBox::before {
  -webkit-transform: translate(-50%, 10%);
  -moz-transform: translate(-50%, 10%);
  -ms-transform: translate(-50%, 10%);
  -o-transform: translate(-50%, 10%);
  transform: translate(-50%, 10%);
  font-size: 34px;
  font-size: 2.26667rem;
  position: absolute;
  top: -50px;
  left: 50%;
  z-index: 101;
  margin-top: -2px;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-of-type(1) .search1TopRankingImgBox,
.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-of-type(1) .rankingIcoBlock {
  color: #bda417;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-of-type(2) .search1TopRankingImgBox,
.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-of-type(2) .rankingIcoBlock {
  color: #868a95;
}

.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-of-type(3) .search1TopRankingImgBox,
.search1TopItemsRanking .search1TopRankingList > ul .search1TopRankingBlock:nth-of-type(3) .rankingIcoBlock {
  color: #c18c54;
}

/*
# search1TopCounter
*/
.search1TopCounterBox {
  counter-reset: num;
}

.search1TopCounterBox .search1TopCountNum::before {
  counter-increment: num;
  content: counter(num);
}

/*
# hdSearch1TopSearchField

## 検索枠

*/
#search1TopSearchField {
  position: relative;
  z-index: 10;
}

#search1TopSearchField .search1TopSearchFieldInner {
  -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;
  width: 1000px;
  margin: 0 auto;
  padding: 16px 0;
  background-color: #f1f1f2;
}

#search1TopSearchField .search1TopSearchFieldInner form {
  height: 100%;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox {
  position: relative;
  z-index: 1;
  width: 960px;
  min-height: 56px;
  margin: 0 auto;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchToolBox {
  -webkit-transition: box-shadow 0.5s ease;
  -moz-transition: box-shadow 0.5s ease;
  -o-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  position: relative;
  width: 100%;
  height: 100%;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchToolBox > .search1TopSearchTxtBox {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  height: 50px;
  border: 2px solid #616369;
  background-color: #ffffff;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchToolBox > .search1TopSearchTxtBox > .search1TopSearchInput {
  -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: 2px;
  left: 0;
  width: 750px;
  height: 100%;
  padding: 0 120px 0 16px;
  border: none;
  line-height: 44px;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchToolBox .search1TopSearchSubmit {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-transition: box-shadow 0.2s ease;
  -moz-transition: box-shadow 0.2s ease;
  -o-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  position: relative;
  top: -1px;
  right: -1px;
  float: right;
  height: 100%;
  padding: 1px;
  margin-left: 8px;
  background-color: #25ad6b;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchToolBox .search1TopSearchSubmit:not(.tb):hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #27ba73;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchToolBox .search1TopSearchSubmit > .search1TopSearchBtn {
  font-size: 18px;
  font-size: 1.2rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 196px;
  height: 50px;
  border: none;
  background: none;
  color: #ffffff;
  cursor: pointer;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox {
  display: none;
  position: absolute;
  top: 0;
  right: -4px;
  left: 0;
  z-index: 3;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock {
  -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, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 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: 754px;
  padding: 12px 0;
  border-radius: 0 0 6px 6px;
  border: 2px solid #616369;
  border-top: none;
  background-color: #ffffff;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .search1TopSearchAssistSwitching {
  -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;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .search1TopSearchAssistSwitching .switchingBlock {
  display: table-cell;
  vertical-align: top;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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: 0.8rem;
  float: left;
  width: 50%;
  padding: 0 12px;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord:before, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord:before, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:before {
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord:not(.tb):hover, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:not(.tb):hover {
  color: #89c629;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeCondition .listBlock .hitWord:before, #search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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: 0.66667rem;
  top: 50%;
  left: 10px;
  margin: 1px 0 0;
  color: #999999;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeHistory .listBlock .hitWord:before {
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeSuggest {
  font-size: 14px;
  font-size: 0.93333rem;
  display: none;
  position: relative !important;
  float: none;
  width: 100% !important;
  max-height: none !important;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeSuggest .listBlock {
  border-radius: 4px;
  color: #333333;
  cursor: pointer;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeSuggest .listBlock:hover {
  background-color: #e9e9ea;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList.typeSuggest .listBlock .hitWord {
  color: #333333;
  padding: 2px 40px 2px 8px;
  border-radius: 4px;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listHd {
  font-size: 14px;
  font-size: 0.93333rem;
  position: relative;
  z-index: 1;
  margin-bottom: 4px;
  padding: 4px 50px 6px 32px;
  border-bottom: 1px solid #dddddd;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listHd .listHdIco {
  display: block;
  position: absolute;
  top: 2px;
  left: 4px;
  margin: 0;
  color: #cccccc;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listHd .editBtn:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listHd .editBtn:after {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listHd .editBtn:after {
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listHd .editBtn:not(.tb):hover {
  color: #89c629;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listHd .editBtn:not(.tb):hover:before {
  border-color: #89c629;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock.autocomplete-group {
  display: none;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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: #666666;
  cursor: pointer;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .addWord {
  position: relative;
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  width: 26px;
  border-radius: 4px;
  cursor: pointer;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .addWord:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .addWord:before {
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  padding: 2px;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .addWord:hover {
  background-color: #c9cacd;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .addWord:hover > .add:before {
  border-color: #ffffff;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .addWord:hover > .add:after {
  background-color: #ffffff;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .addWord > .add:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .addWord > .add:after {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .addWord > .add:before {
  width: 100%;
  height: 100%;
  border-top: 2px solid #999999;
  border-left: 2px solid #999999;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .addWord > .add:after {
  -webkit-transform-origin: 0.5px 2px;
  -moz-transform-origin: 0.5px 2px;
  -ms-transform-origin: 0.5px 2px;
  -o-transform-origin: 0.5px 2px;
  transform-origin: 0.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: #999999;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .removeWord:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .removeWord:before {
  top: -4px;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 4px;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .removeWord > .remove {
  position: relative;
  font-size: 10px;
  font-size: 0.66667rem;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
  white-space: nowrap;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .listBlock .removeWord > .remove:before {
  display: block;
  position: absolute;
  content: "消去";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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%;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .substituteBlock .noListTxt {
  font-size: 13px;
  font-size: 0.86667rem;
  padding: 16px;
  color: #999999;
  text-align: center;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .substituteBlock .memberRegisterCont {
  padding: 32px 24px;
  text-align: center;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .substituteBlock .memberRegisterCont .memberRegisterTxt {
  font-size: 16px;
  font-size: 1.06667rem;
  margin-bottom: 32px;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .searchAssistList .substituteBlock .memberRegisterCont .memberRegisterBtn {
  width: 200px;
  margin: 24px auto;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .historylistRemoveAll {
  margin: 40px 32px;
  text-align: center;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .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 #dddddd;
  background-color: #ffffff;
  color: #333333;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock > .close {
  position: relative;
  font-size: 20px;
  font-size: 1.33333rem;
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 30px;
  height: 30px;
  color: #303134;
  cursor: pointer;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock > .close:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock > .close:before {
  content: "";
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock > .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%;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  font-size: 0.73333rem;
  -webkit-transition: box-shadow 0.2s ease;
  -moz-transition: box-shadow 0.2s ease;
  -o-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  position: absolute;
  top: 14px;
  right: 215px;
  z-index: 4;
  overflow: hidden;
  width: 100px;
  height: 25px;
  border-radius: 6px;
  background-color: #f1f1f2;
  color: #333333;
  text-align: center;
  cursor: pointer;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect:not(.tb):hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect .search1TopSelectedSite {
  -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;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect .search1TopSiteSelectList {
  -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: 250px;
  padding: 20px;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect .search1TopSiteSelectList > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 4px;
  border-radius: 6px;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect .search1TopSiteSelectList > li:not(.tb):hover {
  background-color: #e3e4e6;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect .search1TopSiteSelectList > li::selection {
  background-color: transparent;
}

#search1TopSearchField .search1TopExtendBox {
  -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: 0.86667rem;
  display: none;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner {
  padding: 24px 0;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching {
  display: table;
  table-layout: fixed;
  width: 100%;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock {
  display: table-cell;
  padding: 0 24px;
  vertical-align: top;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendTarget {
  margin-bottom: 12px;
  padding: 0 32px 4px 0;
  color: #999999;
  font-weight: bold;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendTarget .siteName {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #f1f1f2;
  background-color: #f1f1f2;
  color: #333333;
  cursor: pointer;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendTarget .siteName:not(.tb):hover {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  background-color: #ffffff;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendCol .searchExtendBlock {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendCol .searchExtendBlock:nth-child(even) {
  padding-left: 24px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendCol .searchExtendBlock:nth-child(odd) {
  padding-right: 24px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendCol .searchExtendBlock .search1TopExtendInputSec {
  margin-top: 16px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendCol .searchExtendBlock .search1TopExtendInputSec:first-child {
  margin-top: 0;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec {
  position: relative;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .search1TopExtendHd {
  font-size: 13px;
  font-size: 0.86667rem;
  margin-bottom: 4px;
  font-weight: bold;
  text-align: left;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .search1TopExtendHd .note {
  font-size: 11px;
  font-size: 0.73333rem;
  display: inline;
  margin-left: 8px;
  color: #666666;
  font-weight: normal;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .searchExtendReset {
  font-size: 11px;
  font-size: 0.73333rem;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 4px 0 4px 4px;
  border-radius: 4px;
  color: #0dafde;
  line-height: 1;
  cursor: pointer;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .searchExtendReset:not(.tb):hover {
  color: #89c629;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec [class*="selectForm"] {
  display: block;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .searchExtendCheckList {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 32px;
  padding: 6px 0 0 8px;
  border-bottom: 1px solid #dddddd;
  background-color: #f1f1f2;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .searchExtendCheckList > li {
  float: left;
  width: 33%;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .searchExtendCheckList > li label {
  font-size: 11px;
  font-size: 0.73333rem;
  display: block;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .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;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .inputCol .inputBlock:nth-child(2n) {
  padding: 0 0 0 16px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .rangeInputCol.setUnit input[type="text"],
#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .rangeInputCol.setUnit input[type="number"] {
  width: 180px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .rangeInputCol.setUnit .unit {
  margin-left: 4px;
  vertical-align: bottom;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .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;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .rangeInputCol .rangeInputBlock:nth-child(2n) {
  position: relative;
  padding: 0 0 0 16px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .rangeInputCol .rangeInputBlock:nth-child(2n):before {
  display: block;
  position: absolute;
  content: "〜";
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .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;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem,
#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .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, 0.1) inset;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 2px 0 rgba(0, 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: 0.86667rem;
  display: block;
  position: relative;
  float: left;
  width: 50%;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  line-height: 33px;
  text-align: center;
  cursor: pointer;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem.dummyElem,
#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .dummyElem.dummyElem {
  cursor: not-allowed;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem:nth-of-type(1),
#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .dummyElem:nth-of-type(1) {
  border-radius: 4px 0 0 4px;
  border-right: none;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem:nth-of-type(1):before,
#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .dummyElem:nth-of-type(1):before {
  display: none;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem:nth-of-type(2),
#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .dummyElem:nth-of-type(2) {
  border-radius: 0 4px 4px 0;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem:nth-of-type(2):after,
#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .dummyElem:nth-of-type(2):after {
  display: none;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem::selection,
#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .dummyElem::selection {
  background-color: transparent;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .dummyElem {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px dashed #dddddd;
  background-color: #f1f1f2;
  cursor: default !important;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .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, 0.1) inset;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 2px 0 rgba(0, 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: 0.86667rem;
  display: block;
  position: relative;
  width: 100%;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  line-height: 33px;
  text-align: left;
  cursor: pointer;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectInputBlock:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectInputBlock:after {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .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;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .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;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectInputBlock .selectTxt::selection {
  background-color: transparent;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .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: #333333;
  text-align: left;
  line-height: 1.5;
  cursor: default;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType01 .selectListBlockInner:before, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType01 .selectListBlockInner:after {
  left: 38px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType02 {
  left: -106px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType02 .selectListBlockInner:before, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType02 .selectListBlockInner:after {
  left: 144px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType03 {
  left: -242px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType03 .selectListBlockInner:before, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType03 .selectListBlockInner:after {
  left: 282px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType04 {
  left: -347px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType04 .selectListBlockInner:before, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType04 .selectListBlockInner:after {
  left: 386px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType05 {
  left: -242px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType05 .selectListBlockInner:before, #search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock.selectAreaPosType05 .selectListBlockInner:after {
  left: 334px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .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, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  position: relative;
  position: relative;
  position: relative;
  width: 100%;
  padding: 16px 0 16px 18px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock .selectListBlockInner:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock .selectListBlockInner:after {
  display: block;
  position: absolute;
  content: "";
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock .selectListBlockInner:before {
  top: -13px;
  left: 92px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 13px 12px;
  border-color: transparent transparent #dddddd transparent;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .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 #ffffff transparent;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock .selectListBlockInner .selectList {
  margin-top: -4px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock .selectListBlockInner .selectList > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  font-size: 0.73333rem;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.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: #333333;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock .selectListBlockInner .selectList > li:not(.tb):hover {
  background-color: #ffffff;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .siteLinkBlock {
  margin-top: 50px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .siteLinkBlock > li {
  position: relative;
  float: right;
  padding: 0 16px;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .siteLinkBlock > li:after {
  display: block;
  position: absolute;
  content: "|";
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .siteLinkBlock > li:first-child {
  padding-right: 0;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .siteLinkBlock > li:first-child:after {
  display: none;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .siteLinkBlock > li > span {
  color: #0dafde;
  cursor: pointer;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .siteLinkBlock > li > span:not(.tb):hover {
  color: #89c629;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .siteLinkBlock > li:after {
  font-size: 12px;
  font-size: 0.8rem;
  top: 0;
  right: -4px;
  color: #777777;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendSubmit {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: block;
  width: 466px;
  height: 40px;
  margin: 16px auto 0;
  cursor: pointer;
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendSubmit:not(.tb):hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
}

#search1TopSearchField .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendSubmit button {
  font-size: 18px;
  font-size: 1.2rem;
  padding-left: 4px;
  letter-spacing: 4px;
}

#search1TopSearchField .search1TopExtendBtn {
  font-size: 18px;
  font-size: 1.2rem;
  -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;
  display: block;
  position: relative;
  z-index: -1;
  width: 400px;
  margin: 0 auto;
  padding: 8px 24px 16px 0;
  text-align: center;
  background-color: #f1f1f2;
  cursor: pointer;
}

#search1TopSearchField .search1TopExtendBtn:not(.tb):hover {
  color: #68b41f;
}

#search1TopSearchField .search1TopExtendBtn .search1TopExtendAccIco {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
  position: absolute;
  top: 45%;
  right: 100px;
  margin: 0;
}

/*
# search1TopUserActionArea

## 会員情報エリア

*/
#search1TopUserActionArea {
  font-size: 13px;
  font-size: 0.86667rem;
  position: relative;
  z-index: 11;
}

#search1TopUserActionArea .search1TopUserActionAreaInner {
  height: 48px;
  margin: -1px auto 0;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction {
  height: 100%;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li {
  float: right;
  height: 100%;
  padding: 11.2px 16px;
  color: #666666;
  text-align: center;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li > a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
  height: 28.8px;
  padding: 14.4px 16px 4px;
  border-radius: 0 0 6px 6px;
  color: #ffffff;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li > a:not(.tb):hover {
  background-color: rgba(255, 255, 255, 0.4);
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus {
  position: relative;
  padding: 0;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus > a {
  position: relative;
  padding-right: 32px;
  cursor: default;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus > a:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus > a:before {
  content: "";
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus > 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: 0.66667rem;
  top: 50%;
  right: 16px;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus > a > .userName {
  font-weight: bold;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus .search1TopUserMenu {
  -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, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 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 #dddddd;
  background-color: #ffffff;
  color: #333333;
  text-align: left;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus .search1TopUserMenu:before {
  display: block;
  position: absolute;
  content: "";
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus .search1TopUserMenu:after {
  display: block;
  position: absolute;
  content: "";
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus .search1TopUserMenu:before {
  top: -9px;
  right: 10.4px;
  width: 0;
  height: 0;
  margin-left: -9px;
  border-color: transparent transparent #dddddd;
  border-style: solid;
  border-width: 0 9px 9px;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus .search1TopUserMenu:after {
  top: -8px;
  right: 10.4px;
  width: 0;
  height: 0;
  margin-left: -9px;
  border-color: transparent transparent #ffffff;
  border-style: solid;
  border-width: 0 9px 8px;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus .search1TopUserMenu .userMenuList {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #dddddd;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus .search1TopUserMenu .userMenuList:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus .search1TopUserMenu .userMenuList a {
  display: block;
  padding: 2px 0;
  color: #333333;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus .search1TopUserMenu .userMenuList a:hover {
  color: #89c629;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.search1TopStatus .search1TopUserMenu .userMenuList a > .subTxt {
  font-size: 11px;
  font-size: 0.73333rem;
  display: block;
  color: #999999;
  margin-top: -0.2em;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.login {
  padding: 0;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.register {
  padding-top: 0;
  padding-bottom: 0;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.register.premium > a {
  background-color: #d4a85c;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.register.premium > a:not(.tb):hover {
  background-color: #ddb97c;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.register > a {
  display: block;
  height: 28px;
  margin-top: 10px;
  padding: 0 16px;
  border-radius: 6px;
  background-color: #fa4c07;
  color: #ffffff;
  line-height: 2.2;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li.register > a:not(.tb):hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fa6807;
  color: #ffffff;
}

#search1TopUserActionArea .search1TopUserActionAreaInner .search1TopUserAction > li:first-child {
  padding-right: 0;
}

/*
# hdSearch1TopBox

## メインビジュアル

*/
.hdSearch1TopBox {
  font-size: 28px;
  font-size: 1.86667rem;
  position: relative;
  min-height: 355px;
  padding-bottom: 24px;
  background: #303134 url(/assets/image/common/layout/search1/index/visual/bg_main_visual.png) center top;
  background-size: cover;
}

.hdSearch1TopBox .hdSearch1TopBoxInner {
  position: relative;
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  padding: 0 32px;
}

.hdSearch1TopBox .hdSearch1TopBoxInner .hdSearch1TopTxt {
  padding: 24px 0 0;
  text-align: center;
  color: #ffffff;
}

.hdSearch1TopBox .hdSearch1TopBoxInner .hdSearch1TopTxt .hdSearch1TopHd {
  font-size: 30px;
  font-size: 2rem;
  margin-bottom: 16px;
  font-weight: bold;
}

.hdSearch1TopBox .hdSearch1TopBoxInner .hdSearch1TopTxt .hdSearch1TopSummary {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.8;
  color: #ffffff;
}

.hdSearch1TopBox .hdSearch1TopBoxInner .hdSearch1TopTxt .hdSearch1TopSummary .emphasisTxt {
  font-size: 30px;
  font-size: 2rem;
  color: #46d891;
}

body.typeExtend .hdSearch1TopBox > .hdSearch1TopBoxInner {
  width: auto;
  min-width: 1000px;
  max-width: 1200px;
}

body.typeWide .hdSearch1TopBox > .hdSearch1TopBoxInner {
  width: auto;
}

/*
# fixedFooterAdBox

## フッター固定表示バナー

*/
.fixedFooterAdBox {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
}

.fixedFooterAdBox > a {
  position: relative;
  display: block;
  z-index: 1;
  width: 100%;
  height: 100px;
}

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

.fixedFooterAdBox > a:before {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.fixedFooterAdBox > a:not(.tb):hover:before {
  opacity: 0.3;
}

.fixedFooterAdBox > a .fixedFooterAdBlock {
  width: 850px;
  margin: 0 auto;
  text-align: center;
}

.fixedFooterAdBox .closeBtn {
  -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;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 30px;
  height: 24px;
  margin-left: 430px;
  background-color: #ffffff;
  cursor: pointer;
}

.fixedFooterAdBox .closeBtn:not(.tb):hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
}

.fixedFooterAdBox .closeBtn > 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;
}

/*
# skyscraperAdBox

## スカイクレーパーバナー

*/
.skyscraperAdBox {
  width: 224px;
}

.skyscraperAdBox .skyscraperAdBlock {
  position: relative;
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
  width: 110px;
  height: 110px;
  background: #ffffff;
}

.skyscraperAdBox .skyscraperAdBlock:nth-child(even) {
  margin-right: 0;
}

.skyscraperAdBox .skyscraperAdBlock:last-child {
  margin-bottom: 0;
}

.skyscraperAdBox .skyscraperAdBlock:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -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: #ffffff;
}

.skyscraperAdBox .skyscraperAdBlock .itemImgBoxHd:before {
  display: block;
  position: absolute;
  content: "";
}

.skyscraperAdBox .skyscraperAdBlock .itemImgBoxHd:before {
  background-image: -svg-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-size: 100%;
  background-image: -owg-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
}

.skyscraperAdBox .skyscraperAdBlock .itemImgBoxHd .hdTxt {
  font-size: 11px;
  font-size: 0.73333rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  font-weight: bold;
  color: #fa4c07;
  text-shadow: 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff;
}

.skyscraperAdBox .skyscraperAdBlock .itemImgBoxHd .hdTxt .priceTxt {
  font-size: 14px;
  font-size: 0.93333rem;
  padding-right: 2px;
}

.skyscraperAdBox .skyscraperAdBlock .itemsImg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  -webkit-backface-visibility: hidden;
}

/*
# Aucview Adult Tile Banner

## アダルト専用の導線バナー

*/
.adultLinkBox {
  position: relative;
  width: 728px;
  margin: 8px auto 24px auto;
}

.adultLinkBox .adultLink {
  position: absolute;
  top: 0;
  width: 100%;
  height: 90px;
  background-image: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.8) 100%);
  background-size: 100% auto;
  background-repeat: repeat;
}

.adultLinkBox .adultLink p {
  font-size: 16px;
  font-size: 1.06667rem;
  display: table-cell;
  width: 728px;
  height: 90px;
  line-height: 1.5;
  margin-bottom: 0;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  text-align: center;
  vertical-align: middle;
}

.adultLinkBox .adultLink:hover {
  background-image: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.6) 100%);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
}

/*
# auctopiBox

## オクトピ導線

*/
.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: 0.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: #ffffff;
}

.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%;
  padding: 6px 12px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}

.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: #ffffff;
}

.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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: 0.6;
}

/*
# searchToolsAlertBox

## ツールズ アラート検索導線

*/
.searchToolsAlertBox {
  display: block;
}

.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);
  background-repeat: no-repeat;
  background-position: 100% 50px;
}

.searchToolsAlertBox .searchToolsAlertInner .searchToolsAlertBlock p {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin: 0;
}

.searchToolsAlertBox .searchToolsAlertInner .searchToolsAlertBlock span {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #29c278;
  font-weight: bold;
}

.searchToolsAlertBox .searchToolsAlertInner .searchToolsAlertBlock .searchToolsAlertHd {
  font-size: 24px;
  font-size: 1.6rem;
  margin: 0 0 16px 0;
  letter-spacing: 0.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: #ffffff;
}

.searchToolsAlertBox .searchToolsAlertInner .searchToolsTxtBlock {
  position: relative;
  font-size: 14px;
  font-size: 0.93333rem;
  display: inline-block;
  position: absolute;
  top: 16px;
  width: 100%;
  margin: 0;
  color: #fa4c07;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.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: #ffffff;
  letter-spacing: 0;
}

/*
# searchResultsAsideCont

## 左エリアのアサイドコンテンツ

*/
.searchResultsAsideMore {
  font-size: 15px;
  font-size: 1rem;
  margin: 12px 0 0;
  text-align: center;
}

.searchResultsAsideMore > a {
  display: block;
}

.searchResultsAsideMenuType01 {
  font-size: 12px;
  font-size: 0.8rem;
}

.searchResultsAsideMenuType01 > li {
  border-bottom: 1px dotted #dddddd;
}

.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;
}

.searchResultsAsideMenuType02 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  font-size: 0.93333rem;
  background-color: #ffffff;
}

.searchResultsAsideMenuType02 > li {
  border-top: 1px dotted #dddddd;
}

.searchResultsAsideMenuType02 > li:first-child {
  border-top: none;
}

.searchResultsAsideMenuType02 > li > a {
  position: relative;
  display: block;
  padding: 8px 28px 8px 8px;
  color: #666666;
}

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

.searchResultsAsideMenuType02 > li > a:before {
  content: "";
}

.searchResultsAsideMenuType02 > li > 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: 0.66667rem;
  top: 50%;
  right: 12px;
  margin: 0;
  color: #666666;
}

.searchResultsAsideMenuType02 > li > a:not(.tb):hover {
  color: #89c629;
}

/*
# csvDownloadFrame

## CSVダウンロードframe

*/
.csvDownloadFrame {
  border: none;
}

/*
# csvDownloadBox

## CSVダウンロード

*/
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 #dddddd;
}

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: bold;
}

body.csvDownloadBody .csvDownloadBox .csvDownloadNote {
  font-size: 12px;
  font-size: 0.8rem;
  margin: 8px 0 0 0;
  color: #999999;
  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: bold;
}

body.csvDownloadBody .csvDownloadBox .csvDownloadErrorTxt {
  margin: 0;
  text-align: center;
  color: #fa4c07;
}

/*
# searchError

## エラー文言エリア

*/
.searchErrorBox {
  font-size: 18px;
  font-size: 1.2rem;
  margin: 64px 0;
  color: #666666;
  text-align: center;
}

/*
# searchMiniGraphBox

## ミニチャートグラフ

*/
.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: 0.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: #666666;
  font-weight: bold;
  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: #999999;
}

.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: #666666;
}

.searchMiniGraphBox .searchMiniGraphLinkBlock .linkTxt {
  position: relative;
  position: relative;
  font-size: 13px;
  font-size: 0.86667rem;
  display: block;
  padding: 14px 0 12px;
  border-top: 3px solid #e3e4e6;
  background-color: #f1f1f2;
  font-weight: bold;
  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: #ffffff transparent transparent;
}

.searchMiniGraphBox .searchMiniGraphLinkBlock .linkTxt > p {
  margin: 0;
}

/*
# hdSearchResults

## search1　検索結果メインタイトル

*/
.hdSearchResultsBox {
  font-size: 24px;
  font-size: 1.6rem;
  position: relative;
  border-top: 4px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  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: #999999;
  vertical-align: middle;
}

.hdSearchResultsBox > .hdSearchResultsBoxInner .hdSearchResults > .hdSearchResultsTxt {
  display: inline-block;
  margin: 0 8px 0 0;
  color: #333333;
}

.hdSearchResultsBox > .hdSearchResultsBoxInner .hdSearchResults > .hdSearchResultsTxt > .itemsName {
  margin-right: 8px;
  font-weight: bold;
  color: #333333;
}

.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: bold;
}

body.typeExtend .hdSearchResultsBox > .hdSearchResultsBoxInner {
  width: auto;
  min-width: 1000px;
  max-width: 1200px;
}

body.typeWide .hdSearchResultsBox > .hdSearchResultsBoxInner {
  width: auto;
}

/*
# searchResultsHd

## search1　汎用タイトル

*/
.searchResultsHdType01 {
  font-size: 18px;
  font-size: 1.2rem;
  margin-top: 16px;
  padding: 0 12px 8px;
  border-bottom: 1px solid #dddddd;
}

.searchResultsHdType02 {
  font-size: 13px;
  font-size: 0.86667rem;
  margin: 24px 0 4px;
  color: #666666;
}

.searchResultsHdType03 {
  font-size: 11px;
  font-size: 0.73333rem;
  margin: 2px 0;
  color: #999999;
}

/*
# searchKeywordsList

## 検索キーワード群

*/
.searchKeywordsBox > .keywordsList {
  margin-top: -4px;
  font-size: 13px;
  font-size: 0.86667rem;
}

.searchKeywordsBox > .keywordsList a {
  color: #999999;
}

.searchKeywordsBox > .keywordsList a:hover {
  color: #89c629;
}

/*
# subCateKeywordBox

## サブカテゴリキーワード群

*/
.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: 0.8rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: block;
  margin-bottom: 4px;
  padding: 2px 8px;
  font-weight: normal;
}

.subCateKeywordBox .subCateKeywordArea .subCateKeywordList > li .btnType01:not(.tb):hover {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
}

/*
# recommendCateKeywordBox

## おすすめカテゴリキーワード群

*/
.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: 0.93333rem;
  position: absolute;
  top: 50%;
  left: 0;
  width: 144px;
  padding: 12px 0 12px 12px;
  color: #ffffff;
}

.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: 0.8rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: block;
  margin-bottom: 8px;
  padding: 2px 8px;
  font-weight: normal;
}

.recommendCateKeywordBox .recommendCateKeywordList > li .btnType01:not(.tb):hover {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
}

/*
# searchNoItemsBox

## 検索結果ノーアイテムエリア

*/
.searchNoItemsBox .searchNoItemsHd {
  font-size: 20px;
  font-size: 1.33333rem;
  margin: 24px 0;
  color: #666666;
  font-weight: bold;
  text-align: center;
}

.searchNoItemsBox .searchHelpHd {
  font-size: 16px;
  font-size: 1.06667rem;
  margin-bottom: 24px;
  color: #666666;
  text-align: center;
}

.searchNoItemsBox .searchHelpHd .hdTxt {
  position: relative;
  position: relative;
  position: relative;
  display: inline-block;
}

.searchNoItemsBox .searchHelpHd .hdTxt:before {
  display: block;
  position: absolute;
  content: "";
}

.searchNoItemsBox .searchHelpHd .hdTxt:after {
  display: block;
  position: absolute;
  content: "";
}

.searchNoItemsBox .searchHelpHd .hdTxt:before, .searchNoItemsBox .searchHelpHd .hdTxt:after {
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  top: 50%;
  left: -90px;
  border-top: 2px dotted #dddddd;
  width: 80px;
}

.searchNoItemsBox .searchHelpHd .hdTxt:after {
  right: -100px;
  left: auto;
}

.searchNoItemsBox .searchHelpHd .hdTxt .itemName {
  font-weight: bold;
}

.searchNoItemsBox .searchHelpHd .hdTxt del {
  color: #666666;
  font-weight: normal;
  text-decoration: line-through;
}

/*
# searchConditionFloatingBtn

## 画面左下の検索条件保存ボタン

*/
.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: 50%;
  padding: 6px;
  border-radius: 200px;
  background-color: #ffffff;
}

.searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  position: relative;
  z-index: 1;
  width: 220px;
  border-radius: 200px;
  background-color: #f1f1f2;
}

.searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner:before {
  display: block;
  position: absolute;
  content: "";
}

.searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner:before {
  display: none;
  top: 2px;
  right: 2px;
  z-index: 2;
  width: 10px;
  height: 10px;
  border-radius: 200px;
  border: 2px solid #ffffff;
  background-color: #fa4c07;
}

.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 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 12px 0;
  border-radius: 200px;
  border: 3px solid #dddddd;
  color: #333333;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner .floatingBtn:not(.tb):hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
}

.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, 0.6);
  color: #ffffff;
  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: bold;
  white-space: nowrap;
}

/*
# memberFloatingBtnBox

## 会員登録訴求フローティングボタン

*/
.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, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 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: #ffffff;
  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: #333333;
}

.memberFloatingBox .memberFloatingBlock .memberTxt {
  margin: 0;
}

.memberFloatingBox .memberFloatingBlock .memberTxt > b {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  margin-right: 2px;
}

.memberFloatingBox .memberFloatingBlock .memberTimeLimit {
  margin: 8px 0 0;
  color: #fa4c07;
  font-weight: bold;
}

.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: 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
  margin: 12px 0 0;
  padding: 8px;
  border-radius: 6px;
  background-color: #29c278;
  color: #ffffff;
}

.memberFloatingBox .memberFloatingBlock .memberBtn:not(.tb):hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 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");
  background-repeat: no-repeat;
  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: #333333;
}

.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: none;
  border-radius: 0;
}

.memberFloatingBox.typeAuc10th .memberFloatingIco .ico {
  display: block;
  background-image: url("/assets/image/common/sprites/search1.png");
  background-repeat: no-repeat;
  width: 80px;
  height: 90px;
  background-position: -567px -223px;
  display: inline-block;
}

/*
# searchPaginationBox

## ページネーション

*/
.searchPaginationBox {
  margin-bottom: 8px;
}

.searchPaginationBox .searchPaginationBoxInner {
  font-size: 13px;
  font-size: 0.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 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  position: relative;
  float: left;
  margin: 0 4px 4px 0;
  border: 1px solid #dddddd;
  background-color: #f1f1f2;
}

.searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li:last-child {
  margin-right: 0;
}

.searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li:not(.tb):hover {
  background-color: #ffffff;
}

.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: #999999;
  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: #999999;
  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: #666666;
  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 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  float: left;
  min-width: 60px;
  margin-bottom: 4px;
  border: 1px solid #dddddd;
  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 #dddddd;
}

.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: #ffffff;
}

.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: #666666;
  line-height: 1;
}

.searchPaginationBox .searchPaginationTxt {
  font-size: 12px;
  font-size: 0.8rem;
  margin: 0 0 4px;
  color: #666666;
}

/*
# averagePrice

## ページ内平均価格

*/
.searchAveragePrice {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 12px 10px;
  background-color: #6d6f76;
  color: #ffffff;
  line-height: 1;
  word-break: break-all;
}

.searchAveragePrice .averagePriceHd {
  font-size: 13px;
  font-size: 0.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: bold;
}

/*
# searchRankingBox

## ランキング

*/
.searchRankingBox {
  position: relative;
}

.searchRankingBox .searchRankingType01 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  font-size: 13px;
  font-size: 0.86667rem;
  overflow: hidden;
  padding: 8px;
  background-color: #ffffff;
}

.searchRankingBox .searchRankingType01:before {
  display: block;
  position: absolute;
  content: "";
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList {
  position: relative;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:after {
  display: block;
  position: absolute;
  content: "";
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList::after {
  top: 0;
  right: 0;
  left: 24px;
  height: 1px;
  background-color: #dddddd;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:first-child::after {
  display: none;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList > a {
  display: block;
  position: relative;
  z-index: 1;
  padding: 12px 0 12px 32px;
  color: #666666;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList > a:hover {
  color: #89c629;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList .rankingIcoBlock {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  color: #666666;
  font-size: 0.8rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1), .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2), .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3) {
  position: relative;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1):before, .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2):before, .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3):before {
  display: block;
  position: absolute;
  content: "";
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1):before, .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2):before, .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3):before {
  content: "";
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1)::before, .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2)::before, .searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3)::before {
  font-size: 18px;
  font-size: 1.2rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  margin-top: -7px;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1) {
  position: relative;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1):before {
  display: block;
  position: absolute;
  content: "";
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1):before {
  content: "";
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1)::before {
  color: #bda417;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2) {
  position: relative;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2):before {
  display: block;
  position: absolute;
  content: "";
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2):before {
  content: "";
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2)::before {
  color: #868a95;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3) {
  position: relative;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3):before {
  display: block;
  position: absolute;
  content: "";
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3):before {
  content: "";
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3)::before {
  color: #c18c54;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1) .rankingIcoBlock,
.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2) .rankingIcoBlock,
.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3) .rankingIcoBlock {
  margin-top: 8px;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(1) .rankingIcoBlock {
  color: #bda417;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(2) .rankingIcoBlock {
  color: #868a95;
}

.searchRankingBox .searchRankingType01 .searchRankingListBox .searchRankingList:nth-of-type(3) .rankingIcoBlock {
  color: #c18c54;
}

/*
# refineSearch

## 絞り込み検索

*/
.refineSearchNotes {
  font-size: 12px;
  font-size: 0.8rem;
  color: #999999;
}

.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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: 0.86667rem;
  background-color: #ffffff;
}

.searchResultsAccBox .searchResultsAccBlock .searchResultsAccList > li {
  border-top: 1px dotted #dddddd;
}

.searchResultsAccBox .searchResultsAccBlock .searchResultsAccList > li:first-child {
  border-top: none;
}

.searchResultsAccBox .searchResultsAccBlock .searchResultsAccList > li > a {
  display: block;
  padding: 6px 8px;
  color: #666666;
}

.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: 0.8rem;
  top: 8px;
  left: 0;
  width: 24px;
  color: #999999;
  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: 0.8rem;
  display: block;
  position: absolute;
  top: 18px;
  right: 0;
  color: #999999;
  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: 0.8rem;
  display: block;
  position: absolute;
  top: 18px;
  right: 0;
  color: #999999;
  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 #dddddd;
}

.searchResultsList > li input.radioFormType02[type="radio"] + label,
.searchResultsList > li input.checkFormType02[type="checkbox"] + 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.radioFormType02[type="radio"] + label, .searchResultsListCol3 > li input.radioFormType02[type="radio"] + label,
.searchResultsListCol2 > li input.checkFormType02[type="checkbox"] + label, .searchResultsListCol3 > li input.checkFormType02[type="checkbox"] + label {
  display: block;
}

.searchResultsListCol3 > li {
  width: 33.3333%;
}

/*
# refineSearchSubmit

## 絞り込み検索ボタン

*/
.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

## 絞り込み検索エリア内会員導線リンク（10年分の相場を見るなら）

*/
.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: 0.86667rem;
  margin: 8px 16px 4px;
  background-color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.refineSearchPremLink > a {
  display: block;
  padding: 4px 4px 4px 0;
}

/*
# refineSearchLink

## 絞り込み検索エリア内グローバルオークファンリンク

*/
.refineSearchGlobalLink {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  font-size: 0.86667rem;
  margin: 0;
  font-weight: bold;
  text-align: center;
}

.refineSearchGlobalLink > a {
  display: block;
  padding: 4px 0;
}

/*
# searchResultsAccTopicsPathList

## 絞り込み検索エリア内ミニパンくず

*/
.searchResultsAccTopicsPathList {
  font-size: 11px;
  font-size: 0.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: 0.66667rem;
  display: inline;
  position: static;
  margin-right: 4px;
  vertical-align: middle;
  color: #999999;
}

.searchResultsAccTopicsPathList > li a {
  font-weight: bold;
  vertical-align: middle;
}

.searchResultsAccTopicsPathList > li:first-child:before {
  display: none;
}

/*
# resultMarketPlaceBox

## マーケットプレイスごとの検索該当数エリア

*/
.resultMarketPlaceBox {
  font-size: 12px;
  font-size: 0.8rem;
  padding: 6px 12px;
  border-top: 1px solid #dddddd;
  background-color: #f1f1f2;
  font-weight: bold;
}

.resultMarketPlaceBox > .resultMarketPlaceBlock > li {
  display: inline-block;
  margin: 2px 6px 2px 0;
  padding-right: 10px;
  border-right: 1px solid #cccccc;
  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: #666666;
  font-weight: normal;
}

/*
# searchPeriodBox

## 検索期間

*/
.searchPeriodBox .searchPeriodRecently,
.searchPeriodHideBox .searchPeriodRecently {
  font-size: 13px;
  font-size: 0.86667rem;
  margin-bottom: 16px;
  padding-bottom: 2px;
  border-bottom: 1px solid #dddddd;
}

.searchPeriodBox .searchPeriodRecently > a,
.searchPeriodHideBox .searchPeriodRecently > a {
  display: block;
  font-weight: bold;
}

.searchPeriodBox .searchPeriodHd,
.searchPeriodHideBox .searchPeriodHd {
  position: relative;
  margin-top: 0;
  padding-bottom: 2px;
  border-bottom: 1px solid #dddddd;
}

.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  top: 50%;
  right: 8px;
  margin: 0;
}

.searchPeriodBox .searchPeriodBlock .searchPeriodList,
.searchPeriodHideBox .searchPeriodBlock .searchPeriodList {
  font-size: 12px;
  font-size: 0.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: bold;
  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

## 3年分まとめて検索するボタン

*/
.searchPeriodBtn {
  margin: 16px 0 4px;
}

.searchPeriodBtn > a {
  font-size: 15px;
  font-size: 1rem;
}

/*
# searchPeriodCombineBox

## 期間おまとめ検索訴求ボックス

*/
.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: #ffffff;
  margin-bottom: 12px;
}

.searchPeriodCombineBox:before {
  display: block;
  position: absolute;
  content: "";
}

.searchPeriodCombineBox .searchPeriodCombineHd {
  font-size: 16px;
  font-size: 1.06667rem;
  margin-bottom: 8px;
  padding-top: 14px;
  font-weight: bold;
  text-align: center;
}

.searchPeriodCombineBox .searchPeriodCombineCont {
  font-size: 11px;
  font-size: 0.73333rem;
  padding: 0 8px 8px;
  text-align: center;
  color: #666666;
}

.searchPeriodCombineBox .searchPeriodCombineCont .combineSearchList {
  font-size: 10px;
  font-size: 0.66667rem;
  display: table;
  position: relative;
  width: 100%;
  margin-top: 8px;
  table-layout: fixed;
  white-space: nowrap;
}

.searchPeriodCombineBox .searchPeriodCombineCont .combineSearchList > li {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  display: table-cell;
  margin-bottom: 4px;
  border-left: 1px solid #ffffff;
  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: 0.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: #ffffff;
  line-height: 28px;
}

.searchPeriodCombineBox .searchPeriodCombineCont p {
  margin: 0;
}

.searchPeriodCombineBox .searchPeriodCombineCont p.times {
  font-size: 13px;
  font-size: 0.86667rem;
  margin-top: 4px;
}

.searchPeriodCombineBox .searchPeriodCombineCont p.times .val {
  color: #fa6807;
  font-weight: bold;
}

.searchPeriodCombineBox .searchPeriodCombineLink {
  font-size: 13px;
  font-size: 0.86667rem;
  border-top: 2px dotted #f1f1f2;
  font-weight: bold;
  text-align: center;
}

.searchPeriodCombineBox .searchPeriodCombineLink a {
  display: block;
  padding: 8px;
}

/*
# searchToolBtnBox

## 各種ツールボタン

*/
.searchToolBtnBox > li {
  margin-bottom: 4px;
}

.searchToolBtnBox > li > a {
  font-size: 15px;
  font-size: 1rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/*
# searchShowcaseArea

## 検索結果の商品一覧エリア

*/
.searchShowcaseArea {
  margin: 24px 0;
}

.searchShowcaseColArea {
  margin: 24px 0 16px -16px;
}

.searchShowcaseSortNav {
  font-size: 13px;
  font-size: 0.86667rem;
  padding: 0 0 8px;
  text-align: center;
  border-bottom: 2px solid #dddddd;
}

.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;
}

/*
# searchShowcaseType01

## 1カラム商品一覧

*/
.searchShowcaseType01, .showcaseNativeAdType01, .showcaseNativeAdType02, .searchDummyShowcaseType01 .searchDummyShowcaseInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  min-height: 138px;
  margin-top: -1px;
  padding-left: 136px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
}

.searchShowcaseType01:not(.tb):hover, .showcaseNativeAdType01:not(.tb):hover, .showcaseNativeAdType02:not(.tb):hover, .searchDummyShowcaseType01 .searchDummyShowcaseInner:not(.tb):hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.searchShowcaseType01 .showcaseItemsBookmark, .showcaseNativeAdType01 .showcaseItemsBookmark, .showcaseNativeAdType02 .showcaseItemsBookmark, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 38px;
  height: 38px;
}

.searchShowcaseType01 .showcaseItemsBookmark > [class*="btnType"], .showcaseNativeAdType01 .showcaseItemsBookmark > [class*="btnType"], .showcaseNativeAdType02 .showcaseItemsBookmark > [class*="btnType"], .searchDummyShowcaseType01 .searchDummyShowcaseInner .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%;
}

.searchShowcaseType01 .showcaseItemsBookmark > [class*="btnType"] > [class*="heartIco"], .showcaseNativeAdType01 .showcaseItemsBookmark > [class*="btnType"] > [class*="heartIco"], .showcaseNativeAdType02 .showcaseItemsBookmark > [class*="btnType"] > [class*="heartIco"], .searchDummyShowcaseType01 .searchDummyShowcaseInner .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;
}

.searchShowcaseType01 .showcaseItemsBookmark > [class*="btnType"]:not(.tb):hover + .bookmarkComment, .showcaseNativeAdType01 .showcaseItemsBookmark > [class*="btnType"]:not(.tb):hover + .bookmarkComment, .showcaseNativeAdType02 .showcaseItemsBookmark > [class*="btnType"]:not(.tb):hover + .bookmarkComment, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > [class*="btnType"]:not(.tb):hover + .bookmarkComment {
  -webkit-animation: showCommentType01 0.4s ease;
  -moz-animation: showCommentType01 0.4s ease;
  -ms-animation: showCommentType01 0.4s ease;
  -o-animation: showCommentType01 0.4s ease;
  animation: showCommentType01 0.4s ease;
  display: block;
  right: 50px;
  opacity: 1;
}

.searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment, .searchDummyShowcaseType01 .searchDummyShowcaseInner .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, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  font-size: 0.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 #dddddd;
  background-color: #ffffff;
  color: #666666;
  text-align: center;
}

.searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment:before, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment:before, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment:before, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment:before {
  display: block;
  position: absolute;
  content: "";
}

.searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment:after, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment:after, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment:after, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment:after {
  display: block;
  position: absolute;
  content: "";
}

@-moz-keyframes showCommentType01 {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    right: 30px;
    opacity: 0;
  }
  100% {
    display: block;
    right: 50px;
    opacity: 1;
  }
}

@-webkit-keyframes showCommentType01 {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    right: 30px;
    opacity: 0;
  }
  100% {
    display: block;
    right: 50px;
    opacity: 1;
  }
}

@-o-keyframes showCommentType01 {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    right: 30px;
    opacity: 0;
  }
  100% {
    display: block;
    right: 50px;
    opacity: 1;
  }
}

@-ms-keyframes showCommentType01 {
  .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment 0%, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment 0%, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment 0%, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment 0% {
    display: none;
    opacity: 0;
  }
  .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment 1%, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment 1%, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment 1%, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment 1% {
    display: block;
    right: 30px;
    opacity: 0;
  }
  .searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment 100%, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment 100%, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment 100%, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment 100% {
    display: block;
    right: 50px;
    opacity: 1;
  }
}

@keyframes showCommentType01 {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    right: 30px;
    opacity: 0;
  }
  100% {
    display: block;
    right: 50px;
    opacity: 1;
  }
}

.searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment:before, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment:before, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment:before, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment:before {
  top: 50%;
  right: -16px;
  width: 0;
  height: 0;
  margin-top: -6px;
  border: 6px solid transparent;
  border-left: 10px solid #cccccc;
}

.searchShowcaseType01 .showcaseItemsBookmark > .bookmarkComment:after, .showcaseNativeAdType01 .showcaseItemsBookmark > .bookmarkComment:after, .showcaseNativeAdType02 .showcaseItemsBookmark > .bookmarkComment:after, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsBookmark > .bookmarkComment:after {
  top: 50%;
  right: -15px;
  width: 0;
  height: 0;
  margin-top: -6px;
  border: 6px solid transparent;
  border-left: 10px solid #ffffff;
}

.searchShowcaseType01 .showcaseItemsImgBlock, .showcaseNativeAdType01 .showcaseItemsImgBlock, .showcaseNativeAdType02 .showcaseItemsImgBlock, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock {
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 120px;
}

.searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg, .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg, .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 120px;
  background-color: #ffffff;
}

.searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg > .itemsThum, .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg > .itemsThum, .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg > .itemsThum, .searchDummyShowcaseType01 .searchDummyShowcaseInner .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;
}

.searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"], .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"], .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"], .searchDummyShowcaseType01 .searchDummyShowcaseInner .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: 0.93333rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 80px;
  height: 80px;
  background-color: #94969c;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"].itemsCornerType02, .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"].itemsCornerType02, .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"].itemsCornerType02, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"].itemsCornerType02 {
  background-color: #fa6807;
}

.searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"], .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"], .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"], .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"] {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
}

.searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"].cornerTxtType01, .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"].cornerTxtType01, .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"].cornerTxtType01, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"].cornerTxtType01 {
  font-family: "Times New Roman", Times, serif;
}

.searchShowcaseType01 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"].cornerTxtType02, .showcaseNativeAdType01 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"].cornerTxtType02, .showcaseNativeAdType02 .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"].cornerTxtType02, .searchDummyShowcaseType01 .searchDummyShowcaseInner .showcaseItemsImgBlock .showcaseItemsImg [class*="itemsCornerType"] [class*="cornerTxtType"].cornerTxtType02 {
  font-size: 12px;
  font-size: 0.8rem;
}

.searchShowcaseType01 .searchShowcaseBox, .showcaseNativeAdType01 .searchShowcaseBox, .showcaseNativeAdType02 .searchShowcaseBox, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  color: #333333;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock {
  display: table-cell;
  padding: 8px;
  vertical-align: middle;
  word-break: break-all;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(1), .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(1), .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock:nth-child(1), .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock:nth-child(1) {
  width: auto;
  vertical-align: top;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(2), .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(2), .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock:nth-child(2), .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock:nth-child(2) {
  width: 130px;
  text-align: center;
  color: #666666;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(3), .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(3), .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock:nth-child(3), .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock:nth-child(3) {
  font-size: 12px;
  font-size: 0.8rem;
  width: 70px;
  text-align: center;
  color: #666666;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(4), .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock:nth-child(4), .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock:nth-child(4), .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock:nth-child(4) {
  font-size: 12px;
  font-size: 0.8rem;
  width: 130px;
  padding-right: 0;
  color: #666666;
  text-align: center;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock p, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock p, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock p, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock p {
  margin: 0;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock a:not(.tb):hover.amount, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock a:not(.tb):hover.amount, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock a:not(.tb):hover.amount, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock a:not(.tb):hover.amount {
  color: #89c629;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseSiteName, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseSiteName, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseSiteName, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseSiteName {
  font-size: 10px;
  font-size: 0.66667rem;
  margin-bottom: 2px;
  color: #b3b3b3;
  line-height: 1;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd, .searchDummyShowcaseType01 .searchDummyShowcaseInner .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: bold;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a,
.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt {
  color: #333333;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a:visited, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a:visited, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a:visited, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > a:visited,
.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt:visited, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt:visited, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt:visited, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd > .hdTxt:visited {
  color: #2166a6;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails {
  font-size: 13px;
  font-size: 0.86667rem;
  display: table;
  color: #666666;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl {
  display: table-row;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dt, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dt, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dt, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dt {
  display: table-cell;
  color: #b3b3b3;
  vertical-align: top;
  white-space: nowrap;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd {
  display: table-cell;
  padding-left: 12px;
  vertical-align: top;
  white-space: nowrap;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd .bidNum, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd .bidNum, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd .bidNum, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > div.searchShowcaseDetails > dl > dd .bidNum {
  margin-right: 4px;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock > p.searchShowcaseDetails, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock > p.searchShowcaseDetails, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock > p.searchShowcaseDetails, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock > p.searchShowcaseDetails {
  font-size: 13px;
  font-size: 0.86667rem;
  margin: 0;
  color: #666666;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .amount, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .amount, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .amount, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .amount {
  margin-right: 4px;
  color: #fa4c07;
  font-weight: bold;
}

.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .bidNum, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .bidNum, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .bidNum, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox > .searchShowcaseBlock .bidNum {
  margin-right: 4px;
}

.searchShowcaseType01 .searchShowcaseSubBlock, .showcaseNativeAdType01 .searchShowcaseSubBlock, .showcaseNativeAdType02 .searchShowcaseSubBlock, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock {
  font-size: 13px;
  font-size: 0.86667rem;
  margin: 0 60px 0 8px;
  padding-bottom: 8px;
  color: #666666;
}

.searchShowcaseType01 .searchShowcaseSubBlock .adTxt, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt {
  font-size: 13px;
  font-size: 0.86667rem;
}

.searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li {
  float: left;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 1px solid #dddddd;
}

.searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li:first-child, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li:first-child, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li:first-child, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

.searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li > a, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li > a, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li > a, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li > a {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  color: #0dafde;
}

.searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li > a:not(.tb):hover, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li > a:not(.tb):hover, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li > a:not(.tb):hover, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li > a:not(.tb):hover {
  color: #89c629;
}

.searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li > a .adItemsName, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li > a .adItemsName, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li > a .adItemsName, .searchDummyShowcaseType01 .searchDummyShowcaseInner .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;
}

.searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li > a .adItemsPoint, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li > a .adItemsPoint, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li > a .adItemsPoint, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li > a .adItemsPoint {
  color: #fa6807;
}

.searchShowcaseType01 .searchShowcaseSubBlock .adTxt > li > a .adTxtIco, .showcaseNativeAdType01 .searchShowcaseSubBlock .adTxt > li > a .adTxtIco, .showcaseNativeAdType02 .searchShowcaseSubBlock .adTxt > li > a .adTxtIco, .searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseSubBlock .adTxt > li > a .adTxtIco {
  position: absolute;
  top: 2px;
  left: 0;
  margin: 0;
}

.searchShowcaseType01 .itemsListPr, .showcaseNativeAdType01 .itemsListPr, .showcaseNativeAdType02 .itemsListPr, .searchDummyShowcaseType01 .searchDummyShowcaseInner .itemsListPr {
  font-size: 15px;
  font-size: 1rem;
  display: block;
  position: absolute;
  bottom: 8px;
  right: 20px;
  z-index: 1;
  color: #cccccc;
  text-align: right;
}

.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;
}

.showcaseAdsenseType01 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 90px;
  margin-top: -1px;
  padding: 16px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.showcaseAdsenseType01 > [class*="adBnrBoxW"] {
  margin: 0 auto;
}

/*
# searchShowcaseType02

## 2カラム商品一覧

*/
.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: 0.86667rem;
  position: relative;
  float: left;
  margin-bottom: 16px;
  padding-left: 16px;
}

.searchShowcaseType02 > .showcaseItemsBookmark {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 38px;
  height: 38px;
}

.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 > [class*="btnType"]:not(.tb):hover + .bookmarkComment {
  -webkit-animation: showCommentType02 0.4s ease;
  -moz-animation: showCommentType02 0.4s ease;
  -ms-animation: showCommentType02 0.4s ease;
  -o-animation: showCommentType02 0.4s ease;
  animation: showCommentType02 0.4s ease;
  display: block;
  right: 50px;
  opacity: 1;
}

.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, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  font-size: 0.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 #dddddd;
  background-color: #ffffff;
  color: #666666;
  text-align: center;
}

.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: 30px;
    opacity: 0;
  }
  100% {
    display: block;
    right: 50px;
    opacity: 1;
  }
}

@-webkit-keyframes showCommentType02 {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    right: 30px;
    opacity: 0;
  }
  100% {
    display: block;
    right: 50px;
    opacity: 1;
  }
}

@-o-keyframes showCommentType02 {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    right: 30px;
    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: 30px;
    opacity: 0;
  }
  .searchShowcaseType02 > .showcaseItemsBookmark > .bookmarkComment 100% {
    display: block;
    right: 50px;
    opacity: 1;
  }
}

@keyframes showCommentType02 {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    right: 30px;
    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 #cccccc;
}

.searchShowcaseType02 > .showcaseItemsBookmark > .bookmarkComment:after {
  top: 50%;
  right: -15px;
  width: 0;
  height: 0;
  margin-top: -6px;
  border: 6px solid transparent;
  border-left: 10px solid #ffffff;
}

.searchShowcaseType02 .searchShowcaseBox {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
  position: relative;
  background-color: #ffffff;
  color: #666666;
  cursor: pointer;
}

.searchShowcaseType02 .searchShowcaseBox:not(.tb):hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 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: #ffffff;
}

.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: #ffffff;
}

.searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd:before {
  display: block;
  position: absolute;
  content: "";
}

.searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd:visited {
  color: #c8dff4;
}

.searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd:visited .siteName {
  color: #ffffff;
}

.searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd:before {
  background-image: -svg-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-size: 100%;
  background-image: -owg-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
}

.searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .searchShowcaseHd .siteName {
  font-size: 10px;
  font-size: 0.66667rem;
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-bottom: 2px;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 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, 0.7);
}

.searchShowcaseType02 .searchShowcaseBox .showcaseItemsImgBlock .showcaseItemsImg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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: #ffffff;
}

.searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .itemsPrice {
  font-size: 14px;
  font-size: 0.93333rem;
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 1px dotted #dddddd;
  text-align: right;
}

.searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .itemsPrice a:not(.tb):hover.amount {
  color: #89c629;
}

.searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .itemsPrice .amount {
  margin-right: 4px;
  color: #fa4c07;
  font-weight: bold;
}

.searchShowcaseType02 .searchShowcaseBox .searchShowcaseBlock .searchShowcaseCont {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.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

## 1カラム商品一覧（モザイク表示）

*/
.searchDummyShowcaseType01 {
  display: block;
  position: relative;
  color: #333333;
}

.searchDummyShowcaseType01:not(.tb):hover .searchDummyShowcaseCatch {
  background-color: rgba(48, 49, 52, 0);
}

.searchDummyShowcaseType01:not(.tb):hover .searchDummyShowcaseCatch .catchBlock {
  opacity: 0.5;
}

.searchDummyShowcaseType01:not(.tb):hover .searchDummyShowcaseInner {
  opacity: 1;
}

.searchDummyShowcaseType01 .searchDummyShowcaseCatch {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: rgba(48, 49, 52, 0.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, 0.8);
  font-size: 20px;
  font-size: 1.33333rem;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 16px;
  font-weight: bold;
  text-align: center;
}

.searchDummyShowcaseType01 .searchDummyShowcaseCatch .catchBlock p {
  margin: 0;
  color: #333333;
}

.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: #ffffff;
}

.searchDummyShowcaseType01 .searchDummyShowcaseInner {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0.5;
}

.searchDummyShowcaseType01 .searchDummyShowcaseInner:nth-child(odd) > .showcaseItemsImgBlock .showcaseItemsImg > .showcaseDummyItem {
  display: block;
  background-image: url("/assets/image/common/sprites/search1.png");
  background-repeat: no-repeat;
  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");
  background-repeat: no-repeat;
  width: 136px;
  height: 136px;
  background-position: 0px -223px;
  display: inline-block;
}

.searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock.showcaseDummyTxt {
  display: block;
  background-image: url("/assets/image/common/sprites/search1.png");
  background-repeat: no-repeat;
  width: 416px;
  height: 134px;
  background-position: -308px 0px;
  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), #ffffff);
  background-size: 100%;
  background-image: -owg-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
}

.searchDummyShowcaseType01 .searchDummyShowcaseInner .searchShowcaseBox .searchShowcaseBlock .showcaseDummyPrice {
  display: block;
  background-image: url("/assets/image/common/sprites/search1.png");
  background-repeat: no-repeat;
  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");
  background-repeat: no-repeat;
  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");
  background-repeat: no-repeat;
  width: 105px;
  height: 110px;
  background-position: -392px -223px;
  display: inline-block;
}

/*
# searchResultsSortBox

## 並び替え機能エリア

*/
.searchResultsSortBox {
  margin: 8px 0;
}

.searchResultsSortBox > .combineSearchNav {
  position: relative;
  float: left;
  width: 435px;
}

.searchResultsSortBox > .combineSearchNav .combineSearchBlock {
  position: relative;
  z-index: 1;
}

.searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchHd {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.8rem;
  float: left;
  width: 128px;
  height: 32px;
  margin-right: 4px;
  padding-left: 22px;
  line-height: 30px;
}

.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, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 0 rgba(0, 0, 0, 0.03);
  font-size: 15px;
  font-size: 1rem;
  position: relative;
  position: relative;
  -webkit-transition: border-color 0.2s ease, color 0.2s ease;
  -moz-transition: border-color 0.2s ease, color 0.2s ease;
  -o-transition: border-color 0.2s ease, color 0.2s ease;
  transition: border-color 0.2s ease, color 0.2s ease;
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  height: 42px;
  padding: 8px 16px;
  border: 2px solid #25ad6b;
  background-color: #ffffff;
  color: #fa6807;
  font-weight: bold;
  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 #ffffff;
}

.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(0.5);
  -moz-transform: translateY(-50%) scale(0.5);
  -ms-transform: translateY(-50%) scale(0.5);
  -o-transform: translateY(-50%) scale(0.5);
  transform: translateY(-50%) scale(0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 .combineSearchList {
  font-size: 12px;
  font-size: 0.8rem;
  position: relative;
  float: left;
}

.searchResultsSortBox > .combineSearchNav .combineSearchBlock .combineSearchList > li {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  float: left;
  min-width: 48px;
  margin-bottom: 4px;
  border-left: 1px solid #ffffff;
  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: 0.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: #ffffff;
  line-height: 32px;
}

.searchResultsSortBox > .combineSearchNav .balloonWrap {
  position: absolute;
  bottom: 5px;
  left: -16px;
  margin: 0;
}

.searchResultsSortBox .searchResultsSortNav {
  float: right;
  width: 220px;
  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: 61px;
  height: 30px;
  border: 1px solid #dddddd;
}

.searchResultsSortBox .searchResultsLayoutNav > li {
  float: left;
  width: 30px;
  height: 100%;
  border-left: 1px solid #dddddd;
  background-color: #ffffff;
}

.searchResultsSortBox .searchResultsLayoutNav > li:first-child {
  border-left: none;
}

.searchResultsSortBox .searchResultsLayoutNav > li:not(.tb):hover > a > [class*="layoutIco"] {
  opacity: 0.75;
}

.searchResultsSortBox .searchResultsLayoutNav > li > a {
  display: block;
  height: 100%;
  line-height: 30px;
  text-align: center;
}

.searchResultsSortBox .searchResultsLayoutNav > li > a > [class*="layoutIco"] {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  display: inline-block;
  margin: 0;
}

/*
# descriptionCombineSearch

## おまとめ検索 訴求イメージ画像

*/
.descriptionCombineSearch {
  position: relative;
}

.descriptionCombineSearch .combineSearchBg {
  display: block;
  background-image: url("/assets/image/common/sprites/search1.png");
  background-repeat: no-repeat;
  width: 308px;
  height: 223px;
  background-position: 0px 0px;
  display: inline-block;
}

.descriptionCombineSearch a {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  -ms-border-radius: 4px 0 0 0;
  -o-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
  font-size: 13px;
  font-size: 0.86667rem;
  display: block;
  position: absolute;
  top: 175px;
  right: 0;
  width: 200px;
  height: 32px;
  padding: 8px 0;
  background: #ffa200;
  color: #ffffff;
  line-height: 1.3;
}

.descriptionCombineSearch a:hover {
  opacity: 0.75;
}

/*
# sponsorSiteBox

## 協賛サイトバナー

*/
.sponsorSiteBox {
  margin-top: 16px;
  text-align: center;
}

.sponsorSiteBox > .sponsorSiteHd {
  position: relative;
  position: relative;
  font-size: 15px;
  font-size: 1rem;
  display: inline-block;
  margin-bottom: 16px;
}

.sponsorSiteBox > .sponsorSiteHd:before {
  display: block;
  position: absolute;
  content: "";
}

.sponsorSiteBox > .sponsorSiteHd:after {
  display: block;
  position: absolute;
  content: "";
}

.sponsorSiteBox > .sponsorSiteHd:before {
  top: 50%;
  left: -100px;
  width: 80px;
  height: 1px;
  background-color: #dddddd;
}

.sponsorSiteBox > .sponsorSiteHd:after {
  top: 50%;
  right: -100px;
  width: 80px;
  height: 1px;
  background-color: #dddddd;
}

.sponsorSiteBox > .sponsorSiteBlock {
  margin-left: -8px;
}

.sponsorSiteBox > .sponsorSiteBlock > li {
  display: inline-block;
  padding: 0 0 8px 8px;
}

/*
# structure

## 各エリア構造

*/
#contentsWrap {
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
}

#contentsArea {
  min-height: 0;
  padding-bottom: 0;
  background: #ffffff;
  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 #dddddd;
}

#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 #dddddd;
  background-color: #ffffff;
}

#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: #ffffff;
}

#btmInfoWrap {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #dddddd;
  background-color: #ffffff;
}

#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.pageCatePro01 #contentsWrap,
body.pageCatePro01 #topInfoWrap,
body.pageCatePro01 #btmInfoWrap {
  width: 1064px;
}

body.pageCatePro02 #contentsWrap,
body.pageCatePro02 #topInfoWrap,
body.pageCatePro02 #btmInfoWrap {
  width: 1064px;
}

/*
# searchResultsSummary

## search1　検索結果の概要テキスト

*/
.searchResultsSummary {
  font-size: 12px;
  font-size: 0.8rem;
  margin-bottom: 20px;
  color: #666666;
}

/*
# searchTotalNumberBox

## 検索該当件数エリア

*/
.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: #666666;
}

.searchTotalNumberBox > .searchTotalNumberBlock {
  float: left;
  margin: 0;
  font-weight: bold;
}

.searchTotalNumberBox > .searchRelatedItemsNumberBlock {
  position: relative;
  float: left;
  margin: 0 0 0 8px;
  padding-left: 16px;
  font-weight: bold;
}

.searchTotalNumberBox > .searchRelatedItemsNumberBlock:before {
  display: block;
  position: absolute;
  content: "";
}

.searchTotalNumberBox > .searchRelatedItemsNumberBlock:before {
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #dddddd;
}

/*
---
title: aucfan.com/search1
name: Search1-Top
category: index
---
*/
/*
# Search1Top - state
## Search1 Top Search Field

Search1Top - state

- .active
- .cateActive
***
*/
#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .search1TopSearchAssistList .listHd .editBtn.hide {
  display: none;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .search1TopSearchAssistList .listHd .editBtn.editing::before {
  display: block;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .search1TopSearchAssistList.typeSuggest .listBlock.autocompleteOverlapping {
  background: none;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .search1TopSearchAssistList.typeSuggest .listBlock.autocompleteOverlapping .addWord:hover {
  background: none;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .search1TopSearchAssistList.typeSuggest .listBlock.autocompleteOverlapping .addWord:hover > .add:before {
  border-color: #999999;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .search1TopSearchAssistList.typeSuggest .listBlock.autocompleteOverlapping .addWord:hover > .add:after {
  background-color: #999999;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSearchAssistBox .search1TopSearchAssistBlock .search1TopSearchAssistList.typeSuggest .listBlock .autocomplete-selected {
  background-color: #e9e9ea;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect.spread {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 4px 0 4px 0 rgba(0, 0, 0, 0.1), -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  cursor: default;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect.spread .search1TopSelectedSite {
  display: none;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect.spread .search1TopSiteSelectList {
  position: static;
  width: auto;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect.spread .search1TopSiteSelectList > li {
  cursor: pointer;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopSearchBox .search1TopSiteSelect.spread .search1TopSiteSelectList > li.selected {
  color: #29c278;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec.disabled {
  opacity: 0.15;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec.disabled .searchExtendReset {
  display: none;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec.disabled .connectedInputBlock .connectedElem,
#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec.disabled .connectedInputBlock .dummyElem {
  cursor: not-allowed;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .inputCol .inputBlock.disabled {
  opacity: 0.15;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .inputCol .inputBlock.disabled .connectedInputBlock .connectedElem,
#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .inputCol .inputBlock.disabled .connectedInputBlock .dummyElem {
  cursor: not-allowed;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #c9cacd;
  background: #c9cacd;
  color: #b3b3b3;
  cursor: not-allowed;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem.disabled:nth-of-type(2) {
  border-left-color: #dddddd;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem.disabled.empty {
  background: #c9cacd;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .connectedInputBlock .connectedElem.empty {
  background-color: #fff1e8;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectInputBlock.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #c9cacd;
  background: #c9cacd;
  cursor: not-allowed;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectInputBlock.disabled:before, #search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectInputBlock.disabled:after {
  display: none;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectInputBlock.disabled .selectTxt {
  color: #b3b3b3;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock .selectListBlockInner .selectList > li.selected {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #29c278;
}

#search1TopSearchField .search1TopSearchFieldInner .search1TopExtendBox .search1TopExtendBoxInner .search1TopExtendSwitching .switchingBlock .search1TopExtendInputSec .selectListBlock .selectListBlockInner .selectList > li.hide {
  display: none !important;
}

#search1TopSearchField .search1TopExtendBtn .search1TopExtendAccIco.open {
  -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);
}

#search1TopSearchField .switchingMarketPlace .marketPlaceBox .marketPlaceBlock > li.current {
  background-color: #ffffff;
}

#search1TopSearchField .switchingMarketPlace .marketPlaceBox .marketPlaceBlock > li.current:not(.tb):hover {
  background-color: #ffffff;
}

#search1TopSearchField .switchingMarketPlace .marketPlaceBox .marketPlaceBlock > li.current:before {
  display: block;
}

/*
# searchMiniGraphBox - state

## ミニチャートグラフ - state

*/
.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 - state

## 画面左下の検索条件保存ボタン - state

*/
.searchConditionFloatingBtn .floatingBtnBlock.showModal {
  background: none;
}

.searchConditionFloatingBtn .floatingBtnBlock .floatingBtnBlockInner.limit::before {
  display: block;
}

/*
# searchPaginationBox - state

## ページネーション - state

*/
.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: #ffffff;
}

.searchPaginationBox .searchPaginationBoxInner .searchPaginationNav > li.current > a {
  color: #ffffff;
  cursor: default;
}

.searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li.disable,
.searchPaginationBox .searchPaginationBoxInner .searchYearNav > li.disable {
  background-color: #ffffff;
}

.searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li.disable:not(.tb):hover > a,
.searchPaginationBox .searchPaginationBoxInner .searchYearNav > li.disable:not(.tb):hover > a {
  color: #dddddd;
  cursor: default;
}

.searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li.disable > a,
.searchPaginationBox .searchPaginationBoxInner .searchYearNav > li.disable > a {
  color: #dddddd;
}

.searchPaginationBox .searchPaginationBoxInner .searchMonthNav > li.disable > a > i,
.searchPaginationBox .searchPaginationBoxInner .searchYearNav > li.disable > a > i {
  opacity: 0.2;
}

/*
# refineSearch - state

## 絞り込み検索 - state

*/
.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 - state

## 検索期間 - state

*/
.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);
}

/*
# searchShowcaseType01 - state

## 1カラム商品一覧 - state

*/
.searchShowcaseType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd.showAllTxt, .showcaseNativeAdType01 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd.showAllTxt, .showcaseNativeAdType02 .searchShowcaseBox > .searchShowcaseBlock .searchShowcaseHd.showAllTxt, .searchDummyShowcaseType01 .searchDummyShowcaseInner .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;
}

/*
# searchResultsSortBox - state

## 並び替え機能エリア - state

*/
.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;
}
