<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#main .dataBlock {
  margin-top: 50px;
}
#main .dataBlock:first-child {
  margin-top: 0;
}
#main .dataBlock .blockTit {
  padding-bottom: 5px;
  border-bottom: 3px double #00abeb;
  color: #00abeb;
  font-size: 30px;
  line-height: 1.2;
}
#main .dataBlock .list {
  margin-left: 0;
}
#main .dataBlock .list #post1 h3 ,
#main .dataBlock .list #post2 h3 ,
#main .dataBlock .list #post3 h3 ,
#main .dataBlock .list #post4 h3 {
/*	display:none;*/
}
#main .dataBlock .list:after {
  display: block;
  clear: both;
  content: '';
}
#main .dataBlock .list &gt; .tempBox {
	width:100%;
  float: left;
  margin-top: 20px;
  /*margin-left: 20px;*/
  /*width: 225px;*/
}

#main .dataBlock .list  &gt; .tempBox#post2 ,
#main .dataBlock .list  &gt; .tempBox#post3 ,
#main .dataBlock .list  &gt; .tempBox#post4 {
  margin-right: 20px;
/*	width: 225px;*/
}
#main .dataBlock .list  &gt; .tempBox#post1 {
/*	width: 225px;*/
}

#main .dataBlock .list &gt; .tempBox.nth4n_1 {
  clear: both;
}
#main .dataBlock .list &gt; .tempBox:nth-child(4n+1) {
  clear: both;
}
#main .dataBlock .list &gt; .tempBox .uniqueInterviewItem dt {
  border-bottom: 1px solid #b0dbeb;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
}
#main .dataBlock .list &gt; .tempBox .uniqueInterviewItem .uniqueInterviewDate {
  padding: 2px 0;
  color: #b0dbeb;
  text-align: right;
}
#main .dataBlock .list &gt; .tempBox .uniqueInterviewItem .uniqueInterviewPlayer {
  margin-bottom: 5px;
}

/**/
#main .dataBlock .list &gt; .tempBox {
  overflow: hidden;
  /*margin-top: 50px;*/
  /*padding-left: 20px;*/
}
#main .dataBlock .list &gt; .tempBox .postTitle {
  padding-bottom: 5px;
  border-bottom: 1px solid #333333;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2;
}
#main .dataBlock .list &gt; .tempBox .postContent {
  /*margin-top: 20px;*/
  /*padding-left: 20px;*/
}
#main .dataBlock .list &gt; .tempBox .uniqueRead {
	padding:10px 0 0 0;
}
/**/


@media only screen and (max-width: 1219px) {
  #main .dataBlock .list {
    margin-left: 0;
  }
  #main .dataBlock .list &gt; .tempBox,
  #main .dataBlock .list &gt; .tempBox:nth-child(4n+1) {
    clear: none;
    /*margin-left: 2%;*/
    /*width: 32%;*/
  }
  #main .dataBlock .list &gt; .tempBox:nth-child(3n+1) {
    /*clear: both;*/
    margin-left: 0;
  }
  #main .dataBlock .list &gt; .tempBox .uniqueInterviewItem dt {
    font-size: 16px;
  }
}

@media only screen and (max-width: 939px) {
  #main .dataBlock .list &gt; .tempBox,
  #main .dataBlock .list &gt; .tempBox:nth-child(4n+1),
  #main .dataBlock .list &gt; .tempBox:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
    width: 48%;
  }
  #main .dataBlock .list &gt; .tempBox:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  #main .dataBlock .list &gt; .tempBox .uniqueInterviewItem dt {
    font-size: 16px;
  }

	#main .dataBlock .list  &gt; .tempBox#post1 ,
	#main .dataBlock .list  &gt; .tempBox#post2 ,
	#main .dataBlock .list  &gt; .tempBox#post3 ,
	#main .dataBlock .list  &gt; .tempBox#post4 {
    clear: none;
    margin-right: 0;
    width: 48%;
	}

	
}

@media only screen and (max-width: 767px) {
  #main .dataBlock {
    margin: 0 auto;
    max-width: 480px;
  }
  #main .dataBlock .blockTit {
    padding-bottom: 2px;
    border-bottom: 1px solid #00abeb;
    font-size: 20px;
  }
  #main .dataBlock .list {
    padding-bottom: 50px;
  }
  #main .dataBlock .list &gt; .tempBox,
  #main .dataBlock .list &gt; .tempBox:nth-child(4n+1),
  #main .dataBlock .list &gt; .tempBox:nth-child(3n+1),
  #main .dataBlock .list &gt; .tempBox:nth-child(2n+1) {
    clear: none;
    margin-left: 0;
    width: 100%;
  }
	
	#main .dataBlock .list  &gt; .tempBox#post1 ,
	#main .dataBlock .list  &gt; .tempBox#post2 ,
	#main .dataBlock .list  &gt; .tempBox#post3 ,
	#main .dataBlock .list  &gt; .tempBox#post4 {
		/*float: none;*/
		margin: 20px auto 10px;
		/*max-width: 320px;*/
		width: 100%;
	}

}


/*事前インタビュー レイアウト調整*/
.dataBlock.genre-3.day-0 #post2{
	clear:left;
}
#main .dataBlock .list &gt; .tempBox:nth-child(4n+1)#post1{
  clear: none;
}
@media only screen and (max-width: 939px) {
  #main .dataBlock .list &gt; .tempBox:nth-child(3n+1)#post2{
    clear: both;
    margin-left: 0;
  }
  #main .dataBlock .list &gt; .tempBox:nth-child(4n+1)#post1{
    margin-left: 4%;
  }

}</pre></body></html>