@charset 'utf-8';
/* wall_styles.css 1.0.0 */

/* table of contents
==========================

responsive
infoWrapper
contentsWrapper
comment
subColumn

==========================
*/
@font-face {
  font-family:'pt-icon';
  src:url("https://s.yimg.jp/images/jpnews/cre//common/pc/images/fonts/pt-icon.eot?dmu0kc");
  src:url("https://s.yimg.jp/images/jpnews/cre//common/pc/images/fonts/pt-icon.eot?#iefix-dmu0kc") format("embedded-opentype"),url("https://s.yimg.jp/images/jpnews/cre//common/pc/images/fonts/pt-icon.woff?dmu0kc") format("woff"),url("https://s.yimg.jp/images/jpnews/cre//common/pc/images/fonts/pt-icon.woff2?-dmu0kc") format("woff2"),url("https://s.yimg.jp/images/jpnews/cre//common/pc/images/fonts/pt-icon.ttf?dmu0kc") format("truetype"),url("https://s.yimg.jp/images/jpnews/cre//common/pc/images/fonts/pt-icon.svg?-dmu0kc#pt-icon") format("svg");
  font-weight:normal;
  font-style:normal
}
[class^="icon-"],[class*=" icon-"]{
  font-family:'pt-icon';
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

#contentsWrapper .NoticeColumn p{
  background-image: none;
  margin: 10px 20px;
  padding: 0;
  text-align: center;
}
/* responsive
==========================*/
#rics-content-wrapper {
  position: relative;
  overflow: visible;
}
#rics-main {
  width: 100%;
  overflow: visible;
  /*margin-top: 10px;*/
}
.rics-flex {
  width: 100%;
  overflow: hidden;
  /height: 130px; 	/* ie6-7 */
}
#updateInfo {
  margin: 10px 0;
  /border-left: 1px solid #e7e7e7; /* ie6-7 */
  /border-right: 1px solid #e7e7e7;
  /border-bottom: 2px solid #e7e7e7;
  border-left: 1px solid #e7e7e7\9; /* ie8 */
  border-right: 1px solid #e7e7e7\9;
  border-bottom: 2px solid #e7e7e7\9;
}
body:not(:target) #infoWrapper,
body:not(:target) #updateInfo{
  border-left: none\9; /* ie9+ */
  border-right: none\9; /* ie9+ */
  border-bottom: none\9; /* ie9+ */
}

/* updateInfo
==========================*/
#updateInfo{
 	background-color: #fff;
	margin-bottom: 20px;
	overflow: hidden; /* ie8 */
}
#updateInfo .hd{
	padding: 8px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
    background: #fefefe;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
    background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
    background-image: -moz-linear-gradient(top, #ffffff, #efefef);
    background-image: -o-linear-gradient(top, #ffffff, #efefef);
    background-image: -ms-linear-gradient(top, #ffffff, #efefef);
    background-image: linear-gradient(to bottom, #ffffff, #efefef);
    cursor: pointer;
    font-size: 87.5%;
}
#updateInfo .hd h1{
	padding: 0 10px 0 30px;
    background: url(../../ic_wall_sprite.png) no-repeat;
}
#updateInfo .infoHeaderOpen h1{
	background-position: 9px -43px;
}
#updateInfo .infoHeaderClose h1{
	background-position:  9px 6px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#updateInfo .hd h1{
    background-image: url(../../ic_wall_sprite_2x.png);
    -webkit-background-size: 100px 300px;
    background-size: 100px 300px;
  }
}

/* 更新マーク */
#updateInfo .hd .update {
  position: absolute;
  margin: 1px 0 0 5px;
  border-radius: .6em;
  border: 1px solid #FF5858;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3);
  -o-box-shadow: 0 1px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3);
  /border-bottom: 1px solid #999; /* ie6-7 */
  border-right: 1px solid #999\9; /* ie8 */
  border-bottom: 1px solid #999\9; /* ie8 */
}
body:not(:target) #updateInfo .hd .update {
  border-right: none\9; /* ie9+ */
  border-bottom: none\9; /* ie9+ */
}
#updateInfo .hd .update em {
  display: block;
  padding: .2em .4em;
  border-radius: .6em;
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 84%;
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 1px #AA0000;
  background-color: #EA1E1E;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb2f2f', endColorstr='#da0e0e',GradientType=0 );
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #fb2f2f 0%, #da0e0e 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb2f2f), color-stop(100%,#da0e0e));
  background-image: -webkit-linear-gradient(top,  #fb2f2f 0%,#da0e0e 100%);
  background-image: -o-linear-gradient(top,  #fb2f2f 0%,#da0e0e 100%);
  background-image: -ms-linear-gradient(top,  #fb2f2f 0%,#da0e0e 100%);
  background-image: linear-gradient(to bottom,  #fb2f2f 0%,#da0e0e 100%);
}
#updateInfo .hd .update em { /* ie9 */
  filter: none;
}

/* bd */
#infoExpandAera{
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #e1e1e1;
}
#updateInfo .bd li{
  position: relative;
  padding: 10px 40px 10px 10px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 81%;
  /zoom:1;
}
#updateInfo .bd li.unread{
  background-color: #edf3ff;
}
#updateInfo .bd li .removeBtn{
  position: absolute;
  top: 15px;
  right: 15px;
}
#updateInfo .bd li .removeBtn a{
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  overflow: hidden;
  /zoom:1;
}
#updateInfo .bd li .removeBtn a{
  background: url(../../ic_wall_sprite.png) no-repeat 0 -100px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#updateInfo .bd li .removeBtn a{
    background-image: url(../../ic_wall_sprite_2x.png);
    -webkit-background-size: 100px 300px;
    background-size: 100px 300px;
  }
}
#updateInfo .bd li .removeBtn a:hover{
  opacity: 0.6;
  /filter: alpha(opacity=60);
  -ms-filter: "alpha(Opacity=80)";
}
:root #updateInfo .bd li .removeBtn a:hover{
  -ms-filter: none;
}
#updateInfo .bd li dt{
	padding: 0 0 7px 25px;
    background: url(../../ic_wall_sprite.png) no-repeat;
    background-position: -33px -197px;
    /zoom:1;
}
#updateInfo .bd li .multi dt{
	background-position: 2px -247px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #updateInfo .bd li dt{
    background-image: url(../../ic_wall_sprite_2x.png);
    -webkit-background-size: 100px 300px;
    background-size: 100px 300px;
  }
}
#updateInfo .bd li dd{
  padding-left: 25px;
  word-break: break-all;
  word-wrap: break-word;
}
#updateInfo .bd li .updateTime{
  padding: 0;
  color: #a2a2a2;
}
#updateInfo .bd li .latestComment{
  color: #a2a2a2;
  padding-bottom: 3px;
}
#updateInfo .bd li .latestComment em{
  color: #333;
}
#updateInfo .ft{
	text-align: center;
	padding: 15px 0;
	min-height: 1em;
	_height: 1em;
}
#updateInfo .ft .removeInfo{
	padding: 0 15px 0 0;
 	font-size: 87.5%;
	text-align: right;
}
#updateInfo .ft .loadmore{

}
#updateInfo .ft .loadmore .btnView{
  width: 275px;
  padding: 10px 0;
  margin: 0 auto ;
  text-align: center;
  /zoom:1;
  font-size: 87.5%;
}
#updateInfo .ft .loadingmore {
  min-height: 30px;
  _height: 30px;
  background: #fff url(../../loading24_g.gif)  no-repeat 50% 50%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #updateInfo .ft .loadingmore {
    background-image: url(../../loading24_g_2x.gif);
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }
}
#updateInfo .ft .loadingmore a {
  visibility: hidden;
}
.instruction {
  margin: 15px;
}
.instruction .bg{
  border: 2px #24B3B3 solid;
  border-radius: 3px;
  padding-bottom: 5px;
}
#contentsWrapper .instruction .hd{
  border-top:none;
}
.searchMod{
  padding: 10px 15px 20px;
border-top: 1px solid #EFEFEF;
}
.searchMod dt{
    background: #24B3B3;
    padding: 10px;
    color: #fff;
    line-height: 1.3;
    border-radius: 5px 5px 0 0;
    text-align: center;
    position: relative;
}

.searchMod dt p{
  display: inline;
line-height: 2.2;
vertical-align: top;
}
.searchMod dt .ic{
  display: inline-block;
  _display: inline;
  width: 30px;
  height: 30px;
  margin-right:5px;
    background: #24B3B3 url("../../ic_search_sprite_pc.png") no-repeat 0 -748px;
}
 @media only screen and (-webkit-min-device-pixel-ratio: 2){
  .searchMod dt .ic{
      background-image:url(../../ic_search_sprite_pc_2x.png) ;
    -webkit-background-size: 32px 1000px;
    background-size: 32px 1000px;
   }
}
.searchMod dt strong{
  line-height: 2.2;
  vertical-align: top;
   font-weight: bold;
}
.searchMod dd{
    background: #fff;
    padding-top: 10px;
    _padding-bottom: 10px;
    border-radius: 0 0 5px 5px;
    border: 2px solid #24B3B3;
    text-align: center;
}

.searchMod dd p{
  width: 215px;
  height:40px;
  line-height: 40px;
  border: 2px solid #DDE0E6;
  border-radius: 3px;
  margin: 0 auto 10px ;
  font-weight: bold;
  font-size: 14px;
}
.searchMod dd p a{
  display: block;
  color: #222;
  text-decoration:none;
}
.searchMod dd p.search{
  border-color:#24B3B3;
}
.searchMod dd p.search a:hover{
  border-color: #2D9999;
  background: #EBF8F8;
}
.searchMod dd p.search a span{
    display:inline-block;
    padding-left: 20px;
    background: url("../../ic_search_sprite_pc.png") no-repeat -1px -587px;
}
 @media only screen and (-webkit-min-device-pixel-ratio:2){
  .searchMod dd p.search a span{
      background-image:url(../../ic_search_sprite_pc_2x.png) ;
    -webkit-background-size: 32px 1000px;
    background-size: 32px 1000px;
    }
}
.searchMod dd p.about a:hover{
  border-color: #BEC3CE;
  background: #F8F8FA;
}
/* infoWrapper
==========================*/
#infoWrapper{
  border-style: solid ;
  border-color: #e1e1e1;
  border-width: 1px 1px 0;
  margin-top: -1px;/**/
}

