body{text-align: center;
  margin: 0;
  font-family: 'Cormorant Garamond', serif;
  letter-spacing: 2px;
  text-shadow: 1px 1px 2px #3c3c3d;
  padding: 10px;
  -webkit-touch-callout:none; // リンク長押しのポップアップ(※1)を無効化
  -webkit-user-select:none; // テキスト長押しの選択ボックス(※2)を無効化}

.wrap{
  height: 100vh;
  width: 80vw;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  /*display: flex;*/
  /*justify-content: space-around;
align-items: center;*/}

/*.clear{clear:both;}*/

.button{/*position: relative;*/
  height: 20%;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 25vh;
  float: left; width: 50%;
  }

@media screen and (max-width: 479px) {
  .wrap{
    height: 80vh;
    width: 80vw;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}
}

.button .mask_ph { width: 100%; height: 100%;
  top: 0; left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(255,255,255,0);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;}
.button .ph { font-size: 100%;
	text-align:center;
  margin-top: 5px;
	padding: 2px;
	color:white;}

.button .mask_movie { width: 100%; height: 100%;
	top: 0; left: 0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(255,255,255,0);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;}
.button .movie { font-size: 100%;
	text-align:center;
  margin-top: 5px;
	padding: 2px;
	color:white;}

.button .mask_gw { width: 100%; height: 100%;
	top: 0; left: 0;
	opacity: 0;	/* マスクを表示しない */
	background-color:	rgba(255,255,255,0);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;}
.button .gw {font-size: 100%;
	text-align:center;
  margin-top: 5px;
	padding: 2px;
	color:white;}

.button .mask_gr { width: 100%; height: 100%;
	top: 0; left: 0;
	opacity: 0;	/* マスクを表示しない */
	background-color:	rgba(255,255,255,0);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;}
.button .gr {font-size: 100%;
	text-align:center;
  margin-top: 5px;
	padding: 2px;
  color:white; }

.button:hover .mask_ph{opacity:		1;	/* マスクを表示する */}
.button:hover .mask_movie{opacity:		1;	/* マスクを表示する */}
.button:hover .mask_gr{opacity:		1;	/* マスクを表示する */}
.button:hover .mask_gw{opacity:		1;	/* マスクを表示する */}