@charset "UTF-8";
/* ---------------
 検索関連：ハッシュタグ
-----------------*/

.HashtagBox ul {
  list-style: none;
  margin-bottom: 15px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.HashtagBox li a, .linkList .HashtagBox li a {
  display: inline-block;
  padding: 6px 8px;
  background: #f0f0f0;
  color: #4c4a4a;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 4px;
  white-space: nowrap;
}

.hashtag-list>a::before {
  content: '#';
}

.linkList_p004 div.HashtagBox {
  margin-bottom: 0px;
}

div.HashtagBox {
  margin-bottom: 30px;
}

/*
*	左サイド用
*/
div.linkList div.HashtagBox {
  margin-bottom: 0px;
}

.linkList .HashtagBox ul {
  list-style: none;
  margin-bottom: 0px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ---------------
	検索関連：複合検索
-----------------*/
#sideBar .sBox .btnSideSearchItemType2 {
  clear: both;
  cursor: pointer;
  display: block;
  text-align: right;
  margin-right: 10px;
  margin-top: -7px; }
  #sideBar .sBox .btnSideSearchItemType2 span {
    color: #42a8bf;
    background: none; }
#sideBar .sBox .btnSideSearchMetalType2 {
  clear: both;
  cursor: pointer;
  display: block;
  text-align: right;
  margin-right: 10px;
  margin-top: -7px; }
  #sideBar .sBox .btnSideSearchMetalType2 span {
    color: #42a8bf;
    background: none; }
#sideBar .sBox .btnSideSearchStoneType2 {
  clear: both;
  cursor: pointer;
  display: block;
  text-align: right;
  margin-right: 10px;
  margin-top: -7px; }
  #sideBar .sBox .btnSideSearchStoneType2 span {
    color: #42a8bf;
    background: none; }
#sideBar .sBox .btnSideSearchMore2 {
  clear: both;
  cursor: pointer;
  display: block;
  text-align: right;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 10px; }
  #sideBar .sBox .btnSideSearchMore2 span {
    color: #42a8bf;
    background: none; }

.searchBox #searchDetail .archive2 {
  clear: both;
  display: block;
  text-align: right;
  margin-right: 10px;
  cursor: pointer; }
.searchBox #searchDetail .archive2 span {
  color: #42a8bf; }
    .searchBox #searchDetail table .stoneType2 td li {
      margin-right: 11px; }

/* ---------------
	ツールチップ
-----------------*/
#tooltip
{
    color: #fff;
    background: #42a8bf;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #42a8bf;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #42a8bf;
    top: -20px;
    bottom: auto;
}
#tooltip.left:after
{
	border-top: 10px solid #42a8bf;
    left: 10px;
    margin: 0;
}
#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}

/*-- ツールチップ・アイコン --*/
.tooltip {
  background: url(/library/html_publis/img/common/icon_question.png) no-repeat 3px;
  background-position: right;
  padding-right: 25px;
  cursor: pointer; }
</style>