@charset "utf-8";



/*############################################################################*/
/*

用途名：説明
・各クラスの区切りは１行、大きな区分けの場合（#記号）は上に２行空ける。
・最後に「以上」と入れる。

*/
/*############################################################################*/


.hidden_image {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.hidden_image::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(hidden_image_text.png) center center no-repeat;
  background-size: min(60%,300px);
  background-color: #c5c3c3;
  opacity: .9;
}

.hidden_image2::after {
  content: '';
  display: none;
}


.hidden_image img {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}