/* mainInfo */
#mainInfo {
  position: relative;
  background-color: #fff;
  /zoom: 1;
  min-height: 106px;
}
#mainInfo:after{
  content: "";
  display: table;
  clear: both;
}
#mainInfo .hd {
  position: relative;
  min-height: 110px;
  padding: 5px 0 10px;
  word-break: normal;
  line-break:strict;
  word-wrap: break-word;
}
#mainInfo .hd h1 {
  margin: 5px 15px 0 140px;
  font-size: 76%;
}
#mainInfo .hd h1 strong {
  font-size: 130%;
  font-weight: bold;
}
#mainInfo .hd .position {
  display: block;
  margin-left: 140px;
  margin-bottom: .4em;
  margin-right: 2em;
  line-height: 1.2em;
  font-size: 76%;
  color: #666;
}
#mainInfo .userBlockStatus {
  display: block;
  margin-left: 130px;
}
#mainInfo .userBlockStatus p {
  display: inline-block;
  padding: 3px 4px;
  background-color: #e6e6e6;
  border-radius: 3px;
  font-size: 71%;
  color: #9b9b9b;
}
#mainInfo .hd .follow {
  margin-left: 140px;
  padding-bottom: 5px;
}
#mainInfo .hd .thumb {
  position: absolute;
  top: 20px;
  left: 15px;
  display: inline-block;
  width: 96px;
  margin-top: -10px;
  padding: 4px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  line-height: 96px;
  font-size:0;
  text-align: center;
  /layout-grid-line:96px;
  /layout-grid-mode:line;
}
#mainInfo.author .hd .thumb{
  top: 0;
}

.refineBtn .btnView .thumb img{
  vertical-align: middle;
}
#mainInfo .hd .author{
  display: block;
  margin: 0 0 0 140px;
  width: 77px;
  height: 17px;
  background: url(../../ic_author.png) no-repeat 0 0;
  text-indent: -9999px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainInfo .hd .author{
    background-image:  url(../../ic_author_x2.png);
    -webkit-background-size: 63px 17px;
    background-size: 63px 17px;
  }
}
#mainInfo .settingBtn{
  display: block;
  width: 105px;
  height: 105px;
  position: absolute;
  top: 15px;
  left: 15px;
  vertical-align: middle;
  text-align: center;
}
#mainInfo .settingBtn span{
 display: none;
}
#mainInfo .settingBtn:hover span{
  position: absolute;
  bottom: 5px;
  left: 0;
  display: block;
  width: 105px;
  height: 30px;
  line-height: 30px;
  background-color:rgba(0,0,0,0.5);
  color: #fff;
  font-size: 76%;
}
#mainInfo .settingBtn span{
  background-color:rgba(0,0,0,0.5);
}
#mainInfo .settingSpn{
  position: absolute;
  right:15px;
  top:24px;
  color: #999;
  font-size: 81%;
  line-height: 1.3;
}
.commentBox.WallComment .commentList .author{
  background-color: transparent !important;
}
.rics-flex-inner {
  margin-left: 300px;
  padding: 20px 20px 0 10px;
}
.rics-fixcolumn{
  overflow: hidden;
  _zoom: 1;
}
.rics-fix {
  float: left;
  width: 300px;
  margin-right: -300px;
}
#mainInfo .sns li{
  margin-bottom: 13px;
  line-height: 1.3;
  font-size: 76%;
  word-break: break-all;
  word-wrap: break-word;
}
#mainInfo .sns li p{
  padding-left: 22px;
  background: url(../../ic_social_prof_sprite.png) no-repeat;
  line-height: 1.4;
}
#mainInfo .sns .tw p{
  background-position: -84px 0;
}
#mainInfo .sns .fb p{
  background-position: -42px -42px;
}
#mainInfo .sns .gp p{
  background-position: 0 -84px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #mainInfo .sns li p{
    background-image: url(../../ic_social_prof_sprite_2x.png);
    -webkit-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}
#mainInfo .report{
  float: right;
  margin: 0 0 10px 5px;
  font-size: 81%;
  line-height: 1.3;
}
#mainInfo .report a{
  color: #999;
}
#mainInfo .settingSet{
  display: block;
  float: right;
  margin: 0 0 10px 5px;
  font-size: 81%;
  line-height: 1.3;
  text-align: center;
}
#mainInfo .settingSet:before {
  font-family:pt-icon;
  content:"\e601";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  font-size: 16px;
  color: #000;
  vertical-align: -2px;
}
#mainInfo .settingSet:hover {
  text-decoration: none;
}
#mainInfo .settingSet:hover span {
  text-decoration: underline;
}
#mainInfo .settingSet a{
  color: #999;
}
#mainInfo .bio{
  clear: both;
  margin: 0 10px;
  padding-bottom: 10px;
  color: #666;
  font-size: 81%;
}
/* .userControlPanel*/
.userControlPanel {
  display: block;
  position: absolute;
  top: 53px;
  right: 13px;
  z-index: 1100;
}
.userControlPanel .balloon {
  position: relative;
  padding: 5px 15px;
  margin-left: 5px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border: 1px solid #cfcfcf\9;/* IE78 */
  box-shadow: 2px 1px 3px 2px rgba(0,0,0,0.1);
  font-size: 87.5%;
  line-height: 1;
}
.userControlPanel::after, .userControlPanel::before {
  position: absolute;
  top: -5px;
  right: 40px;
  content: " ";
  height: 15px;
  width: 15px;
  -webkit-transform: rotate(50deg) skew(10deg);
  transform: rotate(50deg) skew(10deg);
}
.userControlPanel::after {
  background-color: #fff;
  background-image: none;
}
.userControlPanel::before {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  box-shadow: 1px -2px 5px 1px rgba(0,0,0,0.2);
}
.userControlPanel .balloon li {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
  z-index: 1130;
}
.userControlPanel .balloon li:last-child {
  border-bottom: none;
}
.userControlPanel .balloon li.last {
  border-bottom: none;
}
.userControlPanel .balloon a {
  position: relative;
  display: block;
  padding: 10px 0;
}
.userControlPanel .balloon a {
  position: relative;
  display: block;
  padding: 10px 0;
}
#infoWrapper .settingStatus {
  padding: 10px;
  background-color: #fff;
}
#infoWrapper .settingStatus p {
  padding: 5px;
  background: #FFEFB0;
  border: #FFD325 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 87.5%;
  font-weight: normal;
}
/* /.userControlPanel*/

/* viewSwitch */
#viewSwitch {
  border-top: 1px solid #EFEFEF;
  /zoom: 1;
}
#viewSwitch ul{
  background-color: #fff;
  width: 100%;
  display: block;
  /zoom:1;
  border-bottom: 2px solid #666;
}
#viewSwitch ul:after{content: "";  display: table;  clear: both;}
#viewSwitch ul li {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 81%;
  position: relative;
  width: 100%;
  /width: 100%;
  margin-bottom: -2px;
}
#viewSwitch ul.author li {
  width: 50%;
  /width: 50%;
}
#viewSwitch ul.author li a .num{
  right: 30px;
}
#viewSwitch ul.author li.current a {
  background: no-repeat url(../../bg_switch_cur.png) 50% 100% #fff;
}

#viewSwitch ul li a,#viewSwitch ul li p {
  display: block;
  background-color: #fff;
  border-bottom: 2px solid #666;
  outline: none;
  _zoom: 1;
  color: #666;
  font-weight: bold;
}
#viewSwitch ul li.current a,#viewSwitch ul li p {
  border-bottom: 2px solid #AAD22F;
}
#viewSwitch ul li a:link {
  color: #333;
}
#viewSwitch ul li a:hover {
  background-color: #f4f4f4;
  text-decoration: none;
}
#viewSwitch ul li.article a:after ,
#viewSwitch ul li.topic a:after {
  content: '';
  width: 2px;
  height: 3em;
  border-right: 1px solid #e1e1e1;
  position: absolute;
  top: 0.8em;
  right: 0;
}
#viewSwitch ul li.disabled a:hover {
  background-color: #fff;
}


/* contentsWrapper
==========================*/
/* commentOff */
.commentOffWr {
  border: 1px solid #e1e1e1;
  background-color: #fff;
}
.commentOff {
  width: 100%;
  padding: 40px 0;
  background-color: #fff;
}
.commentOff .commentOff_title {
  margin-bottom: 20px;
  text-align: center;
  color: #666;
}
.commentOff .commentOff_text {
  width: 400px;
  margin: 0 auto 20px auto;
  font-size: 84%;
  line-height: 1.2;
  color: #9b9b9b;
}
.commentOff .temporaryOn {
  text-align: center;
}
.commentOff .temporaryOn a {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #DDE0E6;
  border-radius: 3px;
  background-color: #f9f9f9;
  color: #545454;
  line-height: 1;
  text-decoration: none;
}
.commentOff .temporaryOn a:hover {
}

/* nodata */
#contentsWrapper .nodata {
  padding: 20px 0 0;
  text-align: center;
  font-size: 76%;
}
#contentsWrapper .nodata p {
  margin: 2em 0;
}

/* hd */
#contentsWrapper .hd {
	padding: 15px 10px;
	/zoom: 1;
	border-top: 1px solid #e1e1e1;
}
#contentsWrapper .hd:after{
  content: " ";
  display: table;
  clear: both;
}
#contentsWrapper .hd h1 {
  float: left;
  font-weight: bold;
  font-size: 112.5%;
  color: #8c8c8c;
  /zoom:1;
  text-shadow: 1px 1px 1px #fff;

}
#contentsWrapper .hd h1 .back{
  display: block;
  padding-left: 30px;
  background: no-repeat url(../../ic_prev_comment.png) 0 50%;
  font-size: 78%;/*87.5/112.5*/
}
#contentsWrapper .hd h1.ttl {
  display: none;
}

/* loading */
#contentsWrapper .loadmore {
  margin: 15px;
  padding: 0;
  text-align: center;
}
#contentsWrapper .loadmore .num{
	color: #999;
	padding-left: 15px;
	font-size: 87.5%;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#contentsWrapper .loadmore a.btnView {
  width: 100%;
  padding: 0.8em 0;
}

