body{
	margin: 0;
	font-size: 100%;
}
img {
    border-style:none;
}

figure.hover-parent {
	width: 450px;
	position: center;
	margin-bottom: 30px;
	overflow: hidden;
}

figcaption.hover-mask {
	width: 450px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	opacity: 1;
	color: #fff;
	display: block;
	margin-right:auto;
	margin-left:auto;
	padding: 20px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: inline !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: inline !important; }
}
@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}


@media screen and (min-width: 750px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 750px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}