/* responsive.css 1.0.0 */

#device_pc{
	margin:0;
}/* for IE */

/* ウォール
-----------------------------------------------------------------*/

@media only screen and (max-width: 970px) { /* 970px↓*/
  #expandSubInfoBtn {
    top: auto;
    left: auto;
    right: 10px;
  }
  #mainInfo .numdata{
    padding-bottom: 26px;
  }
}

@media only screen and (max-width: 870px) { /* 870px↓ SNSモジュール移動*/
  .rics-flex-inner {
    margin-left: 10px;
  }
  .rics-flex-inner .sns{
	margin-top: 105px;
  }
  #mainInfo .sns li {
	margin-bottom: 10px;
  }
  .themeSet .themeLink{
		width: 70%;
  }
  #infoWrapper #viewSwitch ul li a .num{
	  font-size: 113%;
  }
  #infoWrapper #viewSwitch ul li a span{
		font-size: 100%;
  }
}

@media only screen and (min-width: 769px) { /* 769px以上 PC幅2 */
  #contentsWrapper .bd .loadmore a.btnView {
    width: 100%;
    padding: 0.8em 0;
  }
  #updateInfo .ft{
	position: relative;
  }
  #updateInfo .ft .removeInfo{
	position: absolute;
	top: 20px;
	right: 5px;
	padding-top: 0;
  }
}


@media only screen and (min-width: 601px) {
}
/* 600以下はspn,tabletCSSに*/
@media only screen and (max-width: 600px) {

}


/* コメント */
/* tablet
-----------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .commentBox  .ft .pageCount{
    position: static;
    top: 0;
    left: 0;
    margin: 5px auto;
    text-align: center;
  }
}

/* smartphone
-----------------------------------------------------------------*/

@media only screen and (max-width: 481px) {
	/* ヘッダ */
	.commentBox header.hd .commentInfo .badge{
		display: none;
	}
.commentBox .resultInfo .check p {
	background-position:10px -900px;
}
	/* 記事 */
	.commentBox  .commentList .entry .cts{
		margin-left: 0;
	}

	/* 入力エリア*/
  .commentList .inputArea form{/*ヘッダにないときのみ*/
    padding-left: 24px;
    background-position: 20px 7px;
  }

	.inputArea .badge{
	  float: left;
	}

  .inputArea .dispName{
    font-size: 78%;
  }
  .inputArea .dispName .btnView{
    font-size: 100%;
  }

	.inputArea .emoticonList{
	  float: left;
	}
  .inputArea .emoticonList li{
    margin-right: 8px;
  }

	.inputArea .textInput{
		clear: both;
	}
	.inputArea .textInput textarea{
		font-size: 78%;
	}
	.inputArea .inputAreaMain{
		overflow: visible;
	}
	.inputArea .noticeSettingBox dt {
		margin-bottom: 5px;
	}
	.inputArea .noticeSettingBox dd{
	  clear: both;
	  margin-bottom: 15px;
	}
	.inputArea .agreement .inr{
	  float: none;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.inputArea .btnArea {
		padding: 0;
	}
	.inputArea .btnArea .btnView{
		clear: both;
	  float: none;
	}
	.inputArea .btnArea .unit{
		display: none;
	}

	.commentBox .panel .inr .ft .cancel,
	.inputArea .panel .inr .ft .cancel{
		display: block;
		margin-top: 20px;
	}

	/* コメントエリア*/

	.commentBox  .commentList .response article {
		padding-bottom : 10px;
	}
    .commentBox  .commentList .action .root{
     	padding: 20px 10px 10px;
    }
  .commentBox .commentList .response .action {
    padding-left: 10px;
    background-position: 15px 27px;
  }
  .commentBox .commentList .response .viewMoreResponse{
    padding-left: 24px;
  }
  .commentBox .commentList .response .compactForm {
    padding-left: 24px;
    background-position: 20px 17px;
  }
	.commentBox  .commentList .action header {
  padding: .3em 4em 1em 48px;
	}
.commentBox  .commentList header .violation,
.commentBox  .commentList header .delete{
	padding-top: .5em;
}
	.commentBox  .commentList .action .comment,
	.commentBox .commentList .action.author .comment{
		padding-left: 0;
	}
	.commentBox  .commentList .action .commentCite{
		margin-left: 0;
	}
	.commentBox .commentList .deleteDialog ul li{
	  padding: 0;
	}

	.commentBox  .commentList .action footer{
		position: relative;
		padding-left: 0;
		padding-bottom: 5px;
	}
	.commentBox  .commentList .action .reaction .violation,
	.commentBox  .commentList .action .reaction .delete{
		top: 2px;
		right: 0;
		bottom: 0;
		margin: 0;
	}


	.commentBox  .commentList .action .pipe {
		display: none;
	}
	.commentBox  .commentList .action .date {
		display: block;
		margin-top: 5px;
	}

  .commentBox .sort li a{
    padding: 12px 5px;
  }

  .commentBox .commentList .deleteDialog ul li{
    margin: 0 5px;
  }
 .commentBox .commentList .deleteDialog p{
 	  padding: 0 15px 15px;
 }
   /* Wallの返信ボタン（スマートフォン）*/
  .commentBox .replyBtnSpn{
    margin: 0 0 0 43px;
    padding: 10px 43px 10px 0;
    border-top: 1px solid #E6E6E6;
  }

	/*次のコメントを読む（スパイダーおよびスマートフォン）*/
	.commentBox  .ft .loadMoreComments{
	  display: block;
		float: left;
	  margin: 0;
	  padding: 10px 20px;
	}
	.commentBox  .ft .pageCount{
	  position: static;
		margin: 0;
		float: right;
	  top: 0;
	  right: 0;
		line-height: 43px;
	}

}