@charset "utf-8";
/* CSS Document */

/*　flexbox 横３列-２列 */
.flexible_3wrap {
width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.itembox3to2 {
  width: 32%;
  height: auto;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
}
.itembox3to2_Images img {
	width:100%;
	height: auto;
/*	box-shadow: 2px 3px 3px 0 rgba(0,0,0,.5);*/
}
.itembox3to2_Images {
	width:100%;
	position: relative;
}
.listbox{
    width: 100%;
    height: auto;
    padding-bottom: 24px;
}
.itembox3to2_Images .caption {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    font-size: 11px;
	font-family: 'Noto Serif JP', serif;
    background: rgba(0,0,0,.5);
/*    background: #706756;*/
    padding: 5px 2px 5px 5px;
    margin: 0;
    line-height: 1.4;
    z-index: 99;
}
@media not all  and (min-width: 481px) and (max-width: 768px) {
.itembox3to2_Images .caption {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 11px;
	font-family: 'Noto Serif JP', serif;
    background: rgba(0,0,0,.5);
    padding: 2px 2px 2px 5px;
    margin: 0;
    line-height: 1.4;
    z-index: 99;
/*    bottom:-15px;画像より下部へ*/
}
}
.caption_right{
	bottom: 0;
	right: 0;
}
.itembox3to2:not(:nth-child(3n)) {
  margin-right: 2%;
}
.itembox3to2:nth-child(n+4) {
  margin-top: 30px;
}
/*@media not all and (min-width: 769px) {
  .itembox3to2 {
    width: 48%;
	height: auto;
  }

  .itembox3to2:nth-child(odd) {
    margin-right: 4%;
	      margin-top: 30px;
  }
  .itembox3to2:nth-child(even) {
    margin-right: 0;
	      margin-top: 30px;
  }
}*/
@media not all and (min-width: 769px) {
  .itembox3to2 {
    width: 100%;
	height: auto;
	margin: 0;
  }
	.listbox{
    width: 100%;
    height: auto;
    padding-bottom: 12px;
}
}