#contents {
    padding-top: 150px !important;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto 0;
    position: relative;
}

h2 {
    max-width: 626px;
    width: 40%;
    margin-top: 1.5%;
    margin-left: 1.5%;
    margin-bottom: 40px;
}

h2 img {width: 100%;}

h2 + p {
    margin-bottom: 5px;
    margin-right: 20px;
    text-align: right;
}

.contents_l {width: 100%; max-width: 1200px; margin: 0 0 80px;}

.contents_l>.item {margin: 1.5%; float: left;}

.img {width: 100%;}

.item_wrapper {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
}

video{
  /*clip-path:circle(40% at 50% 50%);*/
  max-width: 100%;
  margin: 0;
}

.item_wrapper .item {
  width: 30.333%;
  margin: 1.5%;
  float: left;
}

.item_wrapper .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

.item_wrapper .item:nth-of-type(2), .item_wrapper .item:nth-of-type(24), .item_wrapper .item:nth-of-type(32){
    width: 63.666%;
    float: right;
}

.item_wrapper .item:nth-of-type(4), .item_wrapper .item:nth-of-type(26), .item_wrapper .item:nth-of-type(42), .item_wrapper .item:nth-of-type(47) {
    clear: both;
    width: 47%;
}

.item_wrapper .item:nth-of-type(5), .item_wrapper .item:nth-of-type(12), .item_wrapper .item:nth-of-type(13), .item_wrapper .item:nth-of-type(27), .item_wrapper .item:nth-of-type(37), .item_wrapper .item:nth-of-type(38), .item_wrapper .item:nth-of-type(43), .item_wrapper .item:nth-of-type(48){
    width: 47%;
}

.item_wrapper .item:nth-of-type(14),.item_wrapper .item:nth-of-type(44) {
    width: 63.666%;
}

.item_wrapper .item:nth-of-type(4), .item_wrapper .item:nth-of-type(6), .item_wrapper .item:nth-of-type(9), .item_wrapper .item:nth-of-type(12), .item_wrapper .item:nth-of-type(14), .item_wrapper .item:nth-of-type(17), .item_wrapper .item:nth-of-type(20), .item_wrapper .item:nth-of-type(23), .item_wrapper .item:nth-of-type(26), .item_wrapper .item:nth-of-type(28), .item_wrapper .item:nth-of-type(31), .item_wrapper .item:nth-of-type(34), .item_wrapper .item:nth-of-type(37), .item_wrapper .item:nth-of-type(44) {
    clear: both;
}


.item {
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
}
.item .caption {
	text-align: 	left;
	padding:		10px;
	color:			#ccc;
    font-size: 80%;
}

.item .caption a { color: #fff;}
.item .caption a:hover { color: #fff; text-decoration: underline;}

.item .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.item:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

.pc {display: block;}
.sp {display: none;}

@media screen and (max-width: 640px) {
/*#wrapper {width: 100%;}*/
#contents {
    padding-top: 30px !important;
    width: 90%;
    margin: 0 auto 0;
    position: relative;
}

.contents_l {width: 100%; margin: 0 auto 80px;}

.contents_l>.item {margin:1.5% 0 0 0; float: none; width: 100%;}

  .item_wrapper .item {
  width: 100%;
  margin: 1.5% 0;
  float: none;
}

h2 img {width: 100%;}

h2 + p {
    margin-bottom: 5px;
    margin-left: 0px;
    text-align: left;
    font-size: 20px;
    line-height: 1.5em;
    margin-right: 0;
}

.item_wrapper .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}


.item_wrapper .item:nth-of-type(2), .item_wrapper .item:nth-of-type(24), .item_wrapper .item:nth-of-type(32) {
    width: 100%;
    float: none;
}

.item_wrapper .item:nth-of-type(4), .item_wrapper .item:nth-of-type(26), .item_wrapper .item:nth-of-type(42), .item_wrapper .item:nth-of-type(47) {
    clear: none;
    width: 100%;
}

.item_wrapper .item:nth-of-type(5), .item_wrapper .item:nth-of-type(12), .item_wrapper .item:nth-of-type(13), .item_wrapper .item:nth-of-type(27), .item_wrapper .item:nth-of-type(37), .item_wrapper .item:nth-of-type(38), .item_wrapper .item:nth-of-type(43), .item_wrapper .item:nth-of-type(48){
    width: 100%;
}

.item_wrapper .item:nth-of-type(14),.item_wrapper .item:nth-of-type(44) {
    width: 100%;
}

.item_wrapper .item:nth-of-type(4), .item_wrapper .item:nth-of-type(6), .item_wrapper .item:nth-of-type(9), .item_wrapper .item:nth-of-type(12), .item_wrapper .item:nth-of-type(14), .item_wrapper .item:nth-of-type(17), .item_wrapper .item:nth-of-type(20), .item_wrapper .item:nth-of-type(23), .item_wrapper .item:nth-of-type(26), .item_wrapper .item:nth-of-type(28), .item_wrapper .item:nth-of-type(31), .item_wrapper .item:nth-of-type(34), .item_wrapper .item:nth-of-type(37), .item_wrapper .item:nth-of-type(44) {
    clear: none;
}


.item .caption {
	font-size: 0.8em;
}

.c_pankuzu {display: none;}

.pc {display: none;}
.sp {display: block;}

}