@charset "utf-8";

.tag_label {
	color: #FFFFFF;
	background-color: #0068B2;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-right: 5px;
	margin-bottom: 3px;
}
.tag_label a {
	color: #FFFFFF;
	text-decoration: none;
}
.tag_label2 {
	color: #FFFFFF;
	background-color: #45AF2B;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-right: 5px;
	margin-bottom: 3px;
}
.tag_label2 a {
	color: #FFFFFF;
	text-decoration: none;
}

.item_area {
  	width:97%;
	padding: 0px; 
	max-width:1000px;
  	margin-left:auto;
  	margin-right:auto;
	margin-bottom:20px;
	display: flex;
	flex-wrap: wrap;
	-js-display: flex;
	-webkit-flex-wrap: wrap;
	justify-content:flex-start;
}
.item_area .item_box {
	width: calc(50% - 14px);
	margin-bottom:25px;
	margin-right: 5px;
	margin-left: 5px;
	box-shadow: 0px 0px 3px #999999;
	font-size:14px;
}
.item_box .item_photo {
	height:200px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.item_box img {
	max-height:200px;
}
.item_box a {
	text-decoration: none;
}


/* for Tablet & PC */
@media print, screen and (min-width:768px) {

.item_area .item_box {
	width: calc(33% - 26px);
	margin-left: 10px;
	margin-right: 10px;
}
.item_box .item_photo {
	height:240px;
}
.item_box img {
	max-height:240px;
}
	
	
} /* End of Desktop Layout */



/* jirei */
.item_area {
	padding: 0px; 
	margin-bottom:20px;
	display: flex;
	flex-wrap: wrap;
	-js-display: flex;
	-webkit-flex-wrap: wrap;
}
.item_area .item_box {
	width: calc(100% - 36px);
	padding:10px;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom:20px;
	box-shadow: 0px 0px 3px #aaa;
	font-size:14px;
}
.item_area .cate_box {
	width: calc(100% - 30px);
	padding:10px;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom:20px;
	border:#eee solid 2px;
	font-size:14px;
	text-align:center;
}
.item_area .item_photo {
	height:160px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.item_area img {
	max-height:160px;
}
.item_area a {
	text-decoration:none;
}

/* for Tablet & PC */
@media print, screen and (min-width:768px) {
.item_area .item_box {
	width: calc(33.3% - 36px);
}
.item_area .cate_box {
	width: calc(47% - 30px);
}
}




.photo_after {
position: relative;
display: inline-block;
overflow: hidden;
}
.photo_after img {
	width:98%;
	margin-left:1px;
	margin-top:1px;
}
.photo_after:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: #09F;
	content: "After";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	padding: 5px 10px;
	left: -30px;
	top: 3px;
	transform: rotate(-30deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.photo_before {
position: relative;
display: inline-block;
overflow: hidden;
}
.photo_before img {
	width:98%;
	margin-left:1px;
	margin-top:1px;
}
.photo_before:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: #F00;
	content: "Before";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	padding: 5px 10px;
	left: -30px;
	top: 3px;
	transform: rotate(-30deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}