@charset "utf-8";
/* CSS Document */

/* hoverで画像切替 */
.img-swap {
	position: relative;
	display: inline-block;
	/*width: max-content;*/ /* 画像が上手く調整できない時のおまじない */
}
.img-swap img { 
  /* このテンプレじゃないやつで使うときには調整しつつ入れる */
  /*display: block;
  max-width: 100%;*/
}
.img-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
/* もしも画像+テキストでリンクボタン等に使用する場合は、
　　.class:hover .imag-swap .img… と書き換えてください */
.img-swap:hover .img-hover {opacity: 1;}
.img-swap:hover .img-normal {opacity: 0;}