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

h2 {
    max-width: 240px;
    width: 12%;
    float: right;
    margin-top: 1.5%;
}

.fixed {
    position: absolute;
    right:0;
    margin-top: 8%;
}

h2 img {width: 100%;}

.contents_l {width: 80%; max-width: 1200px; margin: 0 0 80px; float: left;}
.contents_l > p {margin: 40px 1.5% 0;}
.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(1),.item_wrapper .item:nth-of-type(29) {
    width: 63.666%;
}

.item_wrapper .item:nth-of-type(4), .item_wrapper .item:nth-of-type(7), .item_wrapper .item:nth-of-type(9), .item_wrapper .item:nth-of-type(12), .item_wrapper .item:nth-of-type(15), .item_wrapper .item:nth-of-type(18), .item_wrapper .item:nth-of-type(21), .item_wrapper .item:nth-of-type(23), .item_wrapper .item:nth-of-type(26),  .item_wrapper .item:nth-of-type(29), .item_wrapper .item:nth-of-type(32), .item_wrapper .item:nth-of-type(35), .item_wrapper .item:nth-of-type(37), .item_wrapper .item:nth-of-type(40), .item_wrapper .item:nth-of-type(42), .item_wrapper .item:nth-of-type(45), .item_wrapper .item:nth-of-type(47), .item_wrapper .item:nth-of-type(50), .item_wrapper .item:nth-of-type(52){
    clear: both;
}

.item_wrapper .item:nth-of-type(7), .item_wrapper .item:nth-of-type(21), .item_wrapper .item:nth-of-type(35), .item_wrapper .item:nth-of-type(40),.item_wrapper .item:nth-of-type(45),.item_wrapper .item:nth-of-type(50),.item_wrapper .item:nth-of-type(52) {
    clear: both;
    width: 47%;
}

.item_wrapper .item:nth-of-type(8), .item_wrapper .item:nth-of-type(22), .item_wrapper .item:nth-of-type(36), .item_wrapper .item:nth-of-type(41),.item_wrapper .item:nth-of-type(46),.item_wrapper .item:nth-of-type(51),.item_wrapper .item:nth-of-type(53) {
    width: 47%;
}

.item_wrapper .item:nth-of-type(15){
    width: 63.666%;
    float: right;
}


.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;
}

.fixed {
    position: absolute;
    right:0;
    margin-top: -30%;
}

.contents_l > p {font-size: 20px; line-height: 1.5em; margin: 0 1.5% 0;}
.contents_l>.item {margin: 1.5%; float: none; width: 100%;}

  .item_wrapper .item {
  width: 100%;
  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(1),.item_wrapper .item:nth-of-type(29) {
    width: 100%;
}

.item_wrapper .item:nth-of-type(4), .item_wrapper .item:nth-of-type(7), .item_wrapper .item:nth-of-type(9), .item_wrapper .item:nth-of-type(12), .item_wrapper .item:nth-of-type(15), .item_wrapper .item:nth-of-type(18), .item_wrapper .item:nth-of-type(21), .item_wrapper .item:nth-of-type(23), .item_wrapper .item:nth-of-type(26),  .item_wrapper .item:nth-of-type(29), .item_wrapper .item:nth-of-type(32), .item_wrapper .item:nth-of-type(35), .item_wrapper .item:nth-of-type(37), .item_wrapper .item:nth-of-type(40), .item_wrapper .item:nth-of-type(42), .item_wrapper .item:nth-of-type(45), .item_wrapper .item:nth-of-type(47), .item_wrapper .item:nth-of-type(50), .item_wrapper .item:nth-of-type(52) {
    clear: none;
}

.item_wrapper .item:nth-of-type(7), .item_wrapper .item:nth-of-type(21), .item_wrapper .item:nth-of-type(35), .item_wrapper .item:nth-of-type(40),.item_wrapper .item:nth-of-type(45),.item_wrapper .item:nth-of-type(50),.item_wrapper .item:nth-of-type(52)  {
    clear: none;
    width: 100%;
}

.item_wrapper .item:nth-of-type(8), .item_wrapper .item:nth-of-type(22) , .item_wrapper .item:nth-of-type(36), .item_wrapper .item:nth-of-type(41).item_wrapper .item:nth-of-type(46),.item_wrapper .item:nth-of-type(53),.item_wrapper .item:nth-of-type(54)  {
    width: 100%;
}

.item_wrapper .item:nth-of-type(15){
    width: 100%;
    float: none;
}

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

.c_pankuzu {display: none;}

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

}