@media (min-width: 981px) {
	.side {
		margin: 62% 0 0 0; /* 動画を上部に表示している時のレフトナビのマージン*/
		margin: 28px 0 0 0; /* 上部の動画を非表示にしている時のレフトナビのマージン*/
		padding: 0;
	}
}

@media screen and (min-width:769px) and (max-width: 980px)  {
	.side{
		margin: 60% 0 0 0; /* 動画を上部に表示している時のレフトナビのマージン*/
		margin: 28px 0 0 0; /* 上部の動画を非表示にしている時のレフトナビのマージン*/
  }
}


/*動画非表示時は不要
#video_contents{
	display:block;
}
.header_btm {
    padding: 30px 0 0 0;
}
.main {
    margin: 0px auto 0;
}
*/


h1{
	font-size: 0.7em;
	text-align: center;}
}


.top_contents:after {
  content: "";
  clear:both
}
.top_lists, .top_contents {
  margin-top: 20px;
  font-size: 0;
}
.top_list {
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  float: none;
  display:inline-block !important;
  font-size: 11px;
  vertical-align: top;
  padding: 0;
  padding-left: 0.5%;
}




.new_heading {
}
.seller_heading {
}
.recommend_heading {
}





.info a{
	color: #08c;
	text-decoration: underline;
}

.info_heading {
}
.info_detail {
  margin: 20px 0 0;
  font-size: 13px;
}
.info_detail_lists {
	overflow-y: auto;
	overflow-x: hidden;
	height: 200px;
	height: 130px;
	height: 160px;
	height: 250px;
	white-space: nowrap;
}
.info_detail_list_dt {
  padding: 20px 0 5px;
}
.info_detail_list_dt:first-child {
  padding: 0 0 5px;
}
.info_detail_list_dd {
	white-space: normal;
  margin: 0;
}



/* rankingseller recommend movie topics newitem */
@media (min-width: 981px) {
	.top_contents_area{
	  margin-bottom: 60px;
	}
}

@media screen and (min-width:769px) and (max-width: 980px)  {
	.top_contents_area{
	  margin-bottom: 60px;
	}
}

@media (max-width: 768px) {
	.top_contents_area {
		width: 95%;
		margin: 0 auto 60px;
	}
}







/* ルイルエブティックについて */
.txt-hide{
display: none;
}
.txt-show span:first-letter, .txt-hide span:first-letter{
  color:#666;
  font-size:140%;
  line-height: 2rem;
  padding-left: 5px;
}
.txt-show span, .txt-hide span{
  display: block;
}


button.more {
  margin: 20px auto;
  display: block;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  color: #333;
  padding: 10px 15px;
  outline: 0;
  transition: .5s;
  -erbkit-transition: .5s;
  width: 84%;
}
 
button.more::after {
content: "もっと見る";
transition: .2s;
-erbkit-transition: .2s;
}

button.more.on-click::after{
content: "閉じる";
}








.toppage_none{ /* トップページのみ非表示*/
	display: none;
}
@media (max-width: 768px) {
.toppage_none_sp{ /* トップページでスマホ表示のみ非表示*/
	display: none;
}
}