.seihin_littlettl{
	color: #4169e1; 
	border-bottom: 1px solid #4169e1;
	font-size:1.5em;
	padding-left:20px;
	margin-bottom:50px;
	font-family: "メイリオ" , sans-serif;
}
.seihin_wholebox{
	width:100%;
	border: 0px solid green;
	display:inline-block;
}

.seihin_box{
	width:100%;
	border: 0px solid purple;
	display:inline-block;
	text-align:left;
}
.seihin_photobox{
	width:350px;
	height:350px;
	border: 0px solid skyblue;
	display:inline-block;
	text-align:center;
}

.seihin_photo{
	text-align:center;
	width:280px;
	height:250px;
	border: 1px solid gray;
	display:inline-block;
	overflow:		hidden;
	position:		relative;
}
.seihin_photo .caption {
	font-size:		130%;
	color:			#fff;
	padding-top:	10px;
	padding-left:	0px;
	text-align:left;
}
.seihin_photo .mask{
	width:			50%;	/* 画像の半分の大きさにする */
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	margin-left:		-80%;	/* 枠の左に置いて表示させない */
	background-color:	rgba(0,0,0,0);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}
.seihin_photo:hover .mask {
	margin-left:		0px;	/* 右にずらして表示する */
}
.seihin_photo img {
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}
.seihin_photo:hover img {
	margin-left:		10%;	/* 画像を半分サイズ、右にずらす */
}

.seihin_photounder{
	width:100%;
	height:25px;
	border: 0px solid red;
	text-align:center;
	color:black;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.seihin_photounder_txt{
	text-align:center;
	margin:0px auto 0px auto;
	border-left:8px solid #4169e1; 
	font-size:1em;
	padding-left:10px;
	font-family: "リュウミン R-KL" , "游明朝", serif;
	  margin-top:20px;
}
img.seihin_photo{
	width:auto;
	opacity: 30;
}
img.seihin_photo65{
	margin-top:30px;
	height:65%;
	width:auto;
}
img.seihin_photo80{
	margin-top:10px;
	height:80%;
	width:auto;
}
img.seihin_karada_photo{
	height:220px;
	text-align:left;
	vertical-align: middle;
	opacity: 0.3;
}

.seihin_box_left_photo_kasaneru_dark{
  position: relative;
  display: inline-block;
  text-align:center;
  margin:0 auto 0 auto;
  border: 0px solid red;
}
.seihin_box_left_photo_kasaneru_dark img{
  display: block;
}
.seihin_box_left_photo_kasaneru_dark::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}
.seihin_box_left_photo_kasaneru_dark p{
  position: absolute;
  margin:0;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-size: 2.2rem;
  width: 100%;
  mix-blend-mode:multiply;
}
.seihin_box_left_photo_kasaneru_dark .mask{
	width:			50%;	/* 画像の半分の大きさにする */
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	margin-left:		0%;	/* 枠の左に置いて表示させない */
	background-color:	rgba(0,0,0,0);
	-webkit-transition:	all 2s ease;
	transition:		all 2s ease;
	opacity: 0;
	mix-blend-mode:multiply;
}
.seihin_box_left_photo_kasaneru_dark:hover .mask {
	margin-left:		0px;	/* 右にずらして表示する */
	opacity: 0.4;
	mix-blend-mode:multiply;
}

@media screen and (max-width: 600px) {
	
.seihin_littlettl{
	color: #4169e1; 
	border-bottom: 1px solid #4169e1;
	font-size:1.5em;
	padding-left:20px;
	margin-bottom:50px;
	font-family: "メイリオ" , sans-serif;
}
	
.seihin_photobox{
	width:auto;
	height:auto;
	border: 0px solid blue;
	display:block;
}
	
.seihin_box_left_photo_kasaneru_dark{
  position: relative;
  display: block;
  text-align:center;
  margin:0 auto 0 auto;
  border: 0px solid red;
}
.seihin_box_left_photo_kasaneru_dark img{
	display: block;
	margin:0 auto 0 auto;
	text-align:center;
	border: 0px solid red;
	width: 100%;
	height:auto;
}
.seihin_box_left_photo_kasaneru_dark p{
	position: absolute;
	margin:0;
	top:50%;
	left: 50%;
	/*transform: translate(-50%,-50%);*/
	color: #fff;
	font-size: 2.2rem;
	width: 100%;
	mix-blend-mode:multiply;
	margin:0 auto 0 auto;
}
.seihin_box_left_photo_kasaneru_dark .mask{
	width:			100%;	/* 画像の半分の大きさにする */
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	margin-left:		0%;	/* 枠の左に置いて表示させない */
	background-color:	rgba(0,0,0,0);
	-webkit-transition:	all 2s ease;
	transition:		all 2s ease;
	opacity: 0;
	mix-blend-mode:multiply;
}
.seihin_box_left_photo_kasaneru_dark:hover .mask {
	margin-left:		0px;	/* 右にずらして表示する */
	opacity:0.4;
	mix-blend-mode:multiply;
}
	.seihin_photounder{
		width:100%;
		border: 0px solid red;
		text-align:center;
		color:black;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom:5vh;
	}
}