.Matterport{
  width:950px;
  margin:0 auto;
  margin-bottom: 100px;
  line-height: 1.2;
  overflow: hidden;
}

@media screen and (min-width:375px) and ( max-width:780px) {
  .Matterport{
    width:640px;
    margin:0 auto;
  }
}
@media screen and ( max-width:375px) {
  .Matterport {
    width:320px;
    margin:0 auto;
  }
}

.Matterport__list{
  width:300px;
  height: 250px;
  float: left;
  margin: 15px 8.3px;
  overflow: hidden;
}

@keyframes dark {
	from {
	    opacity: 1;
	}
	to {
	    opacity: 0.6;

	}
}

.Matterport__img{
  width: 300px;
  height: 200px;
  border:solid 1px #000000;
  box-sizing: border-box;
  overflow: hidden;
}

.Matterport__img:hover{
  border:solid 5px #000000;
  box-sizing: border-box;
  background-color: rgba(255,255,255,1);
  animation: dark 1s forwards;
}

.Matterport__img--douhaku_ainu{
  background:url("../images/matterport/douhaku_ainu.png") no-repeat black center;
}
.Matterport__img--takeshiro{
  background:url("../images/matterport/takeshiro.png") no-repeat black center;
}
.Matterport__img--mine_hakubutsukan{
  background:url("../images/matterport/mine_hakubutsukan.png") no-repeat black center;
}
.Matterport__img--mine_minzoku{
  background:url("../images/matterport/mine_minzoku.png") no-repeat black center;
}
.Matterport__img--mine_kaseki{
  background:url("../images/matterport/mine_kaseki.png") no-repeat black center;
}
.Matterport__img--daibutsu_museum{
  background:url("../images/matterport/daibutsu_museum.png") no-repeat black center;
}
.Matterport__img--maruseppu{
  background:url("../images/matterport/maruseppu.png") no-repeat black center;
}
.Matterport__img--shirataki_ajisai{
  background:url("../images/matterport/shirataki_ajisai.png") no-repeat black center;
}
.Matterport__img--shirataki_hachigou{
  background:url("../images/matterport/shirataki_hachigou.png") no-repeat black center;
}
.Matterport__img--mikasa_highschool{
  background:url("../images/matterport/mikasa_highschool.png") no-repeat black center;
}
.Matterport__img--mikasa{
  background:url("../images/matterport/mikasa.png") no-repeat black center;
}
.Matterport__img--mikasashiryo{
  background:url("../images/matterport/mikasashiryo.png") no-repeat black center;
}
.Matterport__img--yuzawa{
  background:url("../images/matterport/yuzawa.png") no-repeat black center;
}
.Matterport__img--yurari{
  background:url("../images/matterport/yurari.png") no-repeat black center;
}
.Matterport__img--sydmead{
  background:url("../images/matterport/sydmead.png") no-repeat black center;
}
.Matterport__img--geopal{
  background:url("../images/matterport/geopal.png") no-repeat black center;
}
.Matterport__img--fossamagna{
  background:url("../images/matterport/fossamagna.png") no-repeat black center;
}
.Matterport__img--akiyoshido{
  background:url("../images/matterport/akiyoshido.png") no-repeat black center;
}
.Matterport__img--akiyoshido2{
  background:url("../images/matterport/akiyoshido2.png") no-repeat black center;
}
.Matterport__img--karstar{
  background:url("../images/matterport/karstar.png") no-repeat black center;
}
.Matterport__img--birke{
  background:url("../images/matterport/birke.png") no-repeat black center;
}
.Matterport__img--samani{
  background:url("../images/matterport/samani.png") no-repeat black center;
}
.Matterport__img--apotaikai{
  background:url("../images/matterport/apotaikai.png") no-repeat black center;
}
.Matterport__img--apoi{
  background:url("../images/matterport/apoi.png") no-repeat black center;
}
.Matterport__img--hccg{
  background:url("../images/matterport/hccg.png") no-repeat black center;
}
.Matterport__img--hcct{
  background:url("../images/matterport/hcct.png") no-repeat black center;
}
.Matterport__img--hccp{
  background:url("../images/matterport/hccp.png") no-repeat black center;
}
.Matterport__img--douhaku_takeshiro1{
  background:url("../images/matterport/douhaku_takeshiro1.png") no-repeat black center;
}
.Matterport__img--douhaku_takeshiro2{
  background:url("../images/matterport/douhaku_takeshiro2.png") no-repeat black center;
}
.Matterport__img--douhaku_takeshiro3{
  background:url("../images/matterport/douhaku_takeshiro3.png") no-repeat black center;
}
.Matterport__img--yuzawa2{
  background:url("../images/matterport/yuzawa2.png") no-repeat black center;
}
.Matterport__img--sydmead_bd{
  background:url("../images/matterport/sydmead_bd.png") no-repeat black center;
}
.Matterport__img--jhs{
  background:url("../images/matterport/jhs.png") no-repeat black center;
}
.Matterport__img--karstar2{
  background:url("../images/matterport/karstar2.png") no-repeat black center;
}
.Matterport__img--akiyoshido3{
  background:url("../images/matterport/akiyoshido3.png") no-repeat black center;
}
.Matterport__img--akiyoshido4{
  background:url("../images/matterport/akiyoshido4.png") no-repeat black center;
}
.Matterport__img--htgas{
  background:url("../images/matterport/htgas.png") no-repeat black center;
}

.Matterport__title{
  margin:10px 0;
  text-align: center;
  color:#000000;
  text-decoration: none;
}

.toTop{
	position: fixed;
	bottom:30px;
	right:30px;
	width:50px;
	height:50px;
	background: url(../img/img_top.png) repeat-x 0 0;
	text-indent: -9999px;
}
.toTop__link{
	width:50px;
	height:50px;
}


/** 汎用クラス **/
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}