#contentsWrapper .loadmore .counter {
  font-size: 90%;
  color: #8c8c8c;
}
#contentsWrapper .loadingmore {
  min-height: 30px;
  _height: 30px;
  background: no-repeat url(../../loading24_w.gif) 50% 50% transparent;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #contentsWrapper .loadingmore {
    background-image: url(../../loading24_w_2x.gif);
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }
}
#contentsWrapper td.loadingmore {
  height: 2em;
}
#contentsWrapper .loadingmore a {
  visibility: hidden;
}


/* evalTotal
==========================*/
.evalTotal {
  display: block;
  overflow: hidden;
  background-color: #fff;
  color: #666;
}
.evalTotal ul.author{
	text-align: right;
}
.evalTotal li{
  display: inline-block;
  /display: inline;
  /zoom: 1;
  height: 38px;
  width: 25%;
  /width: 24.9%;
  vertical-align: middle;
  line-height: 20px;
  text-align: center;
  font-size: 81%;
}
.evalTotal li p{
  margin: 9px 0;
  border-right: solid 1px #e1e1e1;
}
.evalTotal li p em{
  padding: 3px 2px 3px 24px;
  margin-left: -13px;
  background: url(../../ic_comment_sprite.png?0804) no-repeat;
  font-weight: bold;
  font-size: 112.5%;
  font-family:Arial, Helvetica, sans-serif;
}
.evalTotal .eval{
  color: #8c8c8c;
}
.evalTotal .agree em{
  background-position: 5px -695px;
  color: #FF6666;
}
.evalTotal .disagree em{
  background-position: 5px -645px;
  color: #5F85D7;
}
.evalTotal .reply p{
  border-right: none;
}
.evalTotal .reply em{
  background-position: 7px -344px;
  color: #666;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .evalTotal li p em{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}
.evalTotal .good{
	margin: 0 15px;
	width: auto;
}
.evalTotal .good em{
	background: none;
	color: #B78700;
	font-size: 137.5%;
}
.evalTotal .good p{
	border: none;
}


/* .entry
==========================*/
#contentsWrapper .entry{/*cf*/
  zoom: 1;
}
#contentsWrapper .entry:after{/*cf*/
  content: "";
  display: block;
  clear: both;
}
#contentsWrapper .entry .thumb {
  position: static !important;
  top: auto !important;
  left: auto !important;
  float:left;
  margin-right: 10px;
}
#contentsWrapper .entry .title{
  display: inline-block;
  /display: inline;
  /zoom: 1;
  font-weight: bold;
  font-size: 90%;
  word-break: break-all;
  word-wrap: break-word;
  padding: 5px 0 0 20px;
  background: url(../../ic_wall_sprite.png) no-repeat -85px -144px;
  line-height: 1.5;
  min-height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#contentsWrapper .entry .title{
    background-image: url(../../ic_wall_sprite_2x.png);
    -webkit-background-size: 100px 300px;
    background-size: 100px 300px;
  }
}
#contentsWrapper .entry .txt{
  color: #717279;
}
#contentsWrapper .entry .source{
  display: inline;
  padding-left: 23px;
  font-size: 69%;
  color: #9B9B9B;
}
#contentsWrapper .entry .cts {
  margin-top: 15px;
  _zoom: 1;
}
#contentsWrapper .entry .smry {
  font-size: 76%;
  word-break: break-all;
  word-wrap: break-word;
}
#contentsWrapper .entry .ft{
  position: static;
  margin: 5px 0 0 0;
  font-size: 76%;
  color: #717279;
}
#contentsWrapper .entry .ft time{
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
#contentsWrapper .entry .ft .viewMore{
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
#contentsWrapper .entry .ft .viewMore a{
  padding-left: 18px;
  background: url(../../ic_commentbtn_gray.png) no-repeat 0 50%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #contentsWrapper .entry .ft .viewMore a{
    background-image: url(../../ic_commentbtn_gray_2x.png);
    -webkit-background-size: 14px 12px;
    background-size: 14px 12px;
  }
}

/* .comment
==========================*/
#contentsWrapper .bd .article{
	border-style: solid;
	border-color: #e1e1e1;
	border-width: 1px 0 0 ;
}
#contentsWrapper .bd .article .rics-column {
  padding: 10px 0 0;
  background-color: #fff;
  border-bottom: 1px solid #E1E1E1;
}

#contentsWrapper .commentListWrap .bd .entry{
  padding: 0 15px 15px 15px;
}
#contentsWrapper .commentListWrap .bd .footer{
  padding: 0 20px 20px;
}
#contentsWrapper .commentList {
  display: block;
}
#contentsWrapper .commentList .replyArea .inputArea{
  padding-bottom: 20px;
  background: #fff;
}


/* .topics
==========================*/
#contentsWrapper .topics{
	background: #fff;
	border-style: solid ;
	border-color: #e1e1e1;
	border-width: 0 1px 1px;
}

/* theme */
.themeSet {
	*zoom:1;
	margin-bottom: -1px;
	width: 280px;
	float: left;
	background: url(../../bg_border_short.png) no-repeat right bottom;
}
#contentsWrapper .topics ul{
	*zoom:1;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: -1px;
	overflow: hidden;
}
#contentsWrapper .topics ul:after,
.themeSet:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.themeSet .watchModule {
	float: right;
	padding: 10px 15px 10px 0;
	margin-top: 5px;
}
.themeSet .thumb {
	display: block;
	width: 48px;
	height: 48px;
	margin: 10px 0 10px 10px;
	float: left;
	text-align: center;
	position: relative;
}

.themeSet .thumb:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,0.06);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 48px;
	height: 48px;
	background: url(https://s.yimg.jp/images/jpnews/cre//common/all/images/spacer.gif);
}
.themeSet .thumb:hover:after {
	border: 1px solid rgba(0,0,0,0.24);
}
.themeSet .thumb span {
	display: block;
	width: 48px;
	height: 48px;
	display: table-cell;
	vertical-align: middle;
	layout-grid-line: 48px;
}
.themeSet .thumb img {
	vertical-align: middle;
}

.themeSet .themeLink {
	float: left;
	width: 80%;
	display: block;
	*zoom:1;
	text-decoration: none;
}

.themeSet .themeLink:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.linkbox .bd .themeSet .themeLink:hover{
  background-color:inherit;
  text-decoration:none;
}
.themeSet .themeLink:hover .themeTtl {
	text-decoration: underline;
}
.themeSet .themeLink .themeTtl {
	display: block;
	margin:18px 0 0 70px;
	padding-right: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.2;
}
.themeSet .themeLink .num {
	font-size: 68.75%;
	display: block;
	margin-left: 70px;
	color: #999;
	line-height: 1.4;
	font-family: Arial;
}
.themeSet .themeLink .num strong {
	font-size: 127.27273%;
	font-weight: bold;
	color: #333;
	margin-right: 3px;
}

#rics-sub .themeSet {
	width: 100%;
	float: none;
	margin-bottom: 0;
}
#rics-sub .themeSet .themeLink .themeTtl {
	margin: 10px 0 0 60px;
}
#rics-sub .themeSet .thumb{
	margin: 2px 0 2px 0;
}
#rics-sub .themeSet .themeLink{
	width: 80%;
}
#rics-sub .themeSet .themeLink .num{
	margin-left: 60px;
}




