@charset "utf-8";
/* CSS Document */
/*マウスオーバーで吹き出しツールチップを表示させる*/
/*a = class tooltipを設定*/
/*column_list li .tooltip span*/
.tooltip {
  position: relative;
}
.tooltip_comment {
  display: none;
  /*吹き出し用*/
  position: relative;
}
.tooltip:hover .tooltip_comment {
  display: block;
  position: absolute;
  top: -150px;
  left: 10px;
  line-height: 1.2;
  width: 280px;
  padding: 0.5em;
  background: #7E9374;
  background-position: left top;
  border-radius: 10px;
  color: #fff;
  font-size: 1.6rem;
}
.tooltip:hover .tooltip_comment::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 20px solid #7E9374;
}
/*サイトマップ用*/
.sitemap_tooltip {
  position: relative;
}
.sitemap_tooltip_comment {
  display: none;
  /*吹き出し用*/
  position: relative;
}
/*表示されるコメント*/
.sitemap_tooltip:hover .sitemap_tooltip_comment {
  display: block;
  width: 200px;
  margin: 0;
  padding: 0.5em;
  background: #7E9374;
  color: #E5DECA;
  text-align: center;
  position: absolute;
  top: 0;
  left: -225px;
}
/*吹き出し*/
.sitemap_tooltip:hover .sitemap_tooltip_comment::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 200px;
  margin-bottom: -15px;
  border: 10px solid transparent;
  border-left: 20px solid #7E9374;
}
/*写真の中にキャプションを入れる*/
.basic_list span{
    display:block;
    width:100%;
    position:relative;
}
.basic_list span strong{
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    width:100%;
    background:#000;
    opacity:0.8;
    padding:0.5em;
    color:#fff;
    fontsize:1.8rem;
    line-height:1.1;
}