/*-- 

	関連ブログ記事一覧　共通パーツ

------------------------------------------------- --*/
.relationList{
  background: #f6f6f6;
  padding:0px 0px 18px;
	margin: 0px 0px 40px;
}

.relationList__title{
  font-size:28px;
  padding:20px;
  text-align:center;
  line-height:40px;
  margin:0px;
  letter-spacing:1px;
  color:#574e49;
	font-weight: normal;
	
}


.relationList__items{
  overflow:hidden;
}
.relationList__items li{
  float:left;
  width:225px;
  height:310px;
  margin:0px 0px 12px 12px;
  padding:9px;
  background:white;
  box-sizing:border-box;
	position:relative;
	
}
.relationList__items li.new::before{
	position:absolute;
	content:"NEW";
	text-align:center;
	display:block;
	left:9px;
	top:9px;
	width:40px;
	height:24px;
	line-height:24px;
	color:white;
	background:#C84D8A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:2px;
	text-indent:2px;
	z-index:10;
}
.relationList__items li.member::before{
	position:absolute;
	content:"EVENT";
	text-align:center;
	display:block;
	left:9px;
	top:9px;
	width:52px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:24px;
	color:white;
	background:#fc6937;
	font-size:11px;
	letter-spacing:1px;
	text-indent:1px;
	z-index:10;
}

.relationList__items li .img{
  width:100%;
  margin:0px 0px 5px;
}
.relationList__items li .img img{
  width:100%;
}
.relationList__items li dt{
  font-size:14px;
  line-height:1.4em;
  margin:0px 0px 11px;
  height:4.2em;
  overflow:hidden;
}
.relationList__items li dd{
  padding:10px 0px 0px;
  background:url(../../img/top/contents_dt_bg.gif) repeat-x left top;
  font-size:12px;
  line-height:1.6em;
  height:4.8em;
  overflow:hidden;
}
.relationList__items li dd em{
  color:#ff6503;
  display:block;
  font-style:normal;
}

/* iphone */
@media screen and (max-width: 685px){
  .relationList{
    padding:0px 0px 40px;
  }
  
  .relationList__items{
    overflow:hidden;
    margin:0px 20px 0px 20px;
  }
  .relationList__items li{
    float:left;
    width:calc(50% - 5px);
    height:483px;
    margin:0px 0px 10px 0px;
  }
  .relationList__items li:nth-of-type(2n){
    float:right;
  }

  .relationList__items li dt{
    font-size:26px;
    line-height:1.5em;
    margin:0px 0px 10px;
    padding:0px 0px 10px;
    height:4.2em;
  }
  .relationList__items li dd{
    font-size:20px;
    height:6.4em;
  }
  .relationList__title{
    font-size:26px;
  }
}