/* comment module
------------------------------------ */
#contentsWrapper .commentListWrap{
	background: #fff;
	border-style: solid;
	border-color: #e1e1e1;
	border-width: 0 1px 1px;
}
/* nav button */
.commentBox nav .prev,
.commentBox nav .next{
  display:inline-block;
  width: 18px;
  height: 22px;
  vertical-align: middle;
  outline: none;
}
.commentBox nav .prev{
  margin-right: 20px;
}
.commentBox nav .prev span,
.commentBox nav .next span{
  display: none;
}
.commentBox nav .enabled_n,
.commentBox nav .enabled_p{
  border: 1px solid #999;
  border-radius: 2px;
  background: no-repeat 50% 50% #fff;
}
.commentBox nav .enabled_n:hover,
.commentBox nav .enabled_p:hover{
  border: 1px solid #333;
}
.commentBox nav .enabled_p{
  background: url(../../ic_comment_sprite.png?0804) no-repeat 6px -144px;
}
.commentBox nav .enabled_n{
  background: url(../../ic_comment_sprite.png?0804) no-repeat 6px -44px;
}
.commentBox nav .disabled_n,
.commentBox nav .disabled_p{
  color: #ccc;
  border: 1px solid #dfdfdf;
  cursor: default;
  background: no-repeat 50% 50% #fff;
}
.commentBox nav .disabled_p{
  background: url(../../ic_comment_sprite.png?0804) no-repeat 6px -194px;
}
.commentBox nav .disabled_n{
  background: url(../../ic_comment_sprite.png?0804) no-repeat 6px -94px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .commentBox nav .enabled_p{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
  .commentBox nav .enabled_n{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
  .commentBox nav .disabled_p{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;  }
  .commentBox nav .disabled_n{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}

/* .btnView  */
.commentBox .btnView,
.inputArea .btnView{
  display: inline-block;
  /display: inline;
  cursor: pointer;
  margin: 0.2em 0;
  padding: 0.1em 0.5em;
  text-decoration: none;
  line-height: normal;
  border: 1px solid #d0d0d0;
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
  color: #333!important;
  background: #fefefe;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
  background-image: -moz-linear-gradient(top, #ffffff, #efefef);
  background-image: -o-linear-gradient(top, #ffffff, #efefef);
  background-image: -ms-linear-gradient(top, #ffffff, #efefef);
  background-image: linear-gradient(to bottom, #ffffff, #efefef);
  /zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF');
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.commentBox .btnView:hover,
.inputArea .btnView:hover {
  border-color: #aaa;
  border-color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  background: #fafafa;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -ms-linear-gradient(top, #fefefe, #eeeeee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
  /zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFEEEEEE');
}
.commentBox .btnView:active,
.inputArea .btnView:active  {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
}

.commentBox .btnView.primary,
.inputArea .btnView.primary {
  border-color: #A1BC4E #84A325 #718C20 #84A325 ;
  background: #9CC22C;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmZDczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MGI0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-size: 100%;
  background-image: -moz-linear-gradient(top,  #afd737 0%, #90b424 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afd737), color-stop(100%,#90b424));
  background-image: -webkit-linear-gradient(top,  #afd737 0%,#90b424 100%);
  background-image: -o-linear-gradient(top,  #afd737 0%,#90b424 100%);
  background-image: -ms-linear-gradient(top,  #afd737 0%,#90b424 100%);
  background-image: linear-gradient(to bottom,  #afd737 0%,#90b424 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd737', endColorstr='#90b424',GradientType=0 );
  /zoom: 1;
  color: #fff!important;
  text-shadow: rgba(12,46, 30, 0.4) 0 0 2px;
}
.commentBox .btnView.primary:hover,
.inputArea .btnView.primary:hover {
  border-color: #809345 #5E751A #516317 #5E751A;
  background: #91B524;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwYzgyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4N2E4MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #a0c828 0%, #87a822 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0c828), color-stop(100%,#87a822));
  background-image: -webkit-linear-gradient(top,  #a0c828 0%,#87a822 100%);
  background-image: -o-linear-gradient(top,  #a0c828 0%,#87a822 100%);
  background-image: -ms-linear-gradient(top,  #a0c828 0%,#87a822 100%);
  background-image: linear-gradient(to bottom,  #a0c828 0%,#87a822 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0c828', endColorstr='#87a822',GradientType=0 );
  background-size: 100%;
  /zoom: 1;
}
.commentBox .btnView[disabled],
.commentBox .btnView.disabled,
.commentBox .btnView.disabled:hover,
.inputArea .btnView[disabled],
.inputArea .btnView.disabled,
.inputArea .btnView.disabled:hover
{
  color: #999!important;
  cursor: default;
  background: #efefef;
  background-image: none;
  filter: none;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

.commentBox .emoticon,
.inputArea .emoticon
{
	display: block;
	width: 26px;
	height: 26px;
	background: url(../../ic_emoticon_sprite.png) no-repeat 0 0;
	text-indent: -9999px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .commentBox .emoticon,
  .inputArea .emoticon
  {
  	background-image: url(../../ic_emoticon_sprite_2x.png);
    webkit-background-size: 100px 250px;
    background-size: 100px 250px;
  }
}

.commentBox .emoticon.like     {background-position: 0px 0;}
.commentBox .emoticon.happy    {background-position: 0px -50px;}
.commentBox .emoticon.surprise {background-position: 0px -100px;}
.commentBox .emoticon.sad      {background-position: 0px -150px;}
.commentBox .emoticon.angry    {background-position: 0px -200px;}

.inputArea .emoticon.like              {background-position: -50px 0;}
.inputArea .emoticon.happy             {background-position: -50px -50px;}
.inputArea .emoticon.surprise          {background-position: -50px -100px;}
.inputArea .emoticon.sad               {background-position: -50px -150px;}
.inputArea .emoticon.angry             {background-position: -50px -200px;}

.inputArea .selected .emoticon.like
,.inputArea a:hover .emoticon.like{background-position: 0px 0;}
.inputArea .selected .emoticon.happy
,.inputArea a:hover .emoticon.happy{background-position: 0px -50px;}
.inputArea .selected .emoticon.surprise
,.inputArea a:hover .emoticon.surprise{background-position: 0px -100px;}
.inputArea .selected .emoticon.sad
,.inputArea a:hover .emoticon.sad{background-position: 0px -150px;}
.inputArea .selected .emoticon.angry
,.inputArea a:hover .emoticon.angry{background-position: 0px -200px;}

.commentBox .isShown .btnView,
.inputArea .isShown .btnView {
  border-color: #aaa;
  border-color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  background: #fafafa;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -ms-linear-gradient(top, #fefefe, #eeeeee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
  /zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFEEEEEE');
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
}
/* パネル
------------------------------------ */
.commentBox .panel *,.inputArea .panel{zoom:1;}
.commentBox .panel,
.inputArea .panel {
  position: absolute;
  top: 42px;
  width: 100%;
	margin: 0;
  border: 1px solid #999;
  -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, .2);
  -o-box-shadow: 3px 3px 0 rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 0 rgba(0, 0, 0, .2);
  background: #fff;
  line-height: 1.1;
  /zoom: 1;
}
.commentBox .panel .inr,
.inputArea .panel .inr{
  margin:114px 18px;
}
.inputArea.inputAreaSpn .panel .inr{
  margin:80px 18px;
}
.commentBox .panel .inr .bd,
.inputArea .panel .inr .bd{
  width: auto;
  margin-bottom: 10px;
  padding: 18px 5px !important;
}
.commentBox .panel .inr .bd p,
.inputArea .panel .inr .bd p{
  margin-bottom: 10px;
  text-align: center;
  font-size: 80%;
	line-height: 1.3;
}
.commentBox .panel .inr .ft,
.inputArea .panel .inr .ft{
  padding: 18px  0 0 0;
  border-top: 1px solid #e6e6e6;
  background: none;
  text-align: center;
  font-size :90%;
}
.commentBox .panel .inr .btnView,
.inputArea .panel .inr .btnView{
  padding: 12px;
	/padding: 8px 12px 16px;
  line-height: 1;
  font-weight: bold;
  vertical-align:middle;
}
.commentBox .panel .inr .ft .cancel,
.inputArea .panel .inr .ft .cancel{
  margin-left: 15px;
  vertical-align:middle;
	white-space: nowrap;
}
/* 入力エリア
------------------------------------ */
.inputArea{
  position: relative;
  /zoom: 1;
}
.inputArea form{
  position: relative;
  padding: 0 20px 20px 20px;
  _zoom: 1;
}

.commentList .inputArea{/*ヘッダにないときのみ*/
  /*margin-top: -1px;*/
	margin-bottom: -1px;
  background: no-repeat url(../../bg_sec_ft.png) 50% 0 #f8f8f8;
  border-bottom: 1px solid #E6E6E6;
}
.commentList .inputArea form{/*ヘッダにないときのみ*/
  padding-left: 48px;
	border: 0;
  background: no-repeat url(../../ic_response.png) 29px 7px;
  /zoom: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.commentList .inputArea form{
		  background-image: url(../../ic_response_2x.png);
			-webkit-background-size: 13px 14px;
			background-size: 13px 14px;
	}
}
/* inputAreaHd */
.inputArea .inputAreaHd{
  padding: 10px;
	overflow: hidden;
  /zoom: 1;
}
/*
.inputArea .msgBox {
  position: relative;
  float: left;
  width: 100%;
  z-index: 1;
}
.inputArea .closeIconArea {
  position: relative;
  overflow: hidden;
  float: right;
  z-index: 2;
}
*/

.inputArea .msgBox {
  margin: 10px 0 0 0;
}
.inputArea .closeIconArea {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 5px;
}

.inputArea .closeIcon{
  display: block;
  float: right;
  width: 21px;
  height: 21px;
  /*margin: 10px 5px 15px 0;*/
  margin: 0 5px 0 0;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 5px -245px;
  text-indent: -9999px;
  cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .inputArea .closeIcon{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}
.inputArea .closeIcon:hover {
  opacity: 0.6;
  /filter: alpha(opacity=60);
  -ms-filter: "alpha(Opacity=60)";
}
:root .inputArea .closeIcon:hover {
  -ms-filter: none;
}

/* alertBox */
.inputArea .alertBox{
	background:#FFEFB0;
	border:#FFD325 1px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:75%;
	width: 100%;
	}
.inputArea .alertBox .alert{
	margin:13px;
	width:auto;
}
.inputArea .alertBox .alert p{
  background: url(../../ic_comment_sprite.png?0804) no-repeat 0 -750px;
	padding-left:35px;
	margin:0 auto;
	min-height: 20px;
  _height: 20px;
	line-height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .inputArea .alertBox .alert p{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}

/* infoBox */
.inputArea .infoBox {
	background:#f1f8de;
	border:#aad230 1px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:75%;
	padding:10px;
	color: #384315;
}
.inputArea .infoBox .check {
	margin:0 auto;
	width:auto;
}
.inputArea .infoBox .check p {
  background: url(../../ic_comment_sprite.png?0804) no-repeat 0 -900px;
	padding-left:35px;
	margin:0 auto;
  min-height: 24px;
  _height: 24px;
	line-height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .inputArea .infoBox .check p {
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}

.inputArea dl{
  position: relative;
}

.commentList .inputArea dl{
  margin-left: 20px;
}

.inputArea .badge{
  float: left;
  margin-right: 10px;
}
.inputArea .inputAreaMain{
	overflow: hidden;
  /zoom: 1;
}
.inputArea .inputAreaMain:after{
  content: " ";
  display: table;
  clear: both;
}

.inputArea .dispName{
  min-height: 32px;
  _height: 32px;
  padding-right: 40px;
  margin-bottom: 20px;
  font-size: 112.5%;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  /zoom: 1;
}

.inputArea .dispName .btnView {
  margin-left: 5px;
  font-weight: normal;
  font-size: 77.8%; /* 87.5% / 112.5% */
  white-space: nowrap;
}

.inputArea .emoticonList{
  padding-bottom: 10px;/*IE6*/
}
.inputArea .emoticonList li{
  display: inline-block;
  /display: inline;
  margin-right: 5px;
  /zoom:1;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
.inputArea .emoticonList li a{
	display: block;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	width: 26px;
	height: 26px;
  padding: 2px;
  border: 2px solid #dfdfdf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
	background-color: #ffffff;
	cursor: pointer;
}
.inputArea .emoticonList li a:hover{
  border: 2px solid #bbb;
}
.inputArea .emoticonList .selected{
	background-color: #ffffff;
  border: 2px solid #bbb;
}
.inputArea .textInput{
	margin-bottom: 5px;
  padding: 0;
  border: 1px solid #e4e4e4;
  border-top: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #f5f5f5;
  /zoom: 1;
  /*overflow: hidden;*/
}
.inputArea .textInput .connectSet {
  padding: 8px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #eee;
  height:31px;
}
.inputArea .textInput .connectSet li{
  display: inline-block;
  /display: inline;
  margin-right: 8px;
  /zoom: 1;
}
.inputArea .textInput .connectSet .btnView{
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.inputArea .textInput .connectSet .btnView:after{
  content: ".";
  display: block;
  height:0;
  clear:both;
  visibility:hidden;
}
.inputArea .textInput .connectSet input.hidden{
  position: absolute;
  left: -9999px;
}
.inputArea .textInput .connectSet .btnView .chkBoxIcon{
	float:left;
	display:block;
  margin:0;
  padding:0 3px;
  height: 19px;
  width:17px;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 3px -1247px;
}
.inputArea .textInput .connectSet .btnView.current .chkBoxIcon{
  background: url(../../ic_comment_sprite.png?0804) no-repeat 3px -1297px;
}
.inputArea .textInput .connectSet .icFacebook {
  display:block;
  float:left;
  padding: 3px 8px 3px 22px;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 3px -997px;
  font-size: 78%;
  line-height: 16px;
  color: #333;
  text-decoration: none;
  border-left:1px #D6D6D6 solid;
}
.inputArea .textInput .connectSet .icTwitter {
  display:block;
  float:left;
  padding: 3px 8px 3px 22px;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 3px -1047px;
  font-size: 78%;
  line-height: 16px;
  color: #333;
  text-decoration: none;
  border-left:1px #D6D6D6 solid;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .inputArea .textInput .connectSet .icFacebook {
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
  .inputArea .textInput .connectSet .icTwitter {
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
  .inputArea .textInput .connectSet .btnView .chkBoxIcon{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
  .inputArea .textInput .connectSet .btnView.current .chkBoxIcon{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}

.inputArea .textInput .connectSet .beforeConnect .icFacebook,
.inputArea .textInput .connectSet .beforeConnect .icTwitter{
  background: url(../../ic_comment_sprite.png?0804) no-repeat 5px -295px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .inputArea .textInput .connectSet .beforeConnect .icFacebook,
  .inputArea .textInput .connectSet .beforeConnect .icTwitter{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}
.inputArea .textInput .connectSet .btnView.current{
	  border-color: #B2B2B2 #D3D3D3 #E4E4E4 #D3D3D3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #f0f0f0, #ffffff);
  background-image: -moz-linear-gradient(top, #f0f0f0, #ffffff);
  background-image: -o-linear-gradient(top, #f0f0f0, #ffffff);
  background-image: -ms-linear-gradient(top, #f0f0f0, #ffffff);
  background-image: linear-gradient(to bottom, #f0f0f0, #ffffff);
}
.inputArea .textInput .connectSet .twSet,
.inputArea .textInput .connectSet .fbSet {
  display: inline-block;
  /display: inline;
  vertical-align: middle;
}
.inputArea .textInput label{
  display: block;
  border-left: 1px solid #f8f8f8;
  background: #fff;
  overflow: hidden;
  /zoom:1;
}
.inputArea .textInput textarea{
  display: block;
  width: 99.9%;
  height: 128px;
  padding: 10px;
  /padding: 0;
  border: 0;
  background: transparent;
	font-sizwe: 90%;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  resize: vertical;
  /zoom:1;
  margin:0 auto;
}
.inputArea .textInput.focusInputArea label{
border:#56B4EF 1px solid;
box-shadow: 0 0 6px rgba(86, 180, 239, 1);
-webkit-box-shadow: 0 0 6px rgba(86, 180, 239, 1);
-moz-box-shadow: 0 0 6px rgba(86, 180, 239, 1);
}
/* noticeSettingBox */
.inputArea .noticeSettingBox{
  margin: 20px 0 10px 0;
  padding:10px 10px 0;
  border: 1px solid #e4e4e4;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  line-height: 1.3;
  background-color:#fff;
}
.inputArea .noticeSettingBox strong{
  font-size: 87.5%;
	display:inline-block;
	line-height:20px;
}
.inputArea .noticeSettingBox .helpTxt{
	position:relative;
	left:10px;
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	border:1px #D6D6D6 solid;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -ms-linear-gradient(top, #fefefe, #eeeeee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
  text-align:center;
}
.inputArea .noticeSettingBox .helpTxt a{
	font-weight:bold;
	color:#666;
}
.inputArea .noticeSettingBox .helpTxt a:hover{
	text-decoration:none;
}
.inputArea .noticeSettingBox .infoTxt{
  margin-top:10px;
}
.inputArea .noticeSettingBox dl {
	margin-top:20px;
  font-size: 75%;
  /zoom: 1;
}
.inputArea .noticeSettingBox dl:after{
  content: "";
  display: table;
  clear: both;
}
.inputArea .noticeSettingBox dt {
  clear: both;
  float: left;
  width: 120px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #767676;
}

.inputArea .noticeSettingBox dd{
  overflow: hidden;
  margin-bottom: 10px;
  vertical-align: text-top;
  /zoom: 1;
}
.inputArea .noticeSettingBox dd:after{
  content: "";
  display: table;
  clear: both;
}
.inputArea .noticeSettingBox dd input{
  float: left;
  margin-right: 5px;
}
.inputArea .noticeSettingBox dd label span{
  display: block;
  overflow: hidden;
}
.inputArea .noticeSettingBox dd em.mail {
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
}
.inputArea .noticeSettingBox dd .caption{
  margin-top: 10px;
  font-size: 100%;
  color: #767676;
}
.inputArea .noticeSettingBox dd .caption li{
  margin-bottom: 5px;
  /zoom: 1;
}
.inputArea .noticeSettingBox dd .caption li:after{
  content: "";
  display: table;
  clear: both;
}
.inputArea .noticeSettingBox dd .caption li span{
  float: left;
  margin-right: 2px;
}
.inputArea .noticeSettingBox dd .caption li p{
  overflow: hidden;
}

.inputArea .agreement{
  margin-bottom: 10px;
  color: #717279;
  font-size: 75%;
}
.inputArea .btnArea {
	padding-top: 5px;
  text-align: right;
}
 .inputArea .btnArea .count{
  margin-right: 10px;
  font-size: 87.5%;
  color: #666;
  vertical-align: middle;
}
 .inputArea .btnArea .error{
  color: #f30;
}

.inputArea .btnArea .btnView{
  display: inline-block;
  /display: inline;
  width: 198px;
  height: 38px;
  line-height: 38px;
  margin: 0;
  padding: 0;
  font-size: 87.5%;
  font-family: "メイリオ", Arial,"ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
  font-weight: bold;
  text-shadow: 0 -1px 1px #667d1e;
  vertical-align: middle;
  /zoom: 1;
}
/* loading */
.inputArea .btnArea .processing,
.inputArea .btnArea .processing:hover,
.inputArea .btnArea .processing:active{
  border: 0;
  background: no-repeat url(../../loading16_g.gif) 50% 50% transparent;
  -webkit-background-size: auto;
  background-size: auto;
  cursor: default;
  text-indent: -9999px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .inputArea .btnArea .processing,
  .inputArea .btnArea .processing:hover,
  .inputArea .btnArea .processing:active{
    background-image: url(../../loading16_g_2x.gif);
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.inputArea .btnArea .disabled{
  text-shadow: none;
  cursor: not-allowed !important;
}


/* コンパクト表示 */
.commentBox .inputAreaCompact {
  padding: 20px;
}
.commentBox .inputAreaCompact .badge{
  float: left;
  margin-right: 10px;
}
.commentBox .inputAreaCompact .textInput{
  margin-bottom: 5px;
  padding: 0;
  border: 1px solid #e4e4e4;
  border-top: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  /zoom: 1;
  overflow: hidden;
}
.commentBox .inputAreaCompact .textInput.focusInputArea{
border:#56B4EF 1px solid;
box-shadow: 0 0 6px rgba(86, 180, 239, 1);
-webkit-box-shadow: 0 0 6px rgba(86, 180, 239, 1);
-moz-box-shadow: 0 0 6px rgba(86, 180, 239, 1);
}
.commentBox .inputAreaCompact .textInput textarea{
  display: block;
  width: 99.9%;
  height: 30px;
  padding: 5px 10px;
  /padding: 0;
  border: 0;
  background: transparent;
  font-size: 81%;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /zoom:1;
  resize: none;
}



/* スマートフォンだけの入力エリア */
.inputAreaSpn{
  position: relative;
  margin: 0;
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background: #efefef;
}

.inputAreaSpn .closeIconArea{
  margin-top: -10px;
}

.inputAreaSpn .closeIcon {
  text-indent: -9999px;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 0 -245px;
  font-size: 87.5%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .inputAreaSpn .closeIcon {
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}
.inputAreaSpn .closeIcon:hover {
  opacity: 1;
  /filter: none;
  -ms-filter: none;
}
:root .inputAreaSpn .closeIcon:hover {
  -ms-filter: none;
}
.inputAreaSpn form{
  z-index: 1;
}

.inputAreaSpn .inputAreaTitle {
  display: block;
  width: 100px;
  height: 30px;
  margin-bottom: -10px;
  padding-left: 30px;
 /* background: url(../../bg_comment_title.png) no-repeat 0 0;*/
  font-size: 78%;
  font-weight:bold;
  text-align: left;
  line-height: 20px;
  z-index: 2;
}

/* コメントボタン（スマートフォン）
------------------------------------ */
.commentBox .commentBtnSpn{
  padding: 10px;
}
.commentBox .commentBtnSpn .btnView{
  display: block;
  padding: 9px;
  font-size: 87.5%;
  font-weight: bold;
  text-align: center;
}
.commentBox .commentBtnSpn .icWrite {
  padding-left: 24px;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 0 -1100px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .commentBox .commentBtnSpn .icWrite {
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}

/* Wallの返信ボタン（スマートフォン）
------------------------------------ */
.commentBox .replyBtnSpn{
  margin: 0 0 0 68px;
  padding: 10px 68px 10px 0;
  border-top: 1px solid #E6E6E6;

}
.commentBox .replyBtnSpn .btnView{
  display: block;
  padding: 5px 9px;
  font-size: 87.5%;
  font-weight: bold;
  text-align: center;
}
.commentBox .replyBtnSpn span {
  padding-left: 30px;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 9px -348px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .commentBox .replyBtnSpn span {
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}




/* ヘッダ
------------------------------------ */

.commentBox header.hd{
  position: relative;
  _zoom: 1; /* ie6 */
}
.commentBox header.hd h1{
  display: inline-block;
  /display: inline;
  font-size: 87.5%;
  font-weight: bold;
  /zoom: 1;
}
.commentBox header.hd nav{
  position: static;
  top: auto;
  right: auto;
  float: right;
}

.commentBox header.hd{
  overflow: hidden;
  padding: 6px 10px;
  border-bottom: 1px solid #e6e6e6;
}
.commentBox header.hd h3{
  /margin-right: 10px;
}
.commentBox header.hd p{
  float: left;
  height: 25px;
  line-height: 25px;
  color: #333;
  font-size: 75%;
}
.commentBox header.hd .title{
  float: left;
}
/* ボディー
------------------------------------ */

.commentBox .bd{
  padding: 0 !important;
}
.commentBox .notice a{
  display: block;
  margin: 20px 20px 20px 20px;
  padding: 9px;
  border: 1px solid #e3d89f;
  border-left: 1px solid #dfd49d;
  border-right: 1px solid #dfd49d;
  border-bottom: 1px solid #cac08a;
  background: #ffffcc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 87.5%;
  text-align: center;
  /zoom: 1;
}

.commentBox .errorBox a{
  display: block;
  margin: 20px 20px 10px 20px;
  padding: 9px;
  border: 1px solid #e3d89f;
  border-left: 1px solid #dfd49d;
  border-right: 1px solid #dfd49d;
  border-bottom: 1px solid #cac08a;
  background: #ffffcc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 87.5%;
  text-align: center;
  /zoom: 1;
}

/* フッター
------------------------------------ */
.commentBox .ft{
  position: relative;
  margin: 0;
  padding: 20px;
  background: no-repeat url(../../bg_sec_ft.png) 50% 0 #f8f8f8;
  text-align: right;
  line-height: 1.1;
  /zoom:1;
}
.commentBox .ft:after{
  content: ".";
  display: block;
  height:0;
  clear:both;
  visibility:hidden;
}

/*全てのコメントを見る*/
.commentBox .ft .viewAllComments{
  float: right;
  display: block;
  padding-right: 40px;
  background: no-repeat url(../../ic_next_comment.png) right 50%;
  text-decoration: none;
}
.commentBox .ft .viewAllComments span{
  font-size: 87.5%;
}
.commentBox .ft .viewAllComments:hover span{
  text-decoration: underline;
}
.commentBox .ft .viewAllComments .count{
  display: block;
  margin-top: 5px;
  color: #71727a;
  font-size: 75%;
}
.commentBox .ft .viewAllComments:hover .count{
  text-decoration: none;
}
.commentBox .ft .count{
  font-size: 75%;
}


/* コメントのリスト本体
------------------------------------ */
.commentBox .listArea .hd{
  padding: 10px 20px;
}
.commentBox .listArea .hd .next{_position:static;}
.commentBox .listArea .hd .prev{_position:static;}

.commentBox .commentList li{
  position: relative;
  /zoom: 1;
  /vertical-align: middle;
}
.commentBox .commentList{
	background: #FAFAFA;
}

/* パーマリンク
------------------------------------ */
.commentBox .commentList .parmalink{
  background-color: #E8FEDA !important;
}

/* オーサーの書いた本人コメント
------------------------------------ */

.commentBox .commentList .author{
  background-color: #FFFFE8 !important;
}
.commentBox .authorText{
	position: absolute;
	top: -18px;
	right: 0;
	display: block;
	width: 48px;
	height: 37px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../../ic_author_symbol.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.commentBox .authorText{
		background-image:url(../../ic_author_symbol_2x.png);
		background-size:48px 37px;
		-webkit-background-size:48px 37px;
	}
}
/* コメントの1コメント
------------------------------------ */


.commentBox .commentList .action {
  position: relative;
  /*background: no-repeat url(../../bg_subinfo.png) 50% 0 #fafafa;*/
  /zoom: 1;
  /vertical-align: text-bottom;
}
.commentBox .commentList .action:after{
  content: ".";
  display: block;
  height:0;
  clear:both;
  visibility:hidden;
}
.commentBox .commentList .action .root{
	padding: 10px 15px;
}

.commentBox .commentList .action .comment {
  margin-bottom: 2px;
  padding: 0 0 0 48px;
  font-size: 87.5%;
  word-break: break-all;
  word-wrap: break-word;
	line-height: 1.5;
}
.commentBox .commentList .action.author .comment{
	padding-left: 43px;
}
.commentBox .commentList .action .commentCite{
  margin: 0 0 15px 48px;
  padding: 5px 0 5px 20px;
  border-top: 1px solid #e6e6e6;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 0 -545px;
  font-size: 75%;
	line-height: 1.5;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.commentBox .commentList .action .commentCite{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
	}
}
.commentBox .commentList .action .commentCite a{
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.commentBox .commentList .action header{
  position: relative;
  min-height: 32px;
  _height: 32px;
  margin-top: 3px;
  padding: 0 5em 2px 48px;
  /padding: 0 5em 2px 0;
  border:0;
  font-size: 75%;
  color: #717279;
  /zoom: 1;
}
.commentBox .commentList .action.author header{
	padding-left:43px;
}
.commentBox .commentList .action footer {
  padding: 0 0 0 48px;
  overflow: hidden;
  /zoom: 1;
}
.commentBox .commentList .action .name{
	display: inline-block;
  	/zoom:1;
    /display: inline;
    vertical-align: middle;
	font-size: 100%;
	line-height: 1.1;
	/margin-left:48px;
}
.commentBox .commentList .action .name em,
.commentBox .commentList .action .name a {
  font-weight: bold;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
}

/* device specific */
#device_spn .commentBox .commentList .action .name a:link,
#device_tablet .commentBox .commentList .action .name a:link{
  color: #3E5271;
}
#device_spn .commentBox .commentList .action .name a:visited,
#device_tablet .commentBox .commentList .action .name a:visited{
  color: #663D98;
}

.commentBox .commentList .action .date {
	display: inline-block;
  /display: inline;
  /zoom:1;
	line-height: 1.1;
  color: #9B9B9B !important;

}
.commentBox .commentList .action a:hover .date {
    text-decoration: underline;
}
.commentBox .commentList .action .pipe {
	display: inline-block;
  /display: inline;
  /zoom:1;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.commentBox .commentList .response .action {
	margin-left: 45px;
	border-left: 3px solid #E6E6E6;
}
.commentBox .commentList .response .viewMoreResponse{
  padding-left: 48px;
  background : none;
  font-size: 87.5%;
}
.commentBox .commentList .response .viewMoreResponse p{
	margin-left: 20px;
  padding: 15px 0;
  border-top: 1px solid #E6E6E6;
}
.commentBox .commentList .response article {
  position: relative;
	margin-left: 10px;
	padding: 10px 10px 10px 0;
  border-top: 1px solid #F0F0F0;
  /zoom: 1;
}
.commentBox .commentList .action article.root{
	border-top: 1px solid #F0F0F0;
}
.commentBox .commentList .compactForm {
    padding-left: 48px;
    border: 0;
    background: no-repeat url(../../ic_response.png) 29px 17px;
}
.commentBox .commentList .inputAreaCompact{
  margin-left: 20px;
  padding: 10px 10px 5px 0px;
  border-top: 1px solid #e6e6e6;
}
/*
.commentBox .commentList .response .del article {
  padding: 20px 0 0;
  overflow: hidden;
}
.commentBox .commentList .response .del article .comment {
  min-height: 20px;
  padding-left: 40px;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 5px -800px;
}
*/
.commentBox .commentList .action .thumb span{
  display: block;
  position: relative;
}
.commentBox .commentList .action .thumb .emoticon{
  position: absolute;
  top: -8px;
  left: 20px;
}
.commentBox .commentList .action .thumb {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
}

.commentBox  .commentList header .violation,
.commentBox  .commentList header .delete{
  position: absolute !important;
  right: 0;
  top:0;
  margin: 0;
  margin: 0 0 0 10px;
}
.commentBox .commentList .author header{
  margin-bottom: 5px;
}
.commentBox .commentList .author header .violation{
  top: 20px !important;
  right: 15px !important;
}
.commentBox .commentList .action .reply{
  float: left;
	margin-right: 10px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.commentBox .commentList .action .reply .btnView{
	margin: 0;
	padding: 1px 0;
	line-height: 20px;
}
.commentBox .commentList .action .reply span{
  display: block;
  padding: 0 10px 0 30px;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 9px -346px;
  color: #666;
  font-size: 77.5%;
  font-weight: bold;
}
.commentBox .commentList .action .reply span.num{
  display: inline-block;
  margin-left: 6px;
  padding: 2px .3em;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  background: #fff;
  font-size: 68%;
  position: relative;
  vertical-align: middle;
}
.commentBox .commentList .action .reply span.num:after,
.commentBox .commentList .action .reply span.num:before{
  right: 100%;
  border: solid transparent;
  border: solid rgba(255,255,255,0); /* for firefox */
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.commentBox .commentList .action .reply span.num:after{
  border-right-color: #fff;
  border-width: 4px;
  top: 50%;
  margin-top: -4px;
}
.commentBox .commentList .action .reply span.num:before{
  border-right-color: #dfdfdf;
  border-width: 5px;
  top: 50%;
  margin-top: -5px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.commentBox .commentList .action .reply span{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
	}
}
.commentBox .commentList .action .replyNum{
  float: left;
	margin-right: 10px;
  /zoom: 1;
}
.commentBox .commentList .action .replyNum span{
  display: inline-block;
  min-width: 70px;
  _width: 70px;
  border: 1px solid #dfdfdf;
  background: #fff url(../../ic_comment_sprite.png?0804) no-repeat 9px -344px;
	line-height: 26px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #666;
  font-weight: bold;
  /zoom: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .commentBox .commentList .action .replyNum span{
    background-image: url(../../ic_comment_sprite_2x.png?080);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
	}
}
.commentBox .commentList .action .replyNum a{
  display: block;
  padding: 0 10px 0 30px;
  color: #666;
  text-align: center;
  /zoom: 1;
}

/* device specific */
#device_tablet .commentBox .commentList .action .replyNum a:link,
#device_spn .commentBox .commentList .action .replyNum a:link{
  color: #39596C;
}
#device_tablet .commentBox .commentList .action .replyNum a:visited,
#device_spn .commentBox .commentList .action .replyNum a:visited{
  color: #663D98;
}


/*「そう思う「そう思わない」*/
/*
【削除】ボタンを左右に分けるパターン
.commentBox .commentList .action .reaction {
	float: right;
}
.commentBox .commentList .action .reaction li {
  display: inline-block;
  /display: inline;
  margin-right: 10px;
  padding: 0;
  background: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 87.5%;
  /zoom:1;
  /vertical-align: middle;
}*/

/*「そう思う「そう思わない」*/
.commentBox  .commentList .action footer{
	position: relative;
}
.commentBox .commentList .action .reaction {
  float: right;
}
.commentBox .commentList .action .reaction li {
  display: inline-block;
  /display: inline;
  padding: 0;
  background: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  /zoom:1;
  /vertical-align: middle;
}
.commentBox .commentList .action .reaction li.good a{
	border-right: none;
}
.commentBox  .commentList .action .reaction .violation,
.commentBox  .commentList .action .reaction .delete{
   padding: 5px 0 2px 10px;
	position: absolute;
	right: 0;
	top: 0;
 }
 .commentBox  .commentList .action .reaction .violation a,
 .commentBox  .commentList .action .reaction .delete a{
   display:inline-block;
   /display:inline;
   /zoom:1;
 }
.commentBox .commentList .action .reaction li h4 {
  display: none;
}
.commentBox .commentList .action .reaction li .txt{
    font-weight: bold;
    color: #333;
}
.commentBox .commentList .action .reaction li em {
  font-weight: bold;
  display: inline-block;
  min-width: 38px;
  text-align: center;
  vertical-align: middle;
}
.commentBox .commentList .action .reaction li .referenceBtn{
      padding: 0 14px 0 15px;
      border-radius: 3px;
}
.commentBox .commentList .action .reaction li .referenceBtn span{
  display: inline-block;
  /display: inline;
  min-height: 10px;
  padding: 5px 0 5px 0;
  vertical-align: middle;
  zoom: 1;
}
.commentBox .commentList .action .reaction li .referenceBtn .txt{
  padding-left: 17px;
  display: inline-block;
  background: url('https://s.yimg.jp/images/news/v2/ic_light.png') no-repeat center left;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .commentBox .commentList .action .reaction li .referenceBtn .txt{
    background-image: url('https://s.yimg.jp/images/news/v2/ic_light_2x.png');
    background-size:12px 17px;
    -webkit-background-size:12px 17px;
  }
}
.commentBox .commentList .action .reaction li .referenceBtn em{
  color: #B78700;
}
.commentBox .commentList .action .reaction li .referenceBtn .disabled{
  border: 1px solid #BFBFBF;
  cursor: default;
  background: #f0f0f0;
}
.commentBox .commentList .action .reaction li .referenceBtn.processing{
  background: #fff url(../../loading16_g.gif) no-repeat 38px 50% !important;
  padding:0 20px 0 4.86em;
}
.commentBox .commentList .action .reaction li .referenceBtn.processing .txt{
  background-image: none !important;
}
.commentBox .commentList .action .reaction li .referenceBtn.processing em{
    min-width: auto !important;
}
.commentBox .commentList .action .delCommentBtn {
  font-size: 81%;
}
.commentBox .commentList .action .reactionAlertBox {
  clear: both;
  padding-top: 10px;
}
.commentBox .commentList .action .reactionAlertBox p {
  padding: 5px 13px;
  background:#FFEFB0;
  border:#FFD325 1px solid;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  font-size:75%;
}

/* agree
==========================*/
.commentBox .agreeBtn,
.commentBox .disagreeBtn,
.commentBox .goodBtn,
.commentBox .referenceBtn
{
  display: inline-block;
  min-width: 70px;
  _width: 70px;
  /zoom: 1;
  border: 1px solid;
  border-color: #e3e3e3 #cecece #b4b4b4 #cecece;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  text-align: center;
  white-space: nowrap;
  color: #4c4c4c;
  outline: none;
  vertical-align:middle;
 line-height:16px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  cursor: pointer;
}

/* hover */
.commentBox .agreeBtn:hover,
.commentBox .disagreeBtn:hover,
.commentBox .goodBtn:hover,
.commentBox .referenceBtn:active{
  border: 1px solid #aaa;
  text-decoration: none;
}

/* active */
.commentBox .agreeBtn:active,
.commentBox .disagreeBtn:active,
.commentBox .goodBtn:active,
.commentBox .referenceBtn:active
{
  border: 1px solid #aaa;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
}

/* done */
.commentBox .agreeBtn.done,
.commentBox .disagreeBtn.done,
.commentBox .goodBtn.done,
.commentBox .referenceBtn.done
{
  border: 1px solid #BFBFBF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px inset;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px inset;
  cursor: default;
  background: #f0f0f0;
  }

/* disabled */
.commentBox .agreeBtn.disabled,
.commentBox .disagreeBtn.disabled,
.commentBox .goodBtn.disabled,
.commentBox .referenceBtn.disabled
{
  border: 1px solid #dfdfdf;
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: none;
  -ms-filter: none;
  cursor: default;
  -webkit-tap-higilight-color: rgba(0,0,0,0);
}

/* loading */
.commentBox .agreeBtn.processing,
.commentBox .disagreeBtn.processing,
.commentBox .goodBtn.processing,
.commentBox .referenceBtn.processing
{
  border: 1px solid;
  border-color: #e3e3e3 #cecece #b4b4b4 #cecece;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #fff url(../../loading16_g.gif) no-repeat  3px 50%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: none;
  -ms-filter: none;
  cursor: default;
}
.commentBox .agreeBtn.processing span,
.commentBox .disagreeBtn.processing span,
.commentBox .goodBtn.processing span,
.commentBox .referenceBtn.processing span
 {
  padding: 4px 5px 4px 25px;
  background: none;
}
.commentBox .agreeBtn.processing .txt,
.commentBox .disagreeBtn.processing .txt,
.commentBox .goodBtn.processing .txt,
.commentBox .referenceBtn.processing .txt {
  min-height: none;
  padding: 0;
  color: #666;
  font-weight: normal;
  font-family: inherit;
  font-size: 75%;
}

.commentBox .agreeBtn{
	border-radius: 3px 0 0 3px;
}
.commentBox .disagreeBtn{
	border-radius: 0 3px 3px 0;
}

/* icon */
.commentBox .agreeBtn span,
.commentBox .disagreeBtn span,
.commentBox .goodBtn span{
  display: block;
	 min-height: 10px;
  padding: 3px 5px 3px 25px;
  vertical-align: middle;
  zoom:1;
}
.commentBox .goodBtn span{
	padding: 4px 10px;
	font-weight: bold;
}
.commentBox .goodBtn span em{

	color: #B78700;
	margin-left: 4px;
}
.commentBox .agreeBtn span{
  background: url(../../ic_comment_sprite.png?0804) no-repeat 5px -1394px;
  color: #FF6666;
}
.commentBox .agreeBtn.done span{
  background-position: 5px -694px !important;
}
.commentBox .disagreeBtn span{
  background: url(../../ic_comment_sprite.png?0804) no-repeat 5px -1344px;
  color: #5F85D7;
}
.commentBox .disagreeBtn.done span{
  background-position: 5px -644px !important;
}

/* high-res */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .commentBox .agreeBtn span{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
  .commentBox .disagreeBtn span{
    background-image: url(../../ic_comment_sprite_2x.png?0804);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }

  /* loading */
  .commentBox .agreeBtn.processing,
  .commentBox .disagreeBtn.processing,
  .commentBox .referenceBtn.processing{
    background-image: url(../../loading16_g_2x.gif);
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}

/* コメントの1コメント（削除ダイアログ）
------------------------------------ */
.commentBox .commentList .deleteDialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /zoom: 1;
}
.commentBox .commentList .deleteDialog .mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #000 !important;
  background: rgba(0, 0, 0, 0.58) !important;
  filter: alpha(Opacity=58) !important;
  -ms-filter: "alpha(Opacity=58)" !important;
}
/* IE9+ , modern */
:root .commentBox .commentList .deleteDialog .mask{
  filter: none !important;
  -ms-filter: none !important;
}
.commentBox .commentList .deleteDialog table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  vertical-align: middle;
}
.commentBox .commentList .deleteDialog p{
  padding: 0 15px 25px;
  color: #fff;
  font-size: 87.5%;
  font-weight: bold;
  text-align: center;
}
.commentBox .commentList .deleteDialog ul{
  color: #fff;
  text-align: center;
}
.commentBox .commentList .deleteDialog ul li{
  display: inline-block;
  /display: inline;
  padding: 0 10px;
  /zoom: 1;
}
.commentBox .commentList .deleteDialog .btnView{
  padding: 12px 30px;
  line-height: 1;
  font-size: 87.5%;
  font-weight: bold;
  vertical-align: middle;
}
/* コメントの1コメント（削除）
------------------------------------ */
.commentBox .commentList .deleted{
  padding: 30px;
  background: url(../../ic_comment_sprite.png?0804) no-repeat 30px -773px;
  line-height: 1.1;
  /zoom: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.commentBox .commentList .deleted{
    background-image: url(../../ic_comment_sprite_2x.png);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
	}
}
.commentBox .commentList .deleted p{
  margin-left: 38px;
  font-size: 90%;
}

.commentBox .commentList .response .deleted{
  margin-left: 20px;
  padding: 30px 20px;
  background-position: 10px -773px;
  border-top: 1px solid #e6e6e6;
}
.commentBox .commentList .response .deleted p{
  margin-left: 28px;
}

/* resultInfo */
.commentBox .resultInfo {
  font-size:75%;
  padding: 0 20px 20px 0;
  color: #384315;
}
.commentBox .resultInfo .check {
  margin:0 auto;
  width:auto;
}
.commentBox .resultInfo .check p {
  background: url(../../ic_comment_sprite.png?0804) no-repeat 0 -900px;
  padding-left:35px;
  margin:0 auto;
  min-height: 24px;
  _height: 24px;
  line-height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .commentBox .resultInfo .check p {
    background-image: url(../../ic_comment_sprite_2x.png);
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
  }
}
/* コメント告知 */
.NoticeColumn{
	margin: 15px 10px;
	background-color:#EBF0FA;
	border:1px #B0C3EB solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	line-height:1.1em;
}
.NoticeColumn p{
	margin:12px 20px;
	padding-left:30px;
	line-height:26px;
	background:url(../../ic_comment_sprite.png?0804) no-repeat 0 -1250px;
	vertical-align:middle;
	font-size:14px;
}
.NoticeColumn p a{display:inline-block;}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.NoticeColumn p{
		margin:12px 10px;
		background:url(../../ic_comment_sprite_2x.png?0804) no-repeat 0 -1250px;
    -webkit-background-size: 50px 1450px;
    background-size: 50px 1450px;
	}
}

/* subBox
========================*/
.subBox {
  margin-bottom: 20px;
  text-align: center;
}
/* rics-sub
========================== */
.cmnbox{
  margin-bottom: 20px;
}
.cmnbox header h1{
  font-weight: bold;
  line-height: 1.5; /*for Andr2.3*/
}
.cmnbox .bd{
  border-bottom: 1px solid #e1e1e1;
}
.cmnbox .bd li{
  border-top: 1px solid #dadada;
}
.cmnbox .ft{
  padding-top: 5px;
  text-align: right;
  font-weight: bold;
  font-size: 81%;
}
.cmnbox .icPhoto{
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../../ic_common_sprite.png) no-repeat;
  margin-left: 5px;
  width: 14px;
  height: 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .cmnbox .icPhoto{
    background-image: url(../../ic_common_sprite_2x.png);
    -webkit-background-size: 25px 385px;
    background-size: 25px 385px;
  }
}
.linkbox .bd li a{
  display: block;
  *zoom: 1;
  padding: 8px 0;
  *vertical-align:top;
}
.linkbox .bd li a:hover{
  background-color:#EAEEF2;
  text-decoration:none
}
.linkbox .bd li a .ttl:hover {
  text-decoration: underline;
}
.linkbox .bd li {
  line-height: 1.3;
}
.linkbox .bd li a .cap {
  display: block;
}

/* listbox
==========================*/
.listbox .bd li a .cap:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.listbox .bd li a .thumbnail {
  float: right;
  display: block;
  padding-left: 10px;
}
.listbox .bd li a .ttl {
  padding-right: 5px;
  font-size: 81%;
}
.listbox .bd li a .source,
.listbox .bd li a .date {
  padding-right: 5px;
  color: #666;
  font-size: 75%;
}
.listbox .bd li a .com_count{
  display: block;
  padding-top: 5px;
  font-size: 75%;
  color: #666;
  margin-left: -10px;
}
.listbox .bd li a .com_count .num{
  padding: 0 3px 0 18px;
  background: url(../../ic_commentbtn_gray.png) no-repeat 0 center;
  color: #85B200;
  font-weight: bold;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .listbox .bd li a .com_count .num{
    background-image:url(../../ic_commentbtn_gray_2x.png);
    background-size: 14px 12px;
  }
}
.listbox .bd li a .com_count .ganre{
  padding-left: 3px;
}

/* rankbox
==========================*/
.rankbox .bd li a .rankNum {
  display: block;
  float: left;
  padding-left: 7px;
  font: italic bold 125% Arial, Helvetica, sans-serif;
  color: #333;
}
.rankbox ol.bd li a .cap {
  margin-left: 30px;
}
.rankbox ul.bd li a .cap {
  margin-left: 0;
}

.author_mod{
  position: relative;
  background: #85B200;
  padding:5px 10px 5px 80px;
  margin-bottom: 10px;
  line-height: 1.1;
  *zoom: 1;
}
.author_mod:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.ic_author{
  position: absolute;
  top: -8px;
  left: 10px;
  text-indent: -9999px;
  width: 68px;
  height: 57px;
  background: url(../../ic_author_b.png) no-repeat;
}
.author_mod .hd_text{
  float: left;
  color: #fff;
}
.author_mod .hd_text .ttl{
  display: block;
  font-weight: bold;
  font-size: 87.5%;

}
.author_mod .hd_text .txt{
  font-size:82.5%;
}

/* userbox
==========================*/
.cmnbox .userList li {
  padding: 10px 0;
  line-height: 1.3;
}
.cmnbox .userList .thumbnail{
  float: left;
  display: block;
  width: 32px;
  height: 32px;
  margin-top: 2px;
}
.cmnbox .userList .ttl ,
.cmnbox .userList .name{
  font-size: 81%;
  padding-right: 5px;
  /zoom:1;
}
.cmnbox .userList .name{
  display: block;
  margin-left: 42px;
  color: #717279;
  /display: inline;
  /margin-left: 10px;
  line-height: 18px;
}
.cmnbox .userList .name span{
  display: inline-block;
  /display: inline;
  /zoom: 1;
  border-right: solid 1px #717279;
  padding-right: 5px;
  line-height: 12px;
}
.cmnbox .userList .date{
  display: block;
  margin-left: 42px;
  color: #666;
  font-size: 75%;
}
.cmnbox .userList .ttl{
  clear: both;
  display: block;
  padding: 5px 0 0 20px;
  background: url(../../ic_wall_sprite.png) no-repeat -87px -145px ;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .cmnbox .userList .ttl{
    background-image: url(../../ic_wall_sprite_2x.png) ;
    -webkit-background-size: 100px 300px;
	background-size: 100px 300px;
  }
}

/* line 27, _sass/theme_detail_pc.scss */
.themeSet {
  *zoom: 1;
  padding: 10px 0;
}

/* line 157, _sass/theme_detail_pc.scss */
.themeArticle {
  clear: both;
  border-left: 2px #E1E1E1 solid;
  padding: 0 10px 0 8px;
  margin: 0 0 10px 0;
  position: relative;
  top: 10px;
}

/* line 164, _sass/theme_detail_pc.scss */
.themeArticle .entry {
  font-size: 81.25%;
  color: #333;
  line-height: 1.4;
}

/* line 168, _sass/theme_detail_pc.scss */
.themeArticle .entry a {
  color: #333 !important;
}

/* line 171, _sass/theme_detail_pc.scss */
.themeArticle .entry .other {
  color: #999;
  font-size: 75%;
}

/* line 176, _sass/theme_detail_pc.scss */
.themeArticle .source {
  color: #999;
  font-size: 75%;
}
.themeList{
  position: relative;
}
.themeList .themeSet  .watchModule{
  padding: 0;
}

.themeList .reportALL {
position: absolute;
bottom: 0;
left: 10px;
font-weight: bold;
font-size: 81.25%;
}

.recomendTheme:after{
  content: ".";
  display: block;
  height:0;
  clear:both;
  visibility:hidden;
}
.recomendTheme{
  padding: 10px;
  font-size: 82.5%;
  overflow: hidden;
  *zoom:1;
}
.recomendTheme .anchor{
  float: right;
  display: block;
  width: 17%;
  margin-left: 3%;
}
.recomendTheme .anchor a{
  display: inline-block;
  padding-left: 20px;
    line-height: 1.4;
  background: url("../../ic_search_sprite_pc.png") no-repeat -1px -598px;
  @media only screen and (-webkit-min-device-pixel-ratio: 2){
    background-image: url(../../ic_search_sprite_pc_2x.png);
    -webkit-background-size: 32px 1000px;
    background-size: 32px 1000px;
  }
}

.recomendTheme .txt{
  float: left;
  display: block;
  width: 80%;
}
.recomendTheme .txt a{
  text-decoration: underline;
}
.recomendTheme .txt a:hover{
  text-decoration: none;
}
/*-------------------------------------------------------*/
/* image upload frame*/
#image_upload_frame {
    display: none;
    width: 0;
    height: 0;
}

/* prof setting */
#view_thumbnail_profileImage{
    float: left;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    width: 102px !important;
    height: 102px !important;
    padding: 0 !important;
    line-height: 102px;
    border: 1px solid #DEDEDE;
    display:table-cell;
    /display:block;
    text-align: center;
    font-size: 1em !important;
}
#view_thumbnail_profileImage img{
    vertical-align: middle;
    padding: 2px;
    position: relative;
}

#view_thumbnail_profileImage .settingBtn{
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(0,0,0,0);/*for IE*/
}

#view_thumbnail_profileImage .settingBtn:hover span{
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 102px;
    height: 30px;
    line-height: 30px;
    background-color:rgba(0,0,0,0.5);
    color: #fff;
    font-size: 76%;
}

#view_thumbnail_profileImage .settingBtn span{
    display:none;
}

#view_thumbnail_profileImage .settingSpn{
    position: absolute;
    right:15px;
    top:24px;
    color: #999;
    font-size: 81%;
    line-height: 1.3;
}

/* modalBox
---------------------------------------- */

.modalBox {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30em;
    text-align: left;
    z-index: 9000;
    background: #fff;
    border: 1px solid #666;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 87.5%;
}
* html .modalBox {/* IE6 */
    position: absolute;
    top: 0;
}
*:first-child+html .modalBox  { /* IE7 */
    position: absolute;
    top: 50%;
}

.modalBox .hd {
    background: #747C87;
    min-height: 0 !important;
    padding: 0.4em  0 0.6em !important;
    position: relative;
}
.modalBox .hd strong {
    color: #fff;
    padding-left: 10px;
}
.modalBox .hd a.pfCloseBtn {
    position: absolute;
    top: 5px;
    right: 8px;
    background: url(../sprite_common.gif) no-repeat 3px 3px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
}
.modalBox .bd {
    padding: 1em 1em 1.4em;
    max-height: 42em;
    overflow: auto;
}
.modalBox .bd .subText {
    color: #666666;
    font-size: 92.9%;
}
.modalBox .ft {
    text-align: center;
    padding: 1em 0.4em;
    background: #f1f2f3;
    border-top: 1px solid #d5d5d5;
}
#modalBoxMask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    filter: Alpha(Opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    background: #000;
    z-index: 400;
    /display: none;
}
.modalBox .ft .btnView {
    font-weight: bold;
    padding: 0.8em 2.4em;
    vertical-align: middle;
}
.modalBox .ft .pfCloseBtn{
    vertical-align: middle;
}
.modalBox .formObject .label {
    width: 7em;
}
.modalBox .formObject .label p {
    text-align: left;
}
.modalBox .formObject .input {
    margin-left: 8em;
}
.modalBox .upload_imageList p {
    margin: 0.5em 0;
}