@charset "UTF-8";

/* header */
#header {
  height: 34px !important;
}
#header ul.service-menu li {
  line-height: 34px !important;
}
#header a:hover {
  color: #7DB4E8 !important;
  text-decoration: none !important;
}
#header-space {
  width: 958px;
  min-height: 30px;
  padding: 0;
  margin: 30px auto 0 auto;
  clear: both;
  zoom: 1;
}
#header-space:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
body.entry #header-space {
  margin: 0 auto;
  position: relative;
}
#info-header {
  display: none;
  text-align: center;
  font-size: 12px;
  padding: 3px;
  background: #008FDE;
  color: #fff;
}
#info-header a {
  color: #fff;
  text-decoration: none;
}
#info-header-message {
  display: inline;
}
#info-header span {
  margin-left: 10px;
  cursor: pointer;
  display: none;
}
.info-header-visible #info-header {
  display: block;
}
div#branding {
  position: relative;
  width: 960px;
  height: 75px;
  margin: 0 auto;
}
div#branding.ad-head-text-on {
  margin: 26px auto 0 auto;
}
div#branding h1 a {
  position: absolute;
  top: 27px;
  left: 94px;
  width: 188px;
  height: 19px;
  display: block;
  background-image: url(/images/v3/10th-logotype.png);
  background-size: 188px 19px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  div#branding h1 a {
    background-image: url(/images/v3/10th-logotype@2x.png);
  }
}
div#branding a.index-link {
  position: absolute;
  top: 10px;
  left: 22px;
  width: 56px;
  height: 56px;
  display: block;
  background-image: url(/images/v3/bookmark-logo.png);
  background-size: cover;
  transition: 100ms opacity;
}
div#branding a.kadenkaigi-link:hover {
  opacity: 0.87;
}
div#branding h1 a span {
  display: none;
}
div#branding form {
  position: absolute;
  top: 16px;
  right: 8px;
}
div#branding form.subcat-page-ui {
  right: 136px;
}
div#branding p.gototop {
  position: absolute;
  top: 53px;
  left: 94px;
  font-size: 10px;
}
div#branding p.gototop a {
  position: relative;
  text-decoration: none;
  color: #999;
  padding-left: 14px;
}
div#branding p.gototop a:hover {
  color: #666;
}
div#branding p.gototop a:hover:before {
 border-right: 3px solid #666;
}
div#branding p.gototop a:before {
  content: "";
  border: 3px solid transparent;
  border-right: 3px solid #999;
  position: absolute;
  left: 0px;
  top: 2px;
}
div#branding p.gototop a:after {
  content: "";
  border: 3px solid transparent;
  border-right: 3px solid #FFFFFF;
  position: absolute;
  left: 1px;
  top: 2px;
}
body.global-index p.gototop {
  display: none;
}
div#branding div.hottag {
  display: none;
  position: absolute;
  top: 16px;
  right: 0px;
  min-width: 238px;
  height: 24px;
  line-height: 10px;
  font-size: 10px;
  color: #AAA;
  text-align: left;
  padding: 0 8px 0 0;
}
div#branding div#total {
  position: absolute;
  top: 60px;
  right: 0px;
  height: 10px;
  line-height: 10px;
  font-size: 10px;
  color: #AAA;
  text-align: right;
  padding: 0 90px 0 0;
}
div#branding div#total strong {
  color: #444;
  font-weight: bold;
  font-size: 11px;
  font-family: 'ヒラギノ角ゴ Pro W3';
}
div#branding-wrapper {
  background-color: #F5F5F5;
  border-bottom: 2px solid #EEE;
}
div#branding-plain {
  position: relative;
  width: 960px;
  height: 93px;
  margin: 0 auto;
}
div#branding-plain h1 a {
  position: absolute;
  top: 20px;
  left: 12px;
  width: 267px;
  height: 50px;
  display: block;
}

/* arrow */
span.arw-top {
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -3px;
  margin-left: -17px;
  border-width: 0 4px 4px 4px;
}
span.arw-bottom {
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -12px;
  border-width: 4px 4px 0 4px;
}
div#entry-subcontent span.arw-top,
div#entry-subcontent span.arw-bottom {
  border-color: #9AB1D0 transparent;
  border-style: solid;
}
div#entry-blogparts span.arw-top,
div#entry-blogparts span.arw-bottom,
span#tag-trigger span.arw-top,
span#tag-trigger  span.arw-bottom {
  border-color: #999999 transparent;
  border-style: solid;
}
#header span.arw-top {
  border-color: #FFFFFF transparent;
  border-style: solid;
}
#header a:hover span.arw-top {
  border-color: #7DB4E8 transparent;
}

div#entry-tools {
    margin: 5px 10px 0 10px;
    padding-top: 10px;
}

/* navigation-category */
#navi-category-wrapper {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  min-width: 960px;
  z-index: 9990;
}
#navi-category-wrapper:after {
  display: block;
  position: relative;
  height: 36px;
}
#navi-category-overlay {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#navi-category-inner {
  width: 100%;
  position: relative;
}
#navi-category {
  display: block;
  width: 960px;
  height: 36px;
  list-style: none;
  margin: 0 auto;
  box-sizing: border-box;
  zoom: 1;
}
#navi-category:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#navi-category li.navi-border-left,
#navi-category li.navi-back-to-top,
#navi-category li.hotentry,
#navi-category li.general,
#navi-category li.category-social,
#navi-category li.category-economics,
#navi-category li.category-life,
#navi-category li.category-knowledge,
#navi-category li.category-it,
#navi-category li.category-fun,
#navi-category li.category-entertainment,
#navi-category li.category-game,
#navi-category li.kaden,
#navi-category li.recommend,
#navi-category li.navi-border-right {
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 36px;
  display: block;
}
#navi-category li.navi-border-left,
#navi-category li.navi-border-right {
  border-bottom: 2px solid #eee;
  content: "";
  width: 11px;
  height: 36px;
  top: 0;
  left: 0;
  z-index: 0;
}
#navi-category li.navi-border-right {
  margin-left: 2px;
}
#navi-category li.new a.gnavi:before {
  content: "";
  width: 24px;
  height: 12px;
  display: block;
  background-image: url(/images/v3/navi_badge_new@2x.png);
  background-size: 24px 12px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: -5px;
  right: 0;
}
#navi-category li a.gnavi {
  display: block;
  position: relative;
  height: 36px;
  margin: 0 0 0 2px;
  padding: 0 16px 0 16px;
  text-align: center;
  color: #ccc;
  border-bottom: 2px solid #ccc;
  -webkit-transition: background-color 0.1s ease-in 0s,color 0.1s ease-in 0s;
  transition: background-color 0.1s ease-in 0s,color 0.1s ease-in 0s;
}
#navi-category .navi-link {
  position: relative;
  z-index: 2;
}
.unscroll #navi-category .navi-link {
  height: 38px;
}
#navi-category .gnavi-button {
 display: inline-block;
 position: absolute;
 height: 36px;
 width: 16px;
 top: 0;
 right: 0;
 cursor: pointer;
 z-index: 2;
}
#navi-category .navi-link:hover:before {
  content: "";
  position: absolute;
  top: 18px;
  right: 4px;
  width: 0;
  height: 0;
  border-top: 3px solid #000000;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
  cursor: pointer;
  z-index: 1;
}
#navi-category li.active a.gnavi,
#navi-category li.current a.gnavi {
  color: #fff !important;
}
.unscroll #navi-category li.float a.gnavi {
  height: 34px;
  border-bottom: 2px solid #fff;
}
#navi-category {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#navi-category li a span {
  display: inline-block;
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  letter-spacing: 0;
}
#navi-category .navi-back-to-top a {
  display: none;
}
#navi-category li.hotentry a.gnavi,
#navi-category li.general a.gnavi {
  color: #008FDE;
  border-bottom-color: #008FDE;
}
#navi-category li.hotentry .navi-link:hover:before,
#navi-category li.general .navi-link:hover:before {
  border-top-color: #008FDE;
}
#navi-category li.hotentry.active a.gnavi,
#navi-category li.general.active a.gnavi,
#navi-category li.hotentry.current a.gnavi,
#navi-category li.general.current a.gnavi {
  background-color: #008FDE;
}
#navi-category li.category-social a.gnavi,
#navi-category li.category-economics a.gnavi {
  border-bottom-color: #A78358;
  color: #A78358;
}
#navi-category li.category-social .navi-link:hover:before,
#navi-category li.category-economics .navi-link:hover:before {
  border-top-color: #A78358;
}
#navi-category li.category-social.active a.gnavi,
#navi-category li.category-economics.active a.gnavi,
#navi-category li.category-social.current a.gnavi,
#navi-category li.category-economics.current a.gnavi {
  background-color: #A78358;
}
#navi-category li.category-knowledge a.gnavi,
#navi-category li.category-life a.gnavi {
  border-bottom-color: #068B71;
  color: #068B71;
}
#navi-category li.category-knowledge .navi-link:hover:before,
#navi-category li.category-life .navi-link:hover:before {
  border-top-color: #068B71;
}
#navi-category li.category-knowledge.active a.gnavi,
#navi-category li.category-life.active a.gnavi,
#navi-category li.category-knowledge.current a.gnavi,
#navi-category li.category-life.current a.gnavi {
  background-color: #068B71;
}
#navi-category li.category-it a.gnavi {
  color: #00A5DE;
  border-bottom-color: #00A5DE;
}
#navi-category li.category-it .navi-link:hover:before {
  border-top-color: #00A5DE;
}
#navi-category li.category-it.active a.gnavi,
#navi-category li.category-it.current a.gnavi {
  background-color: #00A5DE;
}
#navi-category li.category-fun a.gnavi,
#navi-category li.category-game a.gnavi,
#navi-category li.category-entertainment a.gnavi {
  border-bottom-color: #F5AC0F;
  color: #F5AC0F;
}
#navi-category li.category-fun .navi-link:hover:before,
#navi-category li.category-game .navi-link:hover:before,
#navi-category li.category-entertainment .navi-link:hover:before {
  border-top-color: #F5AC0F;
}
#navi-category li.category-fun.active a.gnavi,
#navi-category li.category-game.active a.gnavi,
#navi-category li.category-entertainment.active a.gnavi,
#navi-category li.category-fun.current a.gnavi,
#navi-category li.category-game.current a.gnavi,
#navi-category li.category-entertainment.current a.gnavi {
  background-color: #F5AC0F;
}
#navi-category li.kaden a.gnavi {
  color: #d8212e;
  border-bottom-color: #d8212e;
}
#navi-category li.kaden .navi-link:hover:before {
  border-top-color: #d8212e;
}
#navi-category li.kaden.active a.gnavi,
#navi-category li.kaden.current a.gnavi {
  background-color: #d8212e;
}
#navi-category li.recommend a.gnavi {
  color: #FF6B83;
  border-bottom-color: #FF6B83;
}
#navi-category li.recommend .navi-link:hover:before {
  border-top-color: #FF6B83;
}
#navi-category li.recommend.active a.gnavi,
#navi-category li.recommend.current a.gnavi {
  background-color: #FF6B83;
}
#navi-category li.active .navi-link:hover:before,
#navi-category li.current .navi-link:hover:before {
  border-top-color: #fff !important;
}

/* グローバルナビスクロール時　*/
#navi-category-wrapper.scroll {
  position: fixed;
  top: 34px;
  left: 0;
  height: 44px;
  background-color: #fff;
  z-index: 9998;
  border-bottom: 2px solid #eee;
  padding-bottom: 0;
}
.scroll #navi-category li.navi-back-to-top,
.scroll #navi-category li.hotentry,
.scroll #navi-category li.general,
.scroll #navi-category li.category-social,
.scroll #navi-category li.category-economics,
.scroll #navi-category li.category-life,
.scroll #navi-category li.category-knowledge,
.scroll #navi-category li.category-it,
.scroll #navi-category li.category-fun,
.scroll #navi-category li.category-entertainment,
.scroll #navi-category li.category-game,
.scroll #navi-category li.kaden,
.scroll #navi-category li.recommend {
  line-height: 44px;
}
.scroll #navi-category li a.gnavi {
  height: 44px;
  border-bottom: 0;
}
.scroll #navi-category .navi-link {
  height: 46px;
}
.scroll #navi-category .navi-link:hover:before {
  top: 21px;
}
.scroll #navi-category .navi-border-left,
.scroll #navi-category .navi-border-right {
  border: none;
}
.scroll #navi-category .navi-back-to-top {
  margin-left: 2px;
}
.scroll #navi-category .navi-back-to-top a {
  display: block;
  height: 44px;
  width: 44px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(/images/v3/gnavi-logo-scroll.png);
  background-size: 23px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
/*ナビ下のマージン用のdiv*/
#navi-space {
  width: 958px;
  min-height: 30px;
  padding: 0;
  margin: 30px auto 0 auto;
  clear: both;
  zoom: 1;
}
#navi-space:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}


/* グローバルナビ展開する部分 */
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
#navi-category .navi-item-detail {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 980px;
  height: 1px;
  margin-top: -2px;
  border-top: 2px solid;
  z-index: 3;
}
#navi-category .navi-item-detail-inner .navi-item-list {
  display: block;
}
#navi-category .navi-item-detail-inner {
  border-top: 2px solid;
  position: relative;
  left: 1px;
  width: 960px;
  margin: 0 auto;
  background-color: #f9f9f9;
  border-radius: 0 0 6px 6px;
  border: 1px solid #dddddd;
  border-top: none;
  box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 14px 1px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 14px 1px;
  -moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 14px 1px;
  z-index: 3;
}
#navi-category .navi-item-detail-inner .navi-item-list li,
#navi-category .navi-item-detail-inner .navi-item-subcategory li {
  display: inline-block;
}
#navi-category .navi-item-detail-inner .navi-item-list {
  padding: 14px 0;
  background-color: #fff;
  text-align: center;
}
#navi-category .navi-item-detail-inner .navi-item-list li {
  float: none;
  clear: both;
  margin: 0 28px;
}
#navi-category .navi-item-detail-inner a {
  display: block;
  color: #444;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
#navi-category .navi-item-detail-inner li:hover a {
  color: #10A3E4;
}
#navi-category .navi-item-detail-inner .navi-item-list a {
  position: relative;
  padding: 0 16px 0 32px;
  line-height: 32px;
  background-size: 20px 20px;
  background-position: 6px center;
  background-repeat: no-repeat;
}
#navi-category .navi-item-detail-inner .navi-item-list li.navi_hotentry a {
  background-image: url(/images/v3/icon_navi_hotentry@2x.png);
}
#navi-category .navi-item-detail-inner .navi-item-list li.navi_entrylist a {
  background-image: url(/images/v3/icon_navi_entrylist@2x.png);
}
#navi-category .navi-item-detail-inner .navi-item-list li.navi_headline a {
  background-image: url(/images/v3/icon_navi_headline@2x.png);
}
#navi-category .navi-item-detail-inner .navi-item-list li.navi_ranking a {
  background-image: url(/images/v3/icon_navi_ranking@2x.png);
}
#navi-category .navi-item-detail-inner .navi-item-list li.navi_topic a {
  background-image: url(/images/v3/icon_navi_topic@2x.png);
}
#navi-category .navi-item-detail-inner .navi-item-list li.navi_area a {
  background-image: url(/images/v3/icon_navi_areaguide@2x.png);
}
/* サブカテ現在地 */
#navi-category .navi-item-detail-inner .navi-item-subcategory /* h2 */.active {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
#navi-category .navi-item-detail-inner .navi-item-list .current a,
#navi-category .navi-item-detail-inner .navi-item-subcategory /* h2 */.active a {
  color: #10A3E4;
}
#navi-category .navi-item-detail-inner .navi-item-subcategory {
  margin: 24px 0 24px 64px;
}
#navi-category .navi-item-detail-inner .navi-item-subcategory .subcategory a {
  width: 122px;
  line-height: 1.5;
  position: relative;
}
#navi-category .navi-item-detail-inner .navi-item-subcategory li {
  vertical-align: middle;
}
#navi-category .navi-item-detail-inner .navi-item-subcategory li.navi-item-unit {
  margin: 0 0 8px 0;
}
#navi-category .navi-item-detail-inner .thumbnail {
  background-image: url(/images/v3/subcategory-noimage.png);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background-size: cover;
  height: 40px;
  width: 40px;
}
#navi-category .navi-item-detail-inner .thumbnail a {
  height: 40px;
  width: 40px;
  cursor: pointer;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  #navi-category .navi-item-detail-inner .thumbnail {
    background-image: url(/images/v3/subcategory-noimage@2x.png);
  }
  .scroll #navi-category .navi-back-to-top a {
    background-image: url(/images/v3/gnavi-logo-scroll@2x.png);
  }
}
#navi-category .navi-item-detail-inner .subcategory {
  padding-left: 4px;
}

body.global-index #navi-category li.top:after {
  margin-left: -6px;
}
div#branding div#pickup {
  width: 90px;
  height: 24px;
  position: absolute;
  bottom: -6px;
  right: 8px;
  text-align: center;
  z-index: 9991;
}
div#branding div#pickup a {
  max-width: 80px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin: 0 auto;
  padding: 2px 6px;
  background-color: #fff;
  border: 1px solid #FF6B83;
  font-size: 10px;
  text-align: center;
  color: #FF6B83;
  font-weight: bold;
  text-decoration: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: inline-block;
  vertical-align: bottom;
}
div#branding #pickup a:before {
  content: "";
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-top-color: #FF6B83;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -4px;
  z-index: 100;
}
div#branding div#pickup a:after {
  content: "";
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-top-color: #fff;
  position: absolute;
  top: 22px;
  left: 50%;
  margin-left: -4px;
  z-index: 100;
}

div#branding div#pickup:hover a,
div#branding div#pickup:hover a:after {
  opacity: 0.8;
}
/* header-lead-subcategory */
.header-lead {
  color: #fff;
  margin: 0 -10px 22px;
}
.header-lead-inner {
  width: 938px;
  margin: 0 auto;
  padding: 22px 383px 23px 15px;
  box-sizing: border-box;
  background-size: 320px 100px;
  background-position: right center;
  background-repeat: no-repeat;
}
.lead-gourmet {
  background: #ef975b;
}
.lead-photo {
  background: #4EABB7;
}
.lead-interior {
  background: #91AF46;
}
.lead-photo .header-lead-inner {
  background-image: url(/images/v3/header-lead-photo@2x.png);
}
.lead-gourmet .header-lead-inner {
  background-image: url(/images/v3/header-lead-gourmet@2x.png);
}
.lead-interior .header-lead-inner {
  background-image: url(/images/v3/header-lead-interior@2x.png);
}
body.media-page h2.header-lead-title {
  background-color: inherit;
  padding: 0 0 0 50px;
  margin: 0 0 12px 0;
  font-size: 16px;
  line-height: 16px;
  position: relative;
}
.header-lead-title span {
  border: 1px solid #fff;
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  padding: 3px 7px;
  margin: 0 10px 0 0;
  position: absolute;
  left: 0;
  top: -5px;
}
.header-lead-description {
  font-size: 14px;
}

/* navigation-subcategory */
div#navi-page {
  display: block;
  position: relative;
  text-align: center;
  top: -12px;
  width: 938px;
  margin: 0 auto;
  clear: both;
  zoom: 1;
}
div#navi-page:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul#navi-subcat {
  display: inline;
  position: relative;
  text-align: center;
  list-style: none;
}
ul#navi-subcat li {
  display: inline-block;
  position: relative;
  padding-right: 24px;
  font-size: 12px;
  font-weight: bold;
  line-height: 26px;
}

ul#navi-subcat h2 {
  color: #666;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
  margin: 0;
  padding: 0;
  background-color: inherit;
  display: inline;
}
ul#navi-subcat h2 span {
  padding: 2px 10px;
  background-color: #eaeaea;
  border-radius: 9px;
  margin-right: 5px;
  font-size: 11px;
}
ul#navi-subcat li a {
  color: #666;
  text-decoration: none;
  font-size: 12px;
  height: 26px;
  margin: 0 8px 0 0;
  padding: 0 8px;
  display: block;
  text-align: center;
}
ul#navi-subcat li.current a {
  color: #10A3E4;
}
ul#navi-subcat li a:hover {
  color: #888;
}
ul#navi-subcat li.sort {
  margin-left: 4px;
}
ul#navi-subcat li.sort a {
  float: left;
  background-color: #BFDEF2;
  color: #FFFFFF;
  text-decoration: none;
  height: 30px;
  padding: 0 12px 0 12px;
  display: block;
}
ul#navi-subcat li.sort a:hover {
  background-color: #8FC6E8;
}
ul#navi-subcat li.sort a.current {
  height: 30px;
  position: relative;
  background-color: #8FC6E8;
}

/* navigation-page */
ul#navi-mode {
  display: inline;
  position: relative;
  text-align: center;
  height: 20px;
  list-style: none;
}
ul#navi-mode.ranking {
  right: 10px;
  border-right: none;
  padding-right: 0;
}
ul#navi-mode li {
  position: relative;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  margin-top: -5px;
}
ul#navi-mode li.current {
  display: inline;
  position: relative;
  height: 30px;
}
ul#navi-mode h2 {
  display: inline;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
ul#navi-mode li a {
  display: inline;
  color: #666;
  text-decoration: none;
  height: 30px;
  padding: 0 16px;
}
ul#navi-mode li.current a {
  color: #10A3E4;
}
ul#navi-mode li a:hover {
  color: #10A3E4;
}
ul#navi-mode li a span {
  font-size: 10px;
  font-weight: normal;
}
ul#navi-mode li.sort {
  margin-left: 4px;
}
ul#navi-mode li.sort a {
  float: left;
  background-color: #BFDEF2;
  color: #FFFFFF;
  text-decoration: none;
  height: 30px;
  padding: 0 12px 0 12px;
  display: block;
}
ul#navi-mode li.sort a:hover {
  background-color: #8FC6E8;
}
ul#navi-mode li.sort a.current {
  height: 30px;
  position: relative;
  background-color: #8FC6E8;
}
div.ad-head-text-wrapper {
  width: 100%;
  min-width: 980px;
  position: relative;
  background-color: #00a4de;
}
div.ad-head-text a {
  display: inline;
  margin-top: 13px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  color: #008FDE;
  text-decoration: none;
  border-bottom: 1px solid #008FDE;
  padding: 0 0 2px 0;
}
div.ad-head-text a:hover {
  border-bottom: none;
}
div.box-wrap div.ad-head-text {
  width: 962px;
  text-align: center;
  font-weight: normal;
  margin: -15px 0 14px 0;
  position: relative;
}
div.box-wrap div.ad-head-text.subcat-page-ui {
  width: 642px;
}
div.box_main div.ad-head-text {
  width: 600px;
  text-align: center;
  font-weight: normal;
  margin: -8px 0 6px 0;
  position: relative;
}

/* listmode */
ul#navi-layout {
  display: block;
  position: absolute;
  top: 15px;
  right: 8px;
  zoom: 1;
  background-color: #f6f6f6;
  border-radius: 2px;
}
ul#navi-layout:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul#navi-layout li {
  float: left;
}
ul#navi-layout li a {
  height: 30px;
  width: 30px;
  display: block;
}
ul#navi-layout li a#tile {
  background-image: url(/images/v3/mode-tile.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}
ul#navi-layout li a#tile:hover,
ul#navi-layout li.current a#tile {
  background-image: url(/images/v3/mode-tile_on.png);
}
ul#navi-layout li a#list {
  background-image: url(/images/v3/mode-list.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}
ul#navi-layout li a#list:hover,
ul#navi-layout li.current a#list {
  background-image: url(/images/v3/mode-list_on.png);
}
ul#navi-layout li a#headline {
  background-image: url(/images/v3/mode-headline.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}
ul#navi-layout li a#headline:hover,
ul#navi-layout li.current a#headline {
  background-image: url(/images/v3/mode-headline_on.png);
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  ul#navi-layout li a#tile {
    background-image: url(/images/v3/mode-tile@2x.png);
  }
  ul#navi-layout li a#tile:hover,
  ul#navi-layout li.current a#tile {
    background-image: url(/images/v3/mode-tile_on@2x.png);
  }
  ul#navi-layout li a#list {
    background-image: url(/images/v3/mode-list@2x.png);
  }
  ul#navi-layout li a#list:hover,
  ul#navi-layout li.current a#list {
    background-image: url(/images/v3/mode-list_on@2x.png);
  }
  ul#navi-layout li a#headline {
    background-image: url(/images/v3/mode-headline@2x.png);
  }
  ul#navi-layout li a#headline:hover,
  ul#navi-layout li.current a#headline {
    background-image: url(/images/v3/mode-headline_on@2x.png);
  }
}
ul#navi-layout li a span {
  display: none;
}

/* feature_popup */
div.feature-hint-popup-container {
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  position: absolute;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -o-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 12px 16px;
  z-index: 100;
}
div.feature-hint-popup-container:before {
  content: "";
  border: 8px solid transparent;
  border-bottom: 8px solid #CCCCCC;
  position: absolute;
  right: 73px;
  top: -16px;
}
div.feature-hint-popup-container:after {
  content: "";
  border: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  position: absolute;
  right: 73px;
  top: -15px;
}
div.feature-hint-popup-container div.feature-hint-popup-close-button {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 20px;
  width: 20px;
  display: block;
  cursor: pointer;
}
div.feature-hint-popup-container h3.feature-hint-popup-title {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 6px;
}
div.feature-hint-popup-container p.feature-hint-popup-body {
  color: #666666;
  font-size: 12px;
  line-height: 19px;
}
div.feature-hint-popup-container p.feature-hint-popup-body a {
  color: #008FDE;
}
div.feature-hint-popup-container.popup-navi-layout {
  width: 206px;
  height: 82px;
  top: 43px;
  right: -7px;
  z-index: 9992;
}

/* 2cols-layout */
div.box_main {
  width: 600px;
  margin: 0 20px 0 10px;
  float: left;
}
div.box_side{
  width: 320px;
  float: left;
}
div.box_main div.box_section {
  width: 600px;
  margin: 0 0 30px 0;
}
div.box-wrap.single {
  margin: 0;
}
div.box-wrap.single div.box_main div.box_section {
  margin: 4px 0 0 0;
}
div.box-wrap.single div.box_main div.shim-elem-for-height {
  display: none;
}
div.box_side div.box_section {
  width: 319px;
  margin: 0 0 40px 0;
}
div.box_side div.box_section.side-top-rectangle {
  margin: 0 0 30px 0;
}
div.box_side div.box_section.side-foot-rectangle {
  margin: 60px 0 30px 0;
}
div.box_side div.shim-elem-for-height {
  display: none;
}
div.box_side div.box_section.noborder {
  width: 320px;
}
div.box_side div.box_section.noborder ul.entrylist-s {
  border-left: none;
}
div.box_section {
  zoom: 1;
}
div.box_section:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
div.box_main div.section_head {
  padding: 5px 15px 8px 0;
  border-bottom: 2px solid #DFDFDF;
  position: relative;
  zoom: 1;
}
div.box_main div.section_head:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  width: 90px;
  border-bottom: 2px solid #999;
  padding-bottom: 10px;
  margin-bottom: -10px;
  position: relative;
}
div.section_foot {
  margin: 10px 0 -24px 0;
  padding: 0 15px 8px 0;
  zoom: 1;
  position: relative;
}
div.box_side div.section_foot {
  margin: -10px 0 -12px 0;
  padding: 0 15px 8px 0;
}
div.section_foot:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
div.box_side div.section_head {
  margin: 0 0 0 20px;
  padding: 0 15px 6px 0;
  border-bottom: 2px solid #DFDFDF;
  zoom: 1;
}
div.box_side div.section_head:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  width: 90px;
  border-bottom: 2px solid #999;
  padding-bottom: 8px;
  margin-bottom: -8px;
  position: relative;
}
div.section_head h2 {
  background-image: url(/images/v3/title-topic.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: top left;
  background-color: inherit;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0 5px;
  padding: 0 0 0 26px;
  float: left;
}
div.section_head h2.logo {
  background-image: url(/images/v3/title-logo.png);
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  div.section_head h2 {
    background-image: url(/images/v3/title-topic@2x.png);
  }
  div.section_head h2.logo {
    background-image: url(/images/v3/title-logo@2x.png);
  }
}
div.box_side div.section_head h2 {
  background-color: inherit;
  margin-bottom: 0;
}
div.section_head h2 a {
  text-decoration: none;
  color: #333;
}
div.box_main div.section_head h2 {
  line-height: 18px;
}
div.box_side div.section_head h2 {
  font-size: 13px;
  line-height: 17px;
}
div.section_foot.more-entry a {
  font-size: 11px;
  text-decoration: none;
  color: #333;
  float: right;
  position: relative;
  clear: inherit;
}
div.section_foot.more-entry a:after {
  content: ' ';
  height: 0;
  width: 0;
  margin-left: 6px;
  border: 4px solid transparent;
  border-left-color: #333;
  position: absolute;
  left: 100%;
  top: 3px;
}
div.section_foot.more-entry a:hover {
  text-decoration: underline;
  background-color: inherit;
}
div.box_main div.section_foot.more-entry a {
  line-height: 16px;
  margin-top: 3px;
}
div.box_side div.section_foot.more-entry a {
  margin-top: 2px;
}

/* box-layout */
div.box-wrap {
  width: 962px;
  margin: 0 0 30px 0;
  zoom: 1;
}
div.box-wrap:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
div.box-wrap.ad {
  margin: 0;
}
div.box-wrap.box1 {
  background-image: url(/images/v3/bg-box1.png);
  background-size: 962px 8px;
  background-repeat: repeat-y;
  background-position: center top;
}
div.box-wrap.box1.mix {
  background-image: none;
}
div.box-wrap.box2.mix {
  background-image: url(/images/v3/bg-box2.png);
  background-size: 962px 8px;
  background-repeat: repeat-y;
  background-position: center top;
}
div.box-wrap.box3.mix {
  background-image: url(/images/v3/bg-box3.png);
  background-size: 962px 8px;
  background-repeat: repeat-y;
  background-position: center top;
}
div.box-wrap.box4.mix {
  background-image: url(/images/v3/bg-box4.png);
  background-size: 962px 8px;
  background-repeat: repeat-y;
  background-position: center top;
}
div.box-wrap.box1.mix ul.entry-horizontal-m {
  background-image: url(/images/v3/bg-box1.png);
  background-size: 962px 8px;
  background-repeat: repeat-y;
  background-position: center top;
}
div.box-wrap.box1.mix ul.entry-list-diary-l {
  background-image: url(/images/v3/bg-box1.png);
  background-size: 962px 8px;
  background-repeat: repeat-y;
  background-position: center top;
}
div.entry-vertical-1 {
  background-image: url(/images/v3/bg-box1.png);
  background-size: 962px 8px;
  background-repeat: repeat-y;
  background-position: center top;
}
ul.entry-vertical-3 {
  background-image: url(/images/v3/bg-box3.png);
  background-size: 962px 8px;
  background-repeat: repeat-y;
  background-position: center top;
}
ul.entry-vertical-4 {
  background-image: url(/images/v3/bg-box4.png);
  background-size: 962px 8px;
  background-repeat: repeat-y;
  background-position: center top;
}
ul.entry-vertical-3.bg1c,
ul.entry-vertical-4.bg1c {
  background-image: url(/images/v3/bg-box1.png);
}
ul.entry-vertical-3.bgnone,
ul.entry-vertical-4.bgnone {
  background-image: none;
}
div.shim-elem-for-height {
  background-image: url(/images/v3/bg-entrybox.png);
  background-size: 8px 8px;
  background-repeat: repeat;
  background-position: left top;
  margin: 5px 0 5px 0;
}
div.box3 div.shim-elem-for-height {
  margin: 5px 0 5px 1px;
}
div.box3_1 div.shim-elem-for-height {
  margin: 5px 5px 5px 7px;
}
div.box4 div.shim-elem-for-height {
  margin: 5px 0 5px 2px;
}
body.entry div.shim-elem-for-height {
  margin: 5px 5px 0 7px;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  div.box-wrap.box1 {
    background-image: url(/images/v3/bg-box1@2x.png);
  }
  div.box-wrap.box2.mix {
    background-image: url(/images/v3/bg-box2@2x.png);
  }
  div.box-wrap.box3.mix {
    background-image: url(/images/v3/bg-box3@2x.png);
  }
  div.box-wrap.box4.mix {
    background-image: url(/images/v3/bg-box4@2x.png);
  }
  div.box-wrap.box1.mix ul.entry-horizontal-m {
    background-image: url(/images/v3/bg-box1@2x.png);
  }
  div.box-wrap.box1.mix ul.entry-list-diary-l {
    background-image: url(/images/v3/bg-box1@2x.png);
  }
  ul.entry-vertical-3 {
    background-image: url(/images/v3/bg-box3@2x.png);
  }
  ul.entry-vertical-4 {
    background-image: url(/images/v3/bg-box4@2x.png);
  }
  ul.entry-vertical-3.bg1c, ul.entry-vertical-4.bg1c {
    background-image: url(/images/v3/bg-box1@2x.png);
  }
  div.shim-elem-for-height {
    background-image: url(/images/v3/bg-entrybox@2x.png);
  }
}
div.box-wrap.pickup {
  margin: 40px 0 30px 0;
  background-position: center top;
}
div.box-wrap.box1.mix {
  margin-top: 70px;
}
body.entry div.box-wrap.box1.mix {
  margin-top: 40px;
}
div.box-wrap.box2.mix {
  margin-top: 40px;
}
div.box-wrap.box3.mix {
  margin-top: 70px;
}
div.box-wrap.box4.mix {
  margin-top: 70px;
}
div.box-wrap.top {
  margin-top: 0px !important;
}
div.box-wrap.top-no-ad {
  margin-top: 0px !important;
}
div.box1_1 {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
}
div.box3_1,
div.box3_2,
div.box4_1 {
  /* inline-block を IE 6, 7 に適用させるための下の CSS もセットで扱うこと */
  display: inline-block;
  vertical-align: top;
}
/* inline-block on IE 6, 7 */
* html div.box3_1 { display: inline; zoom: 1; }
*+html div.box3_1 { display: inline; zoom: 1; }
* html div.box3_2 { display: inline; zoom: 1; }
*+html div.box3_2 { display: inline; zoom: 1; }
* html div.box4_1 { display: inline; zoom: 1; }
*+html div.box4_1 { display: inline; zoom: 1; }
div.box-wrap.box3.mix div.box3_1,
div.box-wrap.box3.mix div.box4_1 {
  margin: 40px 0 0 0;
}
div.box-wrap.box2.mix div.box3_1 {
  margin: -53px 0 0 0;
}
div.box-wrap.box2.mix div.box3_2 {
  margin: -40px 0 0 0;
}
div.box-wrap.box3.mix div.box3_1:nth-child(1),
div.box-wrap.box3.mix div.box3_1:nth-child(2),
div.box-wrap.box3.mix div.box3_1:nth-child(3) {
  margin: -55px 0 0 0;
}
div.box-wrap.box4.mix div.box4_1:nth-child(1),
div.box-wrap.box4.mix div.box4_1:nth-child(2),
div.box-wrap.box4.mix div.box4_1:nth-child(3),
div.box-wrap.box4.mix div.box4_1:nth-child(4) {
  margin: -41px 0 0 0;
}
div.box-wrap.box2.mix div.box3_1.notitle,
div.box-wrap.box2.mix div.box3_2.notitle,
div.box-wrap.box3.mix div.box3_1.notitle,
div.box-wrap.box3.mix div.box3_2.notitle,
div.box-wrap.box4.mix div.box4_1.notitle {
  margin-top: 0;
}
body.entry div.box-wrap.box2.mix div.box3_2.notitle {
  margin-top: 0px;
}
body.entry div.box-wrap.box2.mix div.box3_2 {
  margin-top: 0px;
}
div.box-wrap.box2.pickup.mix div.box3_1,
div.box-wrap.box2.pickup.mix div.box3_2,
div.box-wrap.box3.pickup.mix div.box3_1,
div.box-wrap.box3.pickup.mix div.box3_2 {
  margin-top: 0;
}
div.box3_1 {
  width: 320px;
  overflow: hidden; /* これがないと IE 6 で崩れてた */
}
div.box3_2 {
  width: 640px;
}
div.box4_1 {
  width: 240px;
}
div#appendix h2.section-title {
  margin: 0 0 34px 8px;
}
div#appendix div.box-wrap {
  margin-bottom: 34px;
}
div#appendix h3.unit-title {
  background-image: url(/images/v3/title-topic.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  color: #999999;
  margin: 0 0 10px 10px;
  padding-left: 26px;
}
div#appendix h3.unit-title a {
  text-decoration: none;
}
div.bnews h2,
div.kadenkaigi h2,
div.topiclist-unit h2,
div.areaguide-unit h2 {
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  margin: 12px 0 12px 10px;
  padding-left: 20px;
  background-color: inherit;
  color: #707070;
}
div.bnews h2 {
  background-size: 16px 16px;
  background-image: url(/images/v3/bnews-logo@2x.png?5a9fcec839554c11194992c269e6244b995c4587);
}
div.kadenkaigi h2 {
  background-size: 18px 18px;
  background-image: url(/images/v3/icon-kadenkaigi@2x.png);
  background-position: left center;
}
div.topiclist-unit h2 {
  background-size: 16px 13px;
  background-image: url(/images/v3/icon-topic@2x.png);
}
div.areaguide-unit h2 {
  background-size: 14px 17px;
  background-image: url(/images/v3/icon-areaguide@2x.png);
}
div.bnews h2 a,
div.kadenkaigi h2 a,
div.topiclist-unit h2 a,
div.areaguide-unit h2 a {
  position: relative;
  color: #707070;
}
div.curation-unit h2 {
  position: relative;
}
.curation-theme::before {
  content: "-";
  padding: 0 6px;
}
.recommend-issue .category-life-link {
  color: #068B71;
}
.recommend-issue .category-life-link:before {
  border-left-color: #068B71;
}


/* entry element */
div.entry-contents h3 {
  font-weight: bold;
}
div.entry-contents h3 a {
  padding: 8px 0;
  color: #303030;
  text-decoration: none;
  word-break: break-all;
}
div.entry-contents h3 a:hover {
  color: #7DB4E8;
  text-decoration: none;
}
div.entry-contents h3 a:visited {
  color: #888888;
  text-decoration: none;
}
body.entry div.entry-contents h3 {
  font-weight: bold;
}
body.entry .entry-horizontal-m div.entry-contents h3,
body.entry .entry-list-diary-l div.entry-contents h3 {
  font-weight: normal;
}
body.entry div.entry-contents h3 a#head-entry-link:visited {
  color: #303030;
  text-decoration: none;
}
ul.users a {
  text-decoration: none;
  display: block;
}
ul.entry-data,
ul.entry-meta {
  zoom: 1;
}
ul.entry-data:after,
ul.entry-meta:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.entry-data li.pr {
  font-size: 10px;
  line-height: 16px;
  padding: 0 4px;
  display: block;
  border: 1px solid;
}
.permanent-curation ul.entry-data li.pr {
  display: none;
}
ul.entry-data li.date {
  font-family: 'Arial';
  font-size: 12px;
  color: #999;
}
ul.entry-data li.pr.nocategory {
  margin-right: 12px;
}
ul.entry-data li.domain,
ul.entry-meta li.domain {
  font-family: 'Arial';
  font-size: 12px;
  height: 16px;
}
ul.entry-horizontal-s li.domain {
  width: 210px;
  margin: 3px 10px 3px 0;
}
ul.entry-vertical-3 li.domain {
  width: 210px;
}
ul.entry-vertical-4 li.domain {
  width: 180px;
}
ul.entry-data li.domain a,
ul.entry-meta li.domain a {
  color: #999999;
  line-height: 16px;
  text-decoration: none;
  text-overflow: ellipsis;
  display: inline-block;
  height: 17px;
  width: 100%;
  max-width: 230px;
  white-space: nowrap;
  overflow: hidden;
}
body.entry ul.entry-horizontal-m li.entry-list.category-social ul.entry-meta li.domain a {
  position: relative;
}
ul.entry-data li.domain a:hover,
ul.entry-meta li.domain a:hover {
  color: #999999;
  text-decoration: underline;
}
ul.entry-data li.domain img.favicon,
ul.entry-meta li.domain img.favicon {
  float: left;
  margin: 0 6px 0 0;
  position: relative;
}

ul.entry-gallery-s li.domain img.favicon {
  margin: 0;
}

ul.entry-data li.domain img.profile-image,
ul.entry-meta li.domain img.profile-image {
  vertical-align: middle;
  margin-right: 5px;
}
ul.entry-data li.tag a,
ul.entry-meta li.tag a,
div#branding div.hottag a {
  float: left;
  font-size: 10px;
  line-height: 16px;
  padding: 0 6px 0 8px;
  margin: 4px 12px 4px 0;
  display: block;
  color: #666666;
  background-color: #ECECEC;
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  text-decoration: none;
  position: relative;
  display: inline;
}
div#branding div.hottag a {
  margin: 4px 0 4px 12px;
}
body.global-index ul.entry-meta li.tag {
  display: none;
}
.tags a.user-tag {
  margin: 0 0 0 3px;
  font-size: 12px;
  line-height: 18px;
  color: #AAAAAA;
  text-decoration: none;
}
#bookmarks .tags a.user-tag:hover {
  text-decoration: underline;
}
ul.entry-data li.tag a:after,
ul.entry-meta li.tag a:after,
div#branding div.hottag a:after {
  content: "";
  position: absolute;
  border: 2px solid #FFFFFF;
  top: 6px;
  left: -1px;
  border-radius: 50%;
}
ul.entry-data li.tag a:before,
ul.entry-meta li.tag a:before,
div#branding div.hottag a:before {
  border: solid transparent;
  content: "";
  height: 0;
  right: 100%;
  position: absolute;
  width: 0;
  border-width: 8px;
  border-right-color: #ECECEC;
  top: 0px;
}
ul.entry-data li.tag a:hover,
ul.entry-meta li.tag a:hover,
div#branding div.hottag a:hover {
  color: #FFFFFF;
  background-color: #999999;
}
ul.entry-data li.tag a:hover:before,
ul.entry-meta li.tag a:hover:before,
div#branding div.hottag a:hover:before {
  border: solid transparent;
  content: "";
  height: 0;
  right: 100%;
  position: absolute;
  width: 0;
  border-width: 8px;
  border-right-color: #999999;
  top: 0px;
}
li.entry-unit div.shim-elem-for-height{
  border-top: 1px solid #ECECEC;
}
li.pseudo-entry-unit div.shim-elem-for-height {
  background-color: #F9F9F9;
  background-image: none;
  border: none;
}
div.box1_1 li.entry-unit div.shim-elem-for-height{
  border-top: none;
}
.users em, .users strong, .users b {
  font-weight: normal;
  font-style: normal;
}
ul.nousers li.users,
ul.nocategory li.category,
ul.nodomain li.domain,
ul.nourl li.domain span,
ul.notag li.tag,
ul.nodate li.date {
  display: none;
}
span.thumbnail a {
  display: block;
  height: 100%;
}

/*sponcored netflix*/
.credit-sponsored {
  font-size: 13px;
  color: #e50914;
  padding: 1px 8px;
  height: 16px;
  display: inline-block;
  line-height: 16px;
  border: 1px solid #e50914;
  margin: 0 0 0 15px;
}
.sponsored-netflix-title {
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 13px !important;
  line-height: 18px;
  margin: 12px 0 12px 10px !important;
  padding: 0 0 0 20px !important;
  background-color: inherit;
  color: #707070 !important;
  background-size: 16px 16px;
  background-image: url("/images/v3/netflix-logo.png");
  background-color: #fff !important;
}


/* entry-unit */
ul.entry-vertical-3,
ul.entry-vertical-4,
ul.entry-horizontal-l,
ul.entry-horizontal-m,
ul.entry-horizontal-s,
ul.entry-list-s {
  zoom: 1;
}
ul.entry-vertical-3:after,
ul.entry-vertical-4:after,
ul.entry-horizontal-l:after,
ul.entry-horizontal-m:after,
ul.entry-horizontal-s:after,
ul.entry-list-s:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
li.entry-unit,
li.entry-list {
  margin: 0;
  padding: 0 0 0 2px;
  display: block;
}
.entry li.entry-unit {
  overflow: visible; /* エントリページでタグ編集ポップアップが隠れないように */
}
.entry li.entry-unit.js-open {
  min-height: 140px;
}

li.entry-list:last-child {
  border-bottom: 1px solid #ECECEC;
}
ul.entry-vertical-3 li.entry-unit,
ul.entry-vertical-3 li.ad-unit {
  width: 308px;
  margin: 0 5px 0 5px;
}
ul.entry-vertical-4 li.entry-unit,
ul.entry-vertical-4 li.ad-unit {
  width: 228px;
  margin: 0 5px 0 5px;
}
ul.entry-vertical-3 li.entry-unit,
ul.entry-vertical-4 li.entry-unit,
ul.entry-vertical-3 li.ad-unit,
ul.entry-vertical-4 li.ad-unit {
  /* inline-block を IE 6, 7 に適用させるための下の CSS もセットで扱うこと */
  display: inline-block;
  vertical-align: top;
}
/* inline-block on IE 6, 7 */
* html ul.entry-vertical-3 li.entry-unit { display: inline; zoom: 1; }
*+html ul.entry-vertical-3 li.entry-unit { display: inline; zoom: 1; }
* html ul.entry-vertical-4 li.entry-unit { display: inline; zoom: 1; }
*+html ul.entry-vertical-4 li.entry-unit { display: inline; zoom: 1; }
* html ul.entry-vertical-3 li.ad-unit { display: inline; zoom: 1; }
*+html ul.entry-vertical-3 li.ad-unit { display: inline; zoom: 1; }
* html ul.entry-vertical-4 li.ad-unit { display: inline; zoom: 1; }
*+html ul.entry-vertical-4 li.ad-unit { display: inline; zoom: 1; }
div.box1_1 li.entry-list:last-child {
  border-bottom: 1px solid #ECECEC;
}

/* entry-unit common */
li.entry-unit {
  border-top: 0;
}
li.entry-unit ul.users {
  text-transform: uppercase;
  height: 40px;
  border-bottom: 1px solid #ECECEC;
  border-top: 4px solid;
}
li.entry-unit ul.entry-data li,
li.entry-unit ul.entry-meta li {
  float: left;
}
li.entry-unit ul.entry-comment {
  background-color: #F9F9F9;
  border-bottom: 1px dotted #ECECEC;
  margin-bottom: 5px;
}
li.entry-unit div.follow {
  border-bottom: 1px dotted #ECECEC;
}
li.entry-unit ul.entry-comment:hover {
  background-color: #EFEFEF;
}
li.entry-unit ul.entry-comment li {
  margin-bottom: 10px;
  zoom: 1;
}
li.entry-unit ul.entry-comment li:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
li.entry-unit ul.entry-comment .user-icon {
  float: left;
  display: block;
  margin-right: 8px;
}
li.entry-unit ul.entry-comment div.comment {
  float: left;
  border: 1px solid #DEDEDE;
  background-color: #FFFFFF;
  font-size: 11px;
  line-height: 18px;
  color: #666666;
  padding: 4px 8px 3px 8px;
  position: relative;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
li.entry-unit ul.entry-comment div.comment a {
  color: #666;
  text-decoration: none;
}
li.entry-unit ul.entry-comment div.comment:after {
  border: solid transparent;
  content: "";
  height: 0;
  right: 100%;
  position: absolute;
  width: 0;
  border-width: 3px;
  border-right-color: #FFF;
  top: 7px;
}
li.entry-unit ul.entry-comment div.comment:before {
  border: solid transparent;
  content: "";
  height: 0;
  right: 100%;
  position: absolute;
  width: 0;
  border-width: 5px;
  border-right-color: #DEDEDE;
  top: 5px;
}
li.entry-unit ul.entry-comment li:nth-last-of-type(2) {
  margin-bottom: 15px;
}
li.entry-unit .follow {
  display: none;
  padding: 10px 2px 3px 13px;
  zoom: 1;
}
li.entry-unit .follow.hb-favorites-appended {
  display: block;
}
li.entry-unit .follow:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
li.entry-unit .follow a {
  float: left;
  margin: 0 8px 8px 0;
  display: block;
  width: 16px;
  height: 16px;
}

/* entry-list */
li.entry-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
li.entry-list ul.entry-data:after,
li.entry-list ul.entry-meta:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
li.entry-list ul.entry-data li,
li.entry-list ul.entry-meta li {
  float: left;
}
li.entry-list ul.users {
  text-transform: uppercase;
  width: 54px;
  height: 54px;
  text-align: center;
  font-size: 10px;
  line-height: 18px;
  border-top: 4px solid;
  padding: 0;
  float: left;
  display: block;
}
li.entry-list ul.users a {
  padding-top: 16px;
  margin-top: -2px;
}
li.entry-list ul.users li {
  margin-left: 0px;
}
div.box1_1 li.entry-list ul.users strong span,
div.box1_1 li.entry-list ul.users span,
div.box3_1 li.entry-list ul.users strong span,
div.box3_1 li.entry-list ul.users span,
body.entry ul.entry-horizontal-m li.entry-list ul.users strong span,
body.entry ul.entry-horizontal-m li.entry-list ul.users span {
  font-style: normal;
  font-family: 'Arial';
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  display: block;
}
div.box4_1 li.entry-list ul.users strong span,
div.box4_1 li.entry-list ul.users span {
  font-style: normal;
  font-family: 'Arial';
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  display: block;
}
div.box3_1 li.entry-list div.entry-contents {
  border-top: 4px solid #ECECEC;
  padding: 5px 6px 0 6px;
  margin: 0 0 0 50px;
  width: 244px;
  zoom: 1;
}
div.box4_1 li.entry-list div.entry-contents {
  border-top: 4px solid #ECECEC;
  padding: 5px 6px 0 6px;
  margin: 0 0 0 5px;
  zoom: 1;
}
li.entry-list div.entry-contents:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
div.box3_1 li.entry-list div.entry-contents h3 {
  margin-top: -44px;
  position: relative;
  padding-right: 25px;
  font-size: 13px;
  line-height: 20px;
  float: left;
  clear: both;
}
div.box4_1 li.entry-list div.entry-contents h3 {
  position: relative;
  font-size: 12px;
  line-height: 18px;
  margin-top: 24px;
  padding-left: 49px;
}
li.entry-list ul.entry-data li.pr {
  font-size: 10px;
  line-height: 16px;
  margin: 5px 4px 2px 0;
  padding: 0 4px;
}
li.entry-list ul.entry-data li.category a {
  font-size: 12px;
  line-height: 20px;
  margin-right: 15px;
  text-decoration: none;
  font-weight: bold;
}
body.entry ul.entry-horizontal-m li.entry-list ul.entry-data li.category a {
  font-weight: normal;
}
li.entry-list ul.entry-data,
li.entry-list ul.entry-meta {
  zoom: 1;
  float: left;
}
div.box3_1 li.entry-list ul.entry-meta {
  padding: 0 6px 8px 6px;
  margin: 0 0 0 52px;
}
div.box4_1 li.entry-list ul.entry-meta {
  padding: 2px 6px 6px 6px;
  margin: 0 0 0 5px;
}
div.box3_1 li.entry-list ul.entry-data li.date {
  display: none;
}
div.box4_1 li.entry-list ul.entry-data li.date {
  line-height: 16px;
  clear: both;
}
/* もっと読む でコメント全体を覆う */
li.entry-unit ul.entry-comment {
  position: relative;
}
li.entry-unit ul.entry-comment li.more-bookmark {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
li.entry-unit ul.entry-comment li.more-bookmark a {
  display: block;
  width: 100%;
  height: 100%;
}
li.entry-unit ul.entry-comment li.more-bookmark a .anchor-text {
  position: absolute;
  display: block;
  bottom: 10px;
  right: 20px;
}
li.more-bookmark {
  font-size: 11px;
  font-weight: normal;
}
li.more-bookmark a {
  color: #BBBBBB;
  text-decoration: none;
}
li.more-bookmark a:hover {
  color: #7DB4E8;
}

/* more-entry */
.more-entry {
  clear: both;
}
.more-entry a,
li.pager a,
li.pager-list a {
  text-align: center;
  display: block;
  color: #888888;
  text-decoration: none;
}
/* .ht-selected はキーボードショートカットでの選択 */
.more-entry a:hover,
.more-entry.ht-selected a {
  background-color: #DEDEDE;
}
.trigger {
  cursor: pointer;
}
li.ht-selected h3.hb-entry-link-container a:focus {
  outline: none;
}
body.headline li.entrylist-unit.ht-selected {
  background-color: #E9EAEA;
  border-top: 1px solid #E9EAEA;
  padding-bottom: 12px;
  margin-bottom: -1px;
  position: relative;
  z-index: 10;
}
div.box3_1 .more-entry a,
div.box4_1 .more-entry a {
  font-size: 11px;
  line-height: 11px;
  padding: 14px 0 14px 0;
  background-color: #EFEFEF;
  margin: 5px 0 5px 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
div.box3_1 .more-entry a:hover,
div.box4_1 .more-entry a:hover {
  background-color: #DEDEDE;
}
div.box1_1 li.more-entry,
li.pager,
li.pager-list {
  margin: 0 7px 0 5px;
  clear: both;
  border-top: 1px dotted #ECECEC;
}
li.pager-list {
  margin: 0 7px 30px 5px;
}
div.box1_1 li.more-entry,
li.pager,
li.pager-list {
  background-image: url(/images/v3/bg-box1.png);
  background-size: 962px 8px;
  background-repeat: repeat-y;
  background-position: center top;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  div.box1_1 li.more-entry,
  li.pager,
  li.pager-list {
    background-image: url(/images/v3/bg-box1@2x.png);
  }
}
div.box1_1 li.more-entry a,
div.box_main li.more-entry a,
li.pager a,
li.pager-list a {
  font-size: 12px;
  line-height: 12px;
  padding: 14px 0 14px 0;
  background-color: #EFEFEF;
  margin: 5px 0 5px 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
div.box_main .pager-list a {
  padding: 10px 0 10px 0;
}
div.box1_1 li.more-entry a:hover,
div.box_main li.more-entry a:hover,
li.pager a:hover,
li.pager-list a:hover {
  background-color: #DEDEDE;
}

/* entry-unit entry-horizontal-l */
ul.entry-horizontal-l {
  margin: 0 5px 0 5px;
  min-height: 280px;
}
ul.entry-horizontal-l li.entry-unit {
  min-height: 276px;
}
ul.entry-horizontal-l div.entry-contents {
  padding: 15px 80px 0 18px;
  zoom: 1;
  position: relative;
  border-bottom: 1px dotted #ECECEC;
}
ul.entry-horizontal-l li.entry-unit.has-image div.entry-contents,
ul.entry-horizontal-l li.entry-unit.video div.entry-contents {
  padding: 15px 210px 0 18px;
  border-bottom: 1px dotted #ECECEC;
  min-height: 162px;
}
ul.entry-horizontal-l div.entry-contents:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.entry-horizontal-l div.entry-contents li.description span.thumbnail {
  position: absolute;
  top: 18px;
  right: 10px;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
ul.entry-horizontal-l li.trim-image ul.entry-data li.description span.thumbnail {
  width: 180px;
  height: 140px;
  display: block;
  position: absolute;
  top: 18px;
  right: 13px;
  background-position: center center;
  background-size: cover;
  margin: 0;
}
ul.entry-horizontal-l li.entry-unit.video ul.entry-data li.description {
  position: static;
}
ul.entry-horizontal-l li.entry-unit.video ul.entry-data li.description span.thumbnail {
  width: 180px;
  height: 140px;
  display: block;
  position: absolute;
  top: 18px;
  right: 13px;
  background-position: center center;
  background-size: cover;
  background-color: #F6F6F6;
  margin: 0;
}
ul.entry-horizontal-l li.entry-unit.video ul.entry-data.video li.description span.thumbnail {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
ul.entry-horizontal-l div.entry-contents h3 {
  margin: 0 0 12px 0;
  font-size: 18px;
  line-height: 25px;
}
ul.entry-horizontal-l li.entry-unit.has-image div.entry-contents h3 {
  margin: 0 0 12px 0;
  font-size: 18px;
  line-height: 25px;
}
ul.entry-horizontal-l li.entry-unit.video div.entry-contents h3 {
  margin: 0 0 12px 0;
  font-size: 18px;
  line-height: 25px;
  min-height: 0;
}
ul.entry-horizontal-l div.entry-contents blockquote {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
}
ul.entry-horizontal-l li.entry-unit div.entry-contents blockquote {
  text-align: justify;
  width: 530px;
}
ul.entry-horizontal-l li.entry-unit.has-image div.entry-contents blockquote {
  text-align: justify;
  width: 400px;
}
ul.entry-horizontal-l ul.users {
  text-transform: uppercase;
  font-size: 12px;
}
ul.entry-horizontal-l ul.users li a {
  margin-top: -4px;
  padding: 4px 0 0 20px !important;
}
ul.entry-horizontal-l ul.users strong span,
ul.entry-horizontal-l ul.users span {
  font-style: normal;
  font-family: 'Arial';
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-right: 2px;
}
ul.entry-horizontal-l ul.entry-data {
}
ul.entry-horizontal-l ul.entry-data li {
}
ul.entry-horizontal-l ul.entry-data li.descritption {
  margin-bottom: 0;
  width: 578px;
}
ul.entry-horizontal-l ul.entry-data li.category a {
  color: #FFFFFF;
  font-size: 10px;
  line-height: 18px;
  padding: 0 7px;
  margin-right: 15px;
  display: block;
  text-decoration: none;
}
ul.entry-horizontal-l ul.entry-data li.category span.category-undef {
  font-size: 10px;
  margin-left: 0px !important;
  color: #999999;
  vertical-align: top;
  padding: 0 7px;
  margin-right: 15px;
  line-height: 18px;
  background-color: #EFEFEF;
  display: block;
}
ul.entry-horizontal-l ul.entry-data li.date {
  line-height: 18px;
  margin: 14px 0 14px 0;
}
ul.entry-horizontal-l ul.entry-data li.category {
  margin: 13px 0 6px 0;
}
ul.entry-horizontal-l li.entry-unit.has-image ul.entry-data li.category,
ul.entry-horizontal-l li.entry-unit.video ul.entry-data li.category  {
  margin: 13px 0 6px 0;
}
ul.entry-horizontal-l ul.entry-meta {
  border-bottom: 1px dotted #ECECEC;
  padding: 10px 5px 10px 25px;
}
ul.entry-horizontal-l li.entry-unit.has-image ul.entry-meta {
  padding: 10px 220px 10px 22px;
}
ul.entry-horizontal-l ul.entry-meta li.domain {
  margin-right: 20px;
}
ul.entry-horizontal-l ul.entry-meta li.tag {
  margin: 10px 0 0 5px;
  clear: both;
  display: none;
}
ul.entry-horizontal-l ul.entry-meta li.tag a {
  margin: 1px 12px 1px 0;
}
ul.entry-horizontal-l li.entry-unit .follow {
  padding: 10px 2px 3px 20px;
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit {
  position: relative;
  height: 45px;
  margin: 5px 0;
  padding: 10px 22px 10px 22px;
  background-color: #F6F6F6;
  border-radius: 3px;
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit.topic-noimage {
  height: auto;
  padding: 0 25px 0 22px;
}
li.entry-unit .topic-entryunit:hover {
  background-color: #EFEFEF !important;
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit ul {
  display: inline;
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit.topic-noimage ul.thumbnail {
  display: none;
}
li.entry-unit .topic-entryunit ul.thumbnail li {
  float: left;
  margin-right: 6px;
  height: 45px;
  width: 45px;
  background-size: cover;
  background-position: center center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit ul.thumbnail li img {
  height: 45px;
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit a {
  display: block;
  position: absolute;
  padding: 5px 30px 2px 247px;
  color: #666;
  font-size: 15px;
  text-decoration: none;
  font-weight: normal;
  background-image: url("/images/icon-topic.png");
  background-size: 17px 14px;
  background-repeat: no-repeat;
  background-position: 223px 8px;
  width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit.topic-noimage a {
  position: static;
  padding: 10px 30px 10px 25px;
  font-size: 13px;
  background-position: left 13px;
  width: 540px;
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #c6c6c6;
  border-right: solid 2px #c6c6c6;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit.topic-noimage a:after {
  right: 16px;
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit a span {
  display: block;
  margin-top: 2px;
  color: #00aac8;
  font-size: 11px;
  text-decoration: none;
}
ul.entry-horizontal-l li.entry-unit .topic-entryunit.topic-noimage a span {
  display: none;
}
ul.entry-horizontal-l li.entry-unit ul.entry-comment {
  padding: 15px 25px 25px 25px;
}
ul.entry-horizontal-l ul.entry-comment div.comment {
  max-width: 536px;
}

/* entry-unit entry-horizontal-m */
ul.entry-horizontal-m {
  padding: 0 5px;
  margin: 0;
}
ul.entry-horizontal-m div.entry-contents {
  padding: 10px 25px 0 25px;
  border-bottom: 1px dotted #ECECEC;
  zoom: 1;
  position: relative;
}
ul.entry-horizontal-m div.entry-contents:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.entry-horizontal-m div.entry-contents li.description span.thumbnail {
  display: block;
  position: absolute;
  top: 18px;
  right: 25px;
  max-width: 150px; /* for IE 8 */
}
ul.entry-horizontal-m div.entry-contents li.description span.thumbnail img {
  max-width: 150px; /* 画像の最大サイズ変更時は IE 6, 7, 8 用のスタイル指定も変更のこと */
  vertical-align: middle;
}
* html ul.entry-horizontal-m div.entry-contents li.description span.thumbnail img { width: 150px; } /* for IE 6 */
*+html ul.entry-horizontal-m div.entry-contents li.description span.thumbnail img { width: 150px; } /* for IE 7 */
ul.entry-horizontal-m div.entry-contents h3 {
  margin: 2px 0 8px 0;
  font-size: 16px;
  line-height: 23px;
}
ul.entry-horizontal-m li.entry-unit.has-image div.entry-contents h3 {
  margin: 2px 0 10px 0;
  font-size: 16px;
  line-height: 23px;
  padding-right: 170px;
}
ul.entry-horizontal-m div.entry-contents blockquote {
  margin: 0 0 6px 0;
  font-size: 12px;
  line-height: 18px;
}
ul.entry-horizontal-m li.entry-unit.has-image div.entry-contents blockquote {
  margin: 0 0 10px 0;
  font-size: 12px;
  line-height: 18px;
  padding-right: 170px;
}
ul.entry-horizontal-m ul.users {
  text-transform: uppercase;
  font-size: 12px;
}
ul.entry-horizontal-m ul.users li a {
  padding-left: 25px;
}
ul.entry-horizontal-m ul.users strong span,
ul.entry-horizontal-m ul.users span {
  font-family: 'Arial';
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-right: 2px;
}
ul.entry-horizontal-m ul.entry-data {
  margin-bottom: 5px;
}
ul.entry-horizontal-m ul.entry-data li {
  margin-bottom: 4px;
}
ul.entry-horizontal-m ul.entry-data li.description {
  margin-bottom: 0;
  width: 578px;
}
ul.entry-horizontal-m ul.entry-data li.date {
  margin: 0 15px 4px 0;
}
ul.entry-horizontal-m  ul.entry-data li.category {
  display: none;
}
ul.entry-horizontal-m ul.entry-data li.category a {
  color: #FFFFFF;
  font-size: 10px;
  line-height: 18px;
  padding: 0 7px;
  margin-right: 15px;
  display: block;
  text-decoration: none;
}
ul.entry-horizontal-m ul.entry-data li.category span.category-undef {
  font-size: 10px;
  margin-left: 0px !important;
  color: #999999;
  vertical-align: top;
  padding: 0 7px;
  margin-right: 15px;
  line-height: 18px;
  background-color: #EFEFEF;
  display: block;
}
ul.entry-horizontal-m ul.entry-data li.date {
  line-height: 18px;
}
ul.entry-horizontal-m ul.entry-meta {
  border-bottom: 1px dotted #ECECEC;
  padding: 10px 25px;
}
ul.entry-horizontal-m ul.entry-meta li.domain {
  margin-right: 20px;
}
ul.entry-horizontal-m ul.entry-meta li.tag {
  margin-left: 8px;
}
ul.entry-horizontal-m ul.entry-meta li.tag a {
  margin: 1px 12px 1px 0;
}
ul.entry-horizontal-m li.entry-unit .follow {
  padding: 10px 2px 3px 19px;
}
ul.entry-horizontal-m li.entry-unit ul.entry-comment {
  padding: 15px 25px 26px 25px;
}
ul.entry-horizontal-m li.entry-unit ul.entry-comment div.comment {
  max-width: 536px;
}
div.box3_1 ul.entry-horizontal-m li.entry-list {
   min-height: 108px;
}
div.box4_1 ul.entry-horizontal-m li.entry-list {
   min-height: 103px;
}

/* entry-unit entry-horizontal-s */
ul.entry-horizontal-s {
  padding: 0 5px;
  margin: 0;
}
div.box3_1 ul.entry-horizontal-s li.entry-list {
   min-height: 89px;
}
div.box4_1 ul.entry-horizontal-s li.entry-list {
   min-height: 103px;
}
div.box3_1 li.entry-list:last-child,
div.box4_1 li.entry-list:last-child {
  border-bottom: 1px dotted #ECECEC;
}
div.box3_1 .more-entry,
div.box4_1 .more-entry {
  border-top: 1px solid #DFDFDF;
  border-bottom: none;
}
ul.entry-horizontal-s li.category {
  display: none;
}
ul.entry-horizontal-s li.entry-list.has-pr ul.entry-meta {
  margin-top: -22px;
  padding-left: 34px;
}
#sidebar-inner ul.entry-horizontal-s li.entry-list ul.entry-meta {
  float: none;
}
ul.entry-horizontal-s li.entry-list .topic-entryunit {
  position: relative;
  margin: -2px 0 5px 0;
  padding: 10px 22px;
  background-color: #F6F6F6;
  border-radius: 3px;
}
ul.entry-horizontal-s li.entry-list .topic-entryunit.topic-noimage {
  padding: 0 25px 0 22px;
}
li.entry-list .topic-entryunit:hover {
  background-color: #EFEFEF !important;
}
ul.entry-horizontal-s li.entry-list .topic-entryunit ul {
  display: inline;
}
ul.entry-horizontal-s li.entry-list .topic-entryunit.topic-noimage ul.thumbnail {
  display: none;
}
ul.entry-horizontal-s li.entry-list .topic-entryunit ul.thumbnail li img {
  height: 45px;
}
ul.entry-horizontal-s li.entry-list .topic-entryunit a {
  display: block;
  position: absolute;
  padding: 57px 20px 0 25px;
  color: #666;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  background-image: url("/images/icon-topic.png");
  background-size: 17px 14px;
  background-repeat: no-repeat;
  background-position: left 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.entry-horizontal-s li.entry-list .topic-entryunit.topic-noimage a {
  position: static;
  padding: 10px 30px 10px 25px;
  font-size: 13px;
  background-position: left 13px;
}
ul.entry-horizontal-s li.entry-list .topic-entryunit a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #c6c6c6;
  border-right: solid 2px #c6c6c6;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.entry-horizontal-s li.entry-list .topic-entryunit.topic-noimage a:after {
  right: 16px;
}
ul.entry-horizontal-s li.entry-list .topic-entryunit a span {
  display: block;
  margin-top: 2px;
  color: #00aac8;
  font-size: 11px;
  text-decoration: none;
}
ul.entry-horizontal-s li.entry-list .topic-entryunit.topic-noimage a span {
  display: none;
}


/* entry-unit entry-vertical-3 */
ul.entry-vertical-3 div.entry-contents {
  padding: 14px 16px 0 18px;
  border-bottom: 1px dotted #ECECEC;
}
ul.entry-vertical-3 div.entry-contents h3 {
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 23px;
  min-height: 69px;
  clear: both;
}
ul.entry-vertical-3 li.trim-image div.entry-contents h3 {
  margin: 0 0 12px 0;
  font-size: 16px;
  line-height: 23px;
  min-height: 69px;
  clear: both;
}
ul.entry-vertical-3 li.entry-unit.top div.entry-contents h3 {
  margin: 0 0 14px 0;
  font-size: 17px;
  line-height: 24px;
  min-height: 72px;
}
ul.entry-vertical-3 div.entry-contents blockquote {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
}
ul.entry-vertical-3 li.trim-image div.entry-contents blockquote {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  padding-right: 100px;
  text-align: justify;
}
ul.entry-vertical-3 li.entry-unit.top div.entry-contents blockquote {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
}
ul.entry-vertical-3 li.entry-unit.top ul.entry-data li.description span.thumbnail {
  margin-top: 10px;
}
ul.entry-vertical-3 ul.users {
  text-transform: uppercase;
  font-size: 12px;
}
ul.entry-vertical-3 ul.users li a {
  margin-top: -4px;
  padding: 4px 0 0 18px;
  position: relative;
}
ul.entry-vertical-3 ul.users strong span,
ul.entry-vertical-3 ul.users span {
  font-family: 'Arial';
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-right: 2px;
}
ul.entry-vertical-3 ul.entry-data {
  margin-bottom: 0;
}
ul.entry-vertical-3 li.trim-image ul.entry-data {
  position: relative;
}
ul.entry-vertical-3 ul.entry-data li {
  margin-bottom: 4px;
}
ul.entry-vertical-3 ul.entry-data li.description {
  margin-bottom: 0;
  width: 274px;
}
ul.entry-vertical-3 li.trim-image ul.entry-data li.description {
  min-height: 60px;
}
ul.entry-vertical-3 ul.entry-data li.category a {
  color: #FFFFFF;
  font-size: 10px;
  line-height: 18px;
  padding: 0 7px;
  margin-right: 15px;
  display: block;
  text-decoration: none;
}
ul.entry-vertical-3 ul.entry-data li.category span.category-undef {
  font-size: 10px;
  margin-left: 0px !important;
  color: #999999;
  vertical-align: top;
  padding: 0 7px;
  margin-right: 15px;
  line-height: 18px;
  background-color: #EFEFEF;
  display: block;
}
ul.entry-vertical-3 ul.entry-data li.date {
  line-height: 18px;
  margin: 14px 0 14px 0;
}
body.global-index ul.entry-vertical-3 ul.entry-data li.date {
  margin: 10px 0 14px 0;
}
ul.entry-vertical-3 ul.entry-data li.category,
ul.entry-vertical-3 ul.entry-data li.pr {
  margin: 14px 0 12px 0;
}
body.global-index ul.entry-vertical-3 ul.entry-data li.category,
body.global-index ul.entry-vertical-3 ul.entry-data li.pr {
  margin: 9px 0 4px 0;
}
ul.entry-vertical-3 ul.entry-data li.description span.thumbnail {
  margin-bottom: 0;
  float: none;
  clear: both;
}
ul.entry-vertical-3 li.trim-image ul.entry-data li.description span.thumbnail {
  padding: 0;
}
ul.entry-vertical-3 ul.entry-data li.description span.thumbnail {
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 0;
}
ul.entry-vertical-3 li.trim-image ul.entry-data li.description span.thumbnail {
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  background-position: center center;
  background-size: cover;
  margin: 0;
}
ul.entry-vertical-3 ul.entry-data li.description span.thumbnail img {
  max-width: 274px;
  *width: 274px;
  vertical-align: middle;
}
head/* */body ul.entry-vertical-3 ul.entry-data li.description span.thumbnail img {
  width: 274px;
}
ul.entry-vertical-3 ul.entry-meta {
  border-bottom: 1px dotted #ECECEC;
  padding: 10px 5px 10px 20px;
}
ul.entry-vertical-3 ul.entry-meta li.domain {
  margin: 0;
}
ul.entry-vertical-3 ul.entry-meta li.tag {
  margin: 6px 0 -1px 6px;
  clear: both;
  position: relative;
}
ul.entry-vertical-3 li.entry-unit .follow {
  padding: 10px 2px 3px 16px;
}
ul.entry-vertical-3 li.entry-unit ul.entry-comment {
  padding: 15px 18px 15px 18px;
}
ul.entry-vertical-3 ul.entry-comment div.comment {
  max-width: 220px;
}

/* entry-unit entry-vertical-4 */
ul.entry-vertical-4 div.entry-contents {
  padding: 12px 15px 0 15px;
  border-bottom: 1px dotted #ECECEC;
}
ul.entry-vertical-4 li.has-image div.entry-contents li.description span.thumbnail {
  padding: 0;
}
ul.entry-vertical-4 li.has-image ul.entry-data li.description {
  margin-bottom: 6px;
}
ul.entry-vertical-4 div.entry-contents li.description span.thumbnail {
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 10px 0 6px 0;
}
ul.entry-vertical-4 div.entry-contents li.description span.thumbnail img,
div.topiclist-unit div.entry-contents li.description ul.thumbnail li a img {
  max-width: 198px;
  *width: 198px;
  vertical-align: middle;
}
div.topiclist-unit div.entry-contents li.description ul.thumbnail li.topic-thumbnail {
  margin: 2px 6px 0 0;
}
div.topiclist-unit div.entry-contents li.description ul.thumbnail li.topic-thumbnail:last-child {
  margin: 2px 0 0 0;
}
div.topiclist-unit div.entry-contents li.description ul.thumbnail li.topic-thumbnail a {
  float: left;
  height: 45px;
  width: 45px;
  background-size: cover;
  background-position: center center;
}
head/* */body ul.entry-vertical-4 div.entry-contents li.description span.thumbnail img {
  width: 198px;
}
ul.entry-vertical-4 div.entry-contents h3 {
  margin: 0 0 9px 0;
  font-size: 15px;
  line-height: 22px;
  min-height: 66px;
  clear: both;
}
div.topiclist-unit ul.entry-vertical-4 div.entry-contents h3,
ul.entry-vertical-4 li.recommended div.entry-contents h3 {
  min-height: 44px;
}
div.issue-unit ul.entry-vertical-4 div.entry-contents h3 {
  min-height: 0px;
}
ul.entry-vertical-4 div.entry-contents blockquote {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
}
ul.entry-vertical-4 li.has-image div.entry-contents blockquote {
  margin: 0 0 10px 0;
  font-size: 12px;
  line-height: 18px;
}
ul.entry-vertical-4 ul.users {
  text-transform: uppercase;
  font-size: 12px;
}
ul.entry-vertical-4 ul.users li a {
  margin-top: -4px;
  padding: 4px 0 0 15px;
  position: relative;
}
ul.entry-vertical-4 ul.users strong span,
ul.entry-vertical-4 ul.users span {
  font-family: 'Arial';
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-right: 2px;
}
div.topiclist-unit ul.entry-vertical-4 ul.users strong span {
  margin: 0 2px 0 6px;
}
ul.entry-vertical-4 ul.entry-data {
}
ul.entry-vertical-4 ul.entry-data li {
  margin-bottom: 4px;
}
ul.entry-vertical-4 ul.entry-data li.description {
  margin-bottom: 0;
  width: 198px;
}
ul.entry-vertical-4 ul.entry-data li.category,
ul.entry-vertical-4 ul.entry-data li.pr {
  margin: 9px 0 4px 0;
}
ul.entry-vertical-4 ul.entry-data li.category a {
  color: #FFFFFF;
  font-size: 10px;
  line-height: 18px;
  padding: 0 7px;
  margin-right: 15px;
  display: block;
  text-decoration: none;
}
ul.entry-vertical-4 ul.entry-data li.category span.category-undef {
  font-size: 10px;
  margin-left: 0px !important;
  color: #999999;
  vertical-align: top;
  padding: 0 7px;
  margin-right: 12px;
  line-height: 18px;
  background-color: #EFEFEF;
  display: block;
}
ul.entry-vertical-4 ul.entry-data li.date {
  line-height: 18px;
  margin: 10px 0 13px 0;
}
ul.entry-vertical-4 ul.entry-data li.description span.thumbnail {
  float: none;
  clear: both;
}
ul.entry-vertical-4 ul.entry-meta {
  border-bottom: 1px solid #ECECEC;
  padding: 10px 0px 10px 15px;
}
ul.entry-vertical-4 ul.entry-meta li.domain {
  margin: 0;
}
ul.entry-vertical-4 ul.entry-meta li.tag {
  margin: 5px 0 -1px 6px;
  clear: both;
  position: relative;
}
ul.entry-vertical-4 li.entry-unit ul.entry-comment {
  padding: 15px 15px 15px 15px;
}
ul.entry-vertical-4 ul.entry-comment div.comment {
  max-width: 146px;
}
ul.entry-vertical-4 li.entry-unit .follow {
  padding: 10px 1px 3px 11px;
}
ul.entry-vertical-4 li.entry-unit .topic-entryunit {
  position: relative;
  height: 70px;
  margin: 5px 0;
  padding: 10px 0 15px 15px;
  background-color: #ECF4F7;
  border-radius: 3px;
}
ul.entry-vertical-4 li.entry-unit .topic-entryunit.topic-noimage {
  height: auto;
  padding: 0 0 0 15px;
}
ul.entry-vertical-4 li.entry-unit .topic-entryunit ul {
  display: block;
}
ul.entry-vertical-4 li.entry-unit .topic-entryunit.topic-noimage ul.thumbnail {
  display: none;
}
ul.entry-vertical-4 li.entry-unit .topic-entryunit a {
  display: block;
  position: absolute;
  padding: 57px 20px 0 25px;
  color: #666;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  background-image: url("/images/icon-topic.png");
  background-size: 17px 14px;
  background-repeat: no-repeat;
  background-position: left 60px;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.entry-vertical-4 li.entry-unit .topic-entryunit.topic-noimage a {
  position: static;
  padding: 7px 30px 7px 25px;
  font-size: 13px;
  background-position: left 10px;
  width: 165px;
}
ul.entry-vertical-4 li.entry-unit .topic-entryunit a:after {
  display: block;
  content: "";
  position: absolute;
  top: 64px;
  right: 9px;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 0;
  border-top: solid 2px #c6c6c6;
  border-right: solid 2px #c6c6c6;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.entry-vertical-4 li.entry-unit .topic-entryunit.topic-noimage a:after {
  top: 15px;
  right: 16px;
}
ul.entry-vertical-4 li.entry-unit .topic-entryunit a span {
  display: none;
}


ul.entry-vertical-4 li.additional-unit {
  display: inline-block;
  width: 230px;
  min-height: 340px;
  margin: 0 2px;
  padding: 0px;
  border: none;
  position: relative;
}
ul.entry-vertical-4 li.pager {
  display: block;
}
/*デザイン変更につき削除予定
ul.entry-vertical-4 li.pager a {
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #333;
  text-decoration: none;
  position: relative;
}
ul.entry-vertical-4 li.pager a:hover {
  text-decoration: underline;
}
ul.entry-vertical-4 li.pager a.pager-next {
  font-weight: bold;
  position: absolute;
  top: 25%;
  display: block;
  text-align: center;
}
ul.entry-vertical-4 li.pager a.pager-next:after {
  content: ' ';
  height: 0;
  width: 0;
  margin-left: 8px;
  border: 4px solid transparent;
  border-left-color: #333;
  position: absolute;
  top: 3px;
  left: 100%;
}
ul.entry-vertical-4 li.pager a.pager-prev {
  position: absolute;
  bottom: 25%;
  display: block;
  text-align: center;
}
ul.entry-vertical-4 li.pager a.pager-prev:after {
  content: ' ';
  height: 0;
  width: 0;
  margin-right: 8px;
  border: 4px solid transparent;
  border-right-color: #333;
  position: absolute;
  top: 3px;
  right: 100%;
}
*/

/* entry-unit video */
li.entry-unit.video div.entry-contents {
  padding: 173px 15px 0 15px;
  border-bottom: 1px dotted #ECECEC;
  position: relative;
}
li.entry-unit.video div.entry-contents li.description span.thumbnail {
  text-align: center;
  display: block;
  margin: 14px auto 14px auto;
}
li.entry-unit.video div.entry-contents li.description span.thumbnail img {
  max-width: 200px;
  *width: 200px;
  vertical-align: middle;
}
head/* */body li.entry-unit.video div.entry-contents li.description span.thumbnail img {
  width: 200px;
}
li.entry-unit.video div.entry-contents h3 {
  margin: 0;
  font-size: 15px;
  line-height: 22px;
  min-height: inherit;
  clear: both;
}
li.entry-unit.video div.entry-contents blockquote {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
}
li.entry-unit.video ul.users {
  text-transform: uppercase;
  font-size: 12px;
}
li.entry-unit.video ul.users li a {
  padding-left: 15px;
}
li.entry-unit.video ul.users strong span,
li.entry-unit.video ul.users span {
  font-family: 'Arial';
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-right: 2px;
}
li.entry-unit.video ul.entry-data li {
  margin-bottom: 4px;
}
li.entry-unit.video ul.entry-data li.description {
  margin-bottom: 0px;
  position: absolute;
  top: 0;
}
li.entry-unit.video ul.entry-data li.category a {
  font-size: 10px;
  line-height: 18px;
  padding: 0 7px;
  margin-right: 12px;
  display: block;
  text-decoration: none;
}
li.entry-unit.video ul.entry-data li.date {
  line-height: 18px;
  margin: 10px 0 13px 0;
}
ul.entry-vertical-4 ul.entry-data li.description span.thumbnail {
  margin-bottom: 0;
  float: none;
  clear: both;
}
li.entry-unit.video ul.entry-meta {
  border-bottom: 1px dotted #ECECEC;
  padding: 10px 0px 10px 15px;
}
li.entry-unit.video ul.entry-meta li.domain {
  margin: 0;
}
li.entry-unit.video ul.entry-meta li.tag {
  margin: 8px 0 0 8px;
  clear: both;
}
li.entry-unit.video li.entry-unit ul.entry-comment {
  padding: 15px 15px 15px 15px;
}
li.entry-unit.video ul.entry-comment div.comment {
  max-width: 146px;
}
li.entry-unit.video li.entry-unit .follow {
  padding: 10px 2px 3px 10px;
}
body.feature-video div.entry-contents li.description span.thumbnail,
li.entry-unit div.entry-contents a.video,
li.entry-unit.video div.entry-contents li.description span.thumbnail {
  display: block;
  padding: 0;
}
body.feature-video ul.entry-vertical-4 div.entry-contents li.description span.thumbnail,
ul.entry-vertical-4 li.entry-unit div.entry-contents a.video,
ul.entry-vertical-4 li.entry-unit.video div.entry-contents li.description span.thumbnail {
  width: 200px !important;
  height: 150px !important;
}
body.feature-video ul.entry-vertical-4.amazon div.entry-contents li.description span.thumbnail {
  width: inherit !important;
  height: inherit !important;
}
ul.entry-vertical-4 li.video ul.entry-data li.description span.thumbnail {
  width: 200px;
  height: 150px;
  display: block;
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-color: #F6F6F6;
}
ul.entry-vertical-4 li.video ul.entry-data.video li.description span.thumbnail {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
li.entry-unit div.entry-contents ul.entry-data.video a span.play {
  position: absolute;
  background-color: RGBa(0,0,0,0.3);
  background-image: url(/images/v3/play.png);
  background-repeat: no-repeat;
  transition: background-color 0.2s ease-in;
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  -ms-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  li.entry-unit div.entry-contents ul.entry-data.video a span.play {
    background-image: url(/images/v3/play@2x.png);
  }
}
li.entry-unit div.entry-contents ul.entry-data.video a:hover span.play {
  background-color: RGBa(0,0,0,0.7);
}
li.entry-unit div.entry-contents ul.entry-data.video a span.play {
  top: 48px;
  left: 73px;
  height: 50px;
  width: 50px;
  border: 2px solid #FFF;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
  background-size: 18px 20px;
  background-position: 18px center;
}
ul.entry-horizontal-l li.entry-unit.video div.entry-contents ul.entry-data.video a span.play {
  top: 43px;
  left: 63px;
}
ul.entry-gallery-s li.entry-unit div.entry-contents ul.entry-data.video a span.play {
  top: 26px;
  left: 47px;
  height: 46px;
  width: 46px;
  border: 2px solid #FFF;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background-size: 16px 18px;
  background-position: 17px center;
}
ul.entry-vertical-4 .pseudo-entry-unit {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

/* plate-unit plate-vertical-3 */
ul.plate-vertical-3 {
  zoom: 1;
}
ul.plate-vertical-3:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.plate-vertical-3 li.plate-unit {
  float: left;
  width: 250px;
  margin: 0 5px;
  padding: 30px 30px 16px 30px;
  background-color: #F9F9F9;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
ul.plate-vertical-3 li.plate-unit h4 {
  font-size: 22px;
  line-height: 36px;
  color: #666666;
  margin-bottom: 26px;
}
li.plate-unit a.button {
  display: block;
  text-align: center;
  background-color: #008FDE;
  margin: 10px 0;
  padding: 0px 40px;
  min-width: 140px;
  font-size: 14px;
  line-height: 46px;
  text-decoration: none;
  color: #FFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
li.plate-unit a.button:hover {
  opacity: 0.8;
}
li.plate-unit a.button span {
  font-size: 14px;
  margin-left: 2px;
}
a.button.twitter {
  background-color: #55acee !important;
}
a.button.facebook {
  background-color: #3b5998 !important;
}
a.button.checked {
  background-color: #F0F0F0 !important;
  color: #0085DE !important;
  background-image: url(/images/v3/button_checked@2x.png);
  background-size: 20px 17px;
  background-repeat: no-repeat;
  background-position: 20px center;
}
div.offer_box {
  margin: 0 auto;
  width: 960px;
}
div.offer_box h2 {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  margin: 20px 0 20px 0;
  padding: 0 24px 0 24px;
  color: #707070;
  background-color: inherit;
  display: inline-block;
}

/* entry-unit photo gallery s */
ul.entry-gallery-s {
  width: 310px;
  padding: 0;
  margin: 15px -10px 10px 19px;
  overflow: hidden;
  zoom: 1;
}
ul.entry-gallery-s:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.entry-gallery-s li.entry-unit {
  width: 145px;
  margin: 0 10px 10px 0;
  padding: 0;
  background-color: #333;
  float: left;
  position: relative;
}
ul.entry-gallery-s li.entry-unit ul.users {
  text-transform: uppercase;
  height: inherit;
  border-bottom: none;
  border-top: none;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  bottom: 10px;
  left: 10px;
  position: absolute;
}
ul.entry-gallery-s li.entry-unit.video ul.users li a {
  padding-left: 0px;
}
ul.entry-gallery-s li.entry-unit ul.users strong span,
ul.entry-gallery-s li.entry-unit ul.users em span {
  font-size: 14px;
  line-height: 14px;
}
ul.entry-gallery-s div.entry-contents {
  height: 103px;
}
ul.entry-gallery-s li.entry-unit.video div.entry-contents {
  padding: 0;
  border-bottom: none;
}
ul.entry-gallery-s h3,
ul.entry-gallery-s li.entry-unit.video div.entry-contents h3  {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  padding: 0 10px 10px 10px;
  top: 8px;
  left: 0;
  position: absolute;
}
ul.entry-gallery-s li.entry-unit.video div.entry-contents h3 a,
ul.entry-gallery-s h3 a {
  color: #FFF;
}
ul.entry-gallery-s li.entry-unit li.description {
  z-index: 10;
  position: relative;
}
ul.entry-gallery-s li.entry-unit li.description span.thumbnail {
  width: 139px;
  height: 97px;
  padding: 2px !important;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #CCCCCC;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 1;
  background-position: center center;
  background-size: cover;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
ul.entry-gallery-s li.entry-unit li.description span.thumbnail:hover {
  opacity: 0;
}
ul.entry-gallery-s li.entry-unit li.description span.thumbnail {
  display: block;
}
ul.entry-gallery-s li.entry-unit.video div.entry-contents li.description span.thumbnail {
  margin: 0;
  position: static;
}
ul.entry-gallery-s li.entry-unit li.description span.thumbnail img {
  max-width: 139px;
  max-height: 97px;
  vertical-align: middle;
}
ul.entry-gallery-s li.entry-unit li.domain {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  bottom: 10px;
  right: 10px;
  position: absolute;
  z-index: 1;
}
ul.entry-gallery-s li.entry-unit li.domain span {
  display: none;
}
ul.entry-gallery-s li.entry-unit.video ul.entry-meta {
  border-bottom: none;
  padding: 0;
}
/* infolist */
div.box3 ul.infolist-unit {
  padding: 0 10px 9px 10px;
  margin: 0;
  text-align: left;
  border-bottom: 1px dotted #ECECEC;
}
div.box_side ul.infolist-unit {
  padding: 0 0 0 24px;
}
div.box3 div.section_head h2 {
  font-size: 13px;
  line-height: 17px;
  float: none;
  display: block;
  text-align: left;
  background-color: inherit;
  background-position: 7px 9px;
  padding: 9px 0 9px 32px;
  margin: 0px 2px 0px 2px;
  border-top: 4px solid;
  border-bottom: 1px solid #EFEFEF;
}
.ad-unit .ad-list-text ul.infolist-unit a {
  padding: 0;
}
.ad-unit iframe {
  overflow: hidden;
}
ul.infolist-unit h3 {
  display: block;
}
ul.infolist-unit a,
ul.infolist-unit p {
  display: inline;
}
ul.infolist-unit li {
  padding: 9px 0;
  border-bottom: 1px solid #EFEFEF;
}
ul.infolist-unit li a {
  color: #666666;
  text-decoration: none;
}
ul.infolist-unit li h3 {
  color: #666666;
  margin: 0 0 2px 0;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
}
ul.infolist-unit li h3 a:hover {
  text-decoration: underline;
}
ul.infolist-unit li p.date {
  color: #999999;
}
ul.infolist-unit li {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
ul.infolist-unit a.category {
  font-size: 10px;
  padding: 3px 6px !important;
  margin-right: 5px;
  background-color: #DFDFDF;
}

/* entry-unit entry-list-widget */
ul.entry-unit-widget {
padding: 16px 0 18px 0;
margin: 0 5px 12px 5px;
border-top: 4px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
}
ul.entry-unit-widget li.graph {
  padding: 0;
  height: 200px;
}
ul.entry-unit-widget li.notes {
font-size: 12px;
line-height: 18px;
text-align: center;
margin-top: -15px;
position: relative;
}
ul.entry-unit-widget li.notes a {
  color: #303030;
  text-decoration: none;
}
ul.entry-unit-widget li.notes a:hover {
  text-decoration: none;
}

/* ad */
#toppage-banner-middle,
#toppage-banner-bottom {
  width: 728px;
}
.entry-unit.ad-unit,
.entry-list.ad-unit {
  text-align: center;
  border-top: 2px solid #ECECEC;
  padding: 13px 0 0 2px;
}
.ad-unit img {
  vertical-align: middle;
  margin-bottom: 15px;
}
.ad-unit .ad-list-text a {
  display: inline;
  padding: 8px;
}
div.ad-banner {
  margin: 20px auto 20px auto;
  text-align: center;
}
div.ad-rectangle {
  margin: 0 auto 14px auto;
  width: 300px;
}
div.ad-list-text {
  text-align: left;
  padding: 0 0 3px 0;
}
div.ad-unit-text {
  margin: 0 auto 0 auto;
  text-align: center;
}
div.google_afc_blocklink {
  margin: 0 0 7px 0;
  border-top: 1px solid #EFEFEF;
  padding-top: 5px;
}
div.box_side div.google_afc_blocklink {
  margin: 0 0 7px 19px;
  border-top: 1px solid #EFEFEF;
  padding-top: 5px;
}
div.ad-list-text:first-child {
  border-top: none;
}
div.ad-list-text li {
  padding: 7px 0 7px 0;
  border-bottom: 1px solid #EFEFEF;
}
div.ad-list-text li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
div.box_side div.ad-list-text li:last-child {
  padding-bottom: 7px;
}
div.google_ads_by {
  font-size: 8px;
  line-height: 10px;
  padding: 1px 0 5px 0;
  border-bottom: 1px solid #EFEFEF;
}
div.box_side div.google_ads_by {
  padding: 1px 0 5px 20px;
}
div.google_ads_by a {
  color: #CCC !important;
}
div.ad-list-text a {
  text-decoration: none;
}
div.ad-list-text span.title {
  font-size: 14px;
  line-height: 18px;
  color: #303030;
  font-weight: bold;
  margin: 0 0 0 20px;
}
div.ad-list-text span.title:hover {
  color: #7DB4E8;
}
div.ad-list-text span.visible_url {
  font-family: 'Arial';
  font-size: 12px;
  line-height: 22px;
  color: #999999;
  margin: 0 0 0 20px;
}
div.ad-list-text span.visible_url:hover {
  text-decoration: underline;
}
div.ad-list-text span.summary {
  font-size: 13px;
  line-height: 18px;
  color: #666;
  margin: 3px 0 -2px 29px;
  display: block;
}
div.box_side div.ad-list-text span.summary {
  margin: 3px 0 -2px 20px;
}
div.ad-thumb-text {
  width: 250px;
  height: 72px;
  margin: 18px 0 18px 4px;
  padding-left: 80px;
  position: relative;
  display: block;
}
div.box_side div.ad-thumb-text {
  margin-left: 23px;
}
div.ad-thumb-text img {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px;
}
div.ad-thumb-text a {
  font-size: 12px;
  color: #555;
  display: block !important;
  line-height: 22px;
  padding-top: 1px;
}
div.ad-sponsored-notice {
  font-size: 12px;
  color: #999999;
  margin: -9px 9px 3px 0;
  text-align: right;
}
div.ad-thumb-text a:hover {
  color: #7DB4E8;
}
.ad-unit .ad-list-text div.ad-thumb-text a {
  padding: 2px 0 0 0;
}
div.ad-thumb-text:first-child {
  margin-top: 20px;
}
div.box_side div.ad-thumb-text:first-child {
  margin-top: 40px;
}
div.ad-thumb-text:last-child {
  margin-bottom: 15px;
}
ul.ad-head-text {
  margin: 0 auto;
  display: block;
  position: relative;
  width: 960px;
  zoom: 1;
}
ul.ad-head-text:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
body.entry ul.ad-head-text {
  margin: -48px 0 0 0;
  float: right;
  background-color: #FFFFFF;
  padding-left: 18px;
  position: relative;
}
ul.ad-head-text #red-pr-text {
  text-align: center;
}
ul.ad-head-text .ad-head-text-close {
  display: block;
  position: absolute;
  top: 0;
  right: 8px;
  line-height: 26px;
  color: #fff;
  font-size: 14px;
  padding: 0 5px;
  cursor: pointer;
}
ul.ad-head-text a {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  text-decoration: none;
  padding-right: 10px;
  padding-bottom: 2px;
}
body.entry ul.ad-head-text a {
  margin-top: 18px;
}

ul.ad-head-text li a img, li.ad-head-text a img, div.ad-head-text a img {
  display: none;
}
ul.ad-head-text span.pr, li.ad-head-text span.pr, div.ad-head-text span.pr {
  font-size: 10px;
  line-height: 18px;
  padding: 0 4px;
  color: #008FDE;
  border: 1px solid #008FDE;
  margin-right: 3px;
}
ul.entry-vertical-3 li.entry-unit.recommended:first-child {
  border-top: 2px dotted #ECECEC;
}
ul.entry-vertical-3 li.entry-unit.recommended {
  border-bottom: 2px dotted #ECECEC;
}
ul.entry-vertical-3 li.entry-unit.recommended ul.users {
  height: auto;
  display: none;
}
ul.entry-vertical-3 li.entry-unit.recommended li.description span.thumbnail {
  margin: 0;
  position: absolute;
  top: 20px;
  width: 280px;
}
ul.entry-vertical-3 li.entry-unit.recommended ul.entry-data {
  display: none;
}
body.entry .entry-vertical-4 .ads-amazon-item .hb-entry-link-container,
ul.entry-vertical-3 li.entry-unit.recommended h3 {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  margin: 0 0 15px 0;
}
ul.entry-vertical-3 li.entry-unit.recommended h3 a {
  display: block;
  width: 200px;
  margin: 0 auto;
}
ul.entry-vertical-3 li.entry-unit.recommended h3 a:hover {
  color: #008FDE;
  text-decoration: underline;
}
ul.entry-vertical-3 li.entry-unit.recommended div.entry-contents {
  padding: 230px 10px 0 18px;
  border-bottom: none;
  position: relative;
}
ul.entry-vertical-3 li.entry-unit.recommended ul.entry-meta {
  display: none;
}
div.box_side ul.ad-list-s li.ad-unit div.ad-rectangle {
  margin: 0 0 0 20px;
}

/* entrylist-unit entry-list-entry-l */
ul.entry-list-entry-l {
  padding: 0 5px;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ECECEC;
}
ul.entry-list-entry-l li.entrylist-unit {
  border-top: 1px solid #ECECEC;
  border-bottom: none;
  padding: 9px 12px 0 60px;
  margin: 0 0 0 0;
  position: relative;
}
ul.entry-list-entry-l li.entrylist-unit h3 {
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  margin: 1px 0 3px 0;
}
ul.entry-list-entry-l li.entrylist-unit h3 a {
  color: #505050;
  text-decoration: none;
}
ul.entry-list-entry-l li.entrylist-unit ul.entry-data {
  zoom: 1;
}
ul.entry-list-entry-l li.entrylist-unit ul.entry-data:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li {
  font-size: 12px;
}
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li a {
  text-decoration: none;
  line-height: inherit;
}
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li.category,
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li.users,
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li.date,
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li.domain,
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li.tag {
  margin-right: 15px;
  line-height: 22px;
  float: left;
}
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li.users {
  margin-top: -1px;
  position: relative;
}
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li.users a span {
  font-size: 14px;
  margin-bottom: 1px;
}
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li.users a strong {
  font-weight: normal;
}
ul.entry-list-entry-l li.entrylist-unit ul.entry-data li.domain img.favicon {
  position: absolute;
  top: 11px;
  left: 23px;
  margin: 0;
}
ul.entry-list-entry-l .more-entry a {
  font-size: 12px;
  line-height: 12px;
  padding: 14px 0 14px 0;
  background-color: #EFEFEF;
  margin: 5px 0 5px 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
ul.entry-list-entry-l .more-entry a:hover {
  background-color: #DEDEDE;
}

/* entry-list-diary-l */
ul.entry-list-diary-l {
  padding: 0 5px;
  margin-bottom: 20px;
  zoom: 1;
}
ul.entry-list-diary-l:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.entry-list-diary-l li.entry-list {
  border-top: 1px solid #ECECEC;
  padding: 8px 0;
}
ul.entry-list-diary-l li.entry-list:last-child{
  border-bottom: 1px solid #ECECEC;
}
ul.entry-list-diary-l div.user-icon {
  width: 60px;
  height: 32px;
  text-align: center;
  float: left;
}
ul.entry-list-diary-l div.entry-contents {
  padding: 0 12px 0 60px;
}
ul.entry-list-diary-l div.entry-contents h3 {
  margin: 0 0 5px 0;
  font-size: 14px;
  line-height: 15px;
}
ul.entry-list-diary-l div.entry-contents h3 a:hover {
  color: #7DB4E8;
  text-decoration: none;
}
ul.entry-list-diary-l div.entry-contents ul.entry-data {
  float: left;
  font-size: 12px;
  line-height: 12px;
}
ul.entry-list-diary-l div.entry-contents ul.entry-data li.domain {
  padding: 0;
}
ul.entry-list-diary-l div.entry-contents ul.entry-data li.domain a {
  color: #9ab1d0;
}
ul.entry-list-diary-l .more-entry a {
  font-size: 12px;
  line-height: 12px;
  padding: 14px 0 14px 0;
  background-color: #EFEFEF;
  margin: 5px 0 5px 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
ul.entry-list-diary-l .more-entry a:hover {
  background-color: #DEDEDE;
}



/**/
#entry-text-ad {
  margin: 0 0 20px;
  min-height: 80px;
}

/* entry-list-diary-l の体裁のネイティブアド */
#entry-text-ad-trio {
  padding-top: 10px;
  margin-bottom: 15px;
}
.yads_ad_title {
  color: #000;
  font-weight: bold;
}




/* entrylist-unit entry-list-s */

ul.entry-list-s {
  padding: 0 0 0 19px;
  margin: 0 0 20px 0;
}
ul.entry-list-s li.entrylist-unit {
  border-bottom: 1px solid #DFDFDF;
  padding: 12px 40px 11px 30px;
  margin: 0;
  position: relative;
}
ul.entry-list-s li.entrylist-unit:first-child {
  border-bottom: 1px solid #DFDFDF;
}
ul.entry-list-s li.entrylist-unit h3 {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  margin: 0;
  width: 260px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
ul.entry-list-s li.entrylist-unit h3 a {
  color: #303030;
  text-decoration: none;
}
ul.entry-list-s li.entrylist-unit h3 a:hover {
  color: #7DB4E8;
}
ul.entry-list-s li.entrylist-unit h3 a:visited {
  color: #888888;
}
ul.entry-list-s li.entrylist-unit ul.entry-data li {
  font-size: 12px;
}
ul.entry-list-s li.entrylist-unit ul.entry-data li img {
  vertical-align: middle;
}
ul.entry-list-s li.entrylist-unit ul.entry-data li a {
  text-decoration: none;
}
ul.entry-list-s li.entrylist-unit ul.entry-data li.category,
ul.entry-list-s li.entrylist-unit ul.entry-data li.users,
ul.entry-list-s li.entrylist-unit ul.entry-data li.date,
ul.entry-list-s li.entrylist-unit ul.entry-data li.domain,
ul.entry-list-s li.entrylist-unit ul.entry-data li.tag {
  margin-right: 15px;
  line-height: 18px;
  margin: 0 18px 0 0;
  float: left;
}
ul.entry-list-s li.entrylist-unit ul.entry-data li.users {
  position: absolute;
  top: 13px;
  left: 10px;
}
ul.entry-list-s li.entrylist-unit ul.entry-data li.users a span {
  font-size: 18px;
  margin-bottom: 1px;
  display: block;
}
ul.entry-list-s li.entrylist-unit ul.entry-data li.users a strong {
  font-weight: normal;
}
ul.entry-list-s li.entrylist-unit ul.entry-data li.category a {
  font-size: 10px;
  line-height: 14px;
  color: #FFFFFF;
  padding: 2px 8px;
}
ul.entry-list-s li.entrylist-unit ul.entry-data {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 16px;
}
ul.entry-list-s li.entrylist-unit li.follow {
  height: 18px;
}
ul.entry-list-s li.entrylist-unit li.follow a {
  margin: 0 8px 0 0;
}
ul.entry-list-s li.entrylist-unit li.follow a img {
  vertical-align: top;
}

/* entry-subcategory */
div.box_section div.entry-subcategory {
  margin: 10px -2px 34px 20px;
  width: 302px;
}
li.additional-unit div.entry-subcategory {
  margin: 10px 7px 10px 9px;
}
div.entry-subcategory a {
  margin: 0 2px 6px 0;
  padding: 4px 10px 2px 10px;
  font-size: 12px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  display: inline-block;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
div.box1_1 div.entry-subcategory a {
  display: block;
}
div.entry-subcategory a:hover {
  opacity: 0.8;
}
div.entry-subcategory a.current {
  opacity: 0.5;
}
body.media-page li.additional-unit h2 {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 9px 0;
  padding: 0 10px;
  color: #666;
  background-color: transparent;
  display: block;
  line-height: 40px;
  border-top: 4px solid #EEE;
  border-bottom: 1px solid #EEE;
}

/* pager */
/*デザイン変更のため削除予定
div.pager {
  font-size: 16px;
  height: 20px;
  line-height: 25px;
  margin: 30px 0 30px 0;
  float: none;
  text-align: center;
}
div.pager strong {
  padding: 5px 8px 5px 8px;
  margin: 0 0 0 10px;
  text-decoration: none;
  color: #5A5A5A;
}
div.pager a {
  padding: 8px 18px 8px 18px;
  margin: 0 0 0 10px;
  text-decoration: none;
  color: #BBB;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-transition: background-color 0.15s ease-in, color 0.15s ease-in;
  -moz-transition: background-color 0.15s ease-in, color 0.15s ease-in;
  -o-transition: background-color 0.15s ease-in, color 0.15s ease-in;
  -ms-transition: background-color 0.15s ease-in, color 0.15s ease-in;
  transition: background-color 0.15s ease-in, color 0.15s ease-in;
}
*/
/* .ht-selected はキーボードショートカットでの選択 */

/*デザイン変更のため削除予定
div.pager a:hover,
div.pager a.ht-selected {
  color: #FFFFFF;
  background-color: #008FDE;
}
div.pager a.pager-prev,
div.pager a.pager-next {
  color: #5A5A5A;
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;
}
div.pager a.pager-prev {
  margin: 0 30px 0 0;
}
div.pager a.pager-next {
  margin: 0 0 0 30px;
}
div.pager a.pager-prev:hover,
div.pager a.pager-next:hover,
div.pager a.pager-prev.ht-selected,
div.pager a.pager-next.ht-selected {
  text-decoration: none;
  background-color: #FFFFFF;
  color: #7DB4E8;
}
div.pager span.pager-current {
  margin: 0 25px;
  color: #999999;
  font-size: 18px;
  line-height: 25px;
  font-weight: normal;
}
*/

/* pager list */
/*デザイン変更のため削除予定
div.pager-list {
  font-size: 13px;
  line-height: 14px;
  text-align: center;
  margin: 30px -50px 30px -50px;
  overflow: hidden;
  position: relative;
}
div.pager-list a {
  font-size: 13px;
  line-height: 14px;
  text-align: center;
  color: #333;
  text-decoration: none;
  margin: 0 50px;
  position: relative;
}
div.pager-list a:hover {
  text-decoration: underline;
}
div.pager-list a.pager-next {
  font-weight: bold;
}
div.pager-list a.pager-next:after {
  content: ' ';
  height: 0;
  width: 0;
  margin-left: 8px;
  border: 4px solid transparent;
  border-left-color: #333;
  position: absolute;
  left: 100%;
  top: 4px;
}
div.pager-list a.pager-prev {
}
div.pager-list a.pager-prev:after {
  content: ' ';
  height: 0;
  width: 0;
  margin-right: 8px;
  border: 4px solid transparent;
  border-right-color: #333;
  position: absolute;
  right: 100%;
  top: 4px;
}
div.pager-list span.pager-current {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #999999;
  text-decoration: none;
  margin: 0 50px;
}
*/

/* tagcloud */
#taglist {
  font-size: 22px;
  line-height: 1.3;
}
#taglist a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}
#taglist a:hover {
  text-decoration: underline;
}

#taglist a:visited {
  color: #999;
}
#taglist a.tagcloud0 {font-size: 60% }
#taglist a.tagcloud1 {font-size: 70% }
#taglist a.tagcloud2 {font-size: 80% }
#taglist a.tagcloud3 {font-size: 90% }
#taglist a.tagcloud4 {font-size: 100% }
#taglist a.tagcloud5 {font-size: 110% }
#taglist a.tagcloud6 {font-size: 120% }
#taglist a.tagcloud7 {font-size: 130% }
#taglist a.tagcloud8 {font-size: 140% }
#taglist a.tagcloud9 {font-size: 150% }

/* navi-foot-category */
div#navi-foot {
  position:relative;
  overflow:hidden;
}
ul#navi-foot-category {
  position:relative;
  left: 50%;
  margin: 5px 0 12px 0;
  float:left;
  zoom: 1;
}
ul#navi-foot-category:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul#navi-foot-category li {
  position:relative;
  left:-50%;
  float:left;
  font-size: 12px;
  margin: 0 12px;
}
ul#navi-foot-category li a {
  text-decoration: none;
}
ul#navi-foot-category li a:hover {
  text-decoration: underline;
}
ul#navi-foot-category li:before {
  border: solid transparent;
  content: "";
  height: 0;
  top: 100%;
  left: 50%;
  position: absolute;
  width: 0;
  margin-left: -6px;
  border-width: 6px;
}
body.global-index ul#navi-foot-category li.top:before,
body.headline ul#navi-foot-category li.headline:before,
body.hotentry ul#navi-foot-category li.hotentry:before,
body.category-social ul#navi-foot-category li.category-social:before,
body.social ul#navi-foot-category li.category-social:before,
body.category-economics ul#navi-foot-category li.category-economics:before,
body.economics ul#navi-foot-category li.category-economics:before,
body.category-life ul#navi-foot-category li.category-life:before,
body.life ul#navi-foot-category li.category-life:before,
body.category-knowledge ul#navi-foot-category li.category-knowledge:before,
body.knowledge ul#navi-foot-category li.category-knowledge:before,
body.category-it ul#navi-foot-category li.category-it:before,
body.it ul#navi-foot-category li.category-it:before,
body.category-entertainment ul#navi-foot-category li.category-entertainment:before,
body.entertainment ul#navi-foot-category li.category-entertainment:before,
body.category-game ul#navi-foot-category li.category-game:before,
body.game ul#navi-foot-category li.category-game:before,
body.category-fun ul#navi-foot-category li.category-fun:before,
body.fun ul#navi-foot-category li.category-fun:before,
body.feature-video ul#navi-foot-category li.video:before,
body.feature-video ul#navi-foot-category li.video:before {
  border-bottom-color: #CCCCCC;
}

/* ------------------------- *
 *  JS で追加される要素など  *
 * ------------------------- */
.layer-window {
  z-index: 2;
  background-color: #FFFFFF;
}
img.layer-window-close-button {
  float: right;
  cursor: pointer;
}
div.bookmark-entry-tooltip {
  width: 240px;
  z-index: 100;
  padding: 6px 7px 4px 45px;
  border: solid 1px #CCC;
  background: #FFF;
  color: #333;
  box-shadow: 0 3px 5px rgba(0,0,0,0.4);
  text-align: left;
  font-size: 75%;
}
div.bookmark-entry-tooltip .service-icon {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 12px;
  height: 12px;
  background: #FFF;
}
div.bookmark-entry-tooltip .profile-image {
  float: left;
  width: 32px;
  height: 32px;
  margin-left: -40px;
  margin-top: 1px;
}
div.bookmark-entry-tooltip span {
  margin-right: 5px;
}
div.bookmark-entry-tooltip .comment {
  word-wrap: break-word;
}
div.bookmark-entry-tooltip .username {
  color: #2D6BC4;
}
div.bookmark-entry-tooltip .tags,
div.bookmark-entry-tooltip .tags a {
  color: #999;
  text-decoration: none;
}

/* iPhone {{{ */
#sp-suggest {
  padding: 8px 0;
  text-align: center;
}
#sp-suggest a {
  display: inline-block;
  overflow: hidden;
  padding: 50px;
  margin: 30px 0;
  border: 3px solid #BBB;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#F3F3F3), color-stop(0.5, #F7F7F7), color-stop(0.5, #E9E9E9));
  background: -moz-linear-gradient(top, white 0%, #F7F7F7 50%, #E9E9E9 51%, #F3F3F3 100%);
  background: linear-gradient(to bottom, white 0%, #F7F7F7 50%, #E9E9E9 51%, #F3F3F3 100%);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 42px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #333;
  line-height: 1em;
}
/* }}} */

/* エントリーページ {{{ */
.breadcrumbs {
  color: #666;
  font-size: 12px;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 14px;
  margin-left: 5px;
  float: left;
}
.breadcrumbs a {
  color: #666;
  text-decoration: none;
  margin-right: 5px;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs span.sep {
  margin: 0 6px 0 1px;
}
.breadcrumb a.topic {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: block;
}
body.entry ul.entry-page-unit ul.entry-data li.category {
  margin: 3px 10px 0 0;
  display: block;
  float: left;
}
body.entry ul.entry-page-unit ul.entry-data li.category a {
  vertical-align: top;
  display: inline;
  padding: 0 7px;
  margin-right: 0;
  line-height: 1.8;
}
body.entry ul.entry-page-unit ul.entry-data li.category span.category-undef {
  font-size: 10px;
  margin-left: 0px !important;
  color: #999999;
  vertical-align: top;
  padding: 0 7px;
  margin-right: 0;
  line-height: 18px;
  background-color: #EFEFEF;
}
body.entry ul.entry-data li.domain {
  margin: 0 10px 0 0;
}
body.entry .ad-head-text li {
  text-align: right;
}
body.entry ul.entry-page-unit {
  margin: 0 5px 0 5px;
}
body.entry ul.entry-page-unit ul.users {
  width: 100px;
  float: left;
  border-bottom: none;
  text-align: center;
  z-index: 100;
  position: relative;
}
body.entry ul.entry-page-unit ul.users span {
  display: block;
}
body.entry .entry-page-unit ul.users a {
  text-decoration: none;
  text-transform: uppercase;
  padding: 18px 0 0 0;
  margin-top: -4px;
  position: relative;
}
body.entry .entry-page-unit .entry-contents {
  padding: 18px 25px 0 25px;
  zoom: 1;
  position: relative;
  border-top: 4px solid #ECECEC;
  z-index: 1;
  width: 578px;
}
ul.entry-page-unit div.entry-contents:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.entry-page-unit div.entry-contents li.description a.thumbnail {
  display: block;
  position: absolute;
  top: 18px;
  right: 25px;
  max-width: 150px; /* for IE 8 */
}
ul.entry-page-unit div.entry-contents li.description a.thumbnail img {
  max-width: 150px; /* 画像の最大サイズ変更時は IE 6, 7, 8 用のスタイル指定も変更のこと */
  vertical-align: middle;
}
* html ul.entry-page-unit div.entry-contents li.description a.thumbnail img { width: 150px; } /* for IE 6 */
*+html ul.entry-page-unit div.entry-contents li.description a.thumbnail img { width: 150px; } /* for IE 7 */
ul.entry-page-unit div.entry-contents h3#title-edit {
  margin: 0 0 12px 75px;
  font-size: 20px;
  line-height: 29px;
  min-height: 52px;
}
body.entry #entry-info,body.entry #entry-related-info p.no-bookmark-comment-message {
  padding: 18px 25px 0 25px;
}
body.entry #entry-related-info p.no-bookmark-comment-message span.p {
  display: block;
  margin-bottom: 10px;
}
body.entry #entry-related-info p.no-bookmark-comment-message span.sep {
  border-bottom: 1px solid #ddd;
  padding-bottom: 16px;
  margin-bottom: 18px;
}
body.entry #entry-related-info p.no-bookmark-comment-message span.p em {
  font-style: normal;
}
body.entry #entry-related-info p.no-bookmark-comment-message span.p span.title {
  font-weight: bold;
}
body.entry #entry-info #entry-content {
  padding-bottom: 18px;

}
body.entry p.description {
  text-indent: 1em;
}
body.entry #entry-content p {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
body.entry #entry-content p .later {
  font-size: 12px;
}
body.entry div#entry-related-info p.no-bookmark-comment-message {
  font-size: 14px;
  line-height: 24px;
}

body.entry #entry-content a.thumbnail img {
  max-width: 150px;
  vertical-align: middle;
}
ul.entry-page-unit ul.users {
  text-transform: uppercase;
  font-size: 12px;
}
ul.entry-page-unit ul.users li a {
  padding-left: 25px;
}
ul.entry-page-unit ul.users strong span,
ul.entry-page-unit ul.users span {
  font-family: 'Arial';
  font-size: 26px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-right: 2px;
}
ul.entry-page-unit ul.entry-data {
  margin: 12px 0;
}
ul.entry-page-unit ul.entry-data li {
  height: 18px;
  margin-bottom: 10px;
  display: inline;
  float: none;
}
ul.entry-page-unit ul.entry-data li.star {
  height: auto;
}
ul.entry-page-unit ul.entry-data li.category {
  margin-right: 12px;
  position: relative;
  z-index: 9;
}
ul.entry-page-unit ul.entry-data li.category a {
  color: #FFFFFF;
  font-size: 10px;
  line-height: 18px;
  padding: 0 7px;
  display: block;
  text-decoration: none;
  float: left;
}
ul.entry-page-unit ul.entry-data li.category span {
  height: 18px;
  margin-left: 8px;
  float: left;
  display: block;
}
ul.entry-page-unit ul.entry-data li.category span.category-undef {
  font-size: 10px;
  margin-left: 0px !important;
  color: #999999;
  vertical-align: top;
  display: inline;
  padding: 0 7px;
  margin-right: 0;
  line-height: 18px;
  background-color: #EFEFEF;
}
ul.entry-page-unit ul.entry-data li.users {
  margin-right: 16px;
}
ul.entry-page-unit ul.entry-data li.users a {
  font-family: 'Arial';
  font-size: 10px;
  line-height: 18px;
  font-weight: normal;
  text-decoration: none;
  display: block;
}
ul.entry-page-unit ul.entry-data li.users a:hover {
  text-decoration: underline;
}
ul.entry-page-unit ul.entry-data li.users a span {
  font-size: 14px;
}
ul.entry-page-unit ul.entry-data li.domain {
  margin: 0 0px 8px 4px;
}
ul.entry-page-unit ul.entry-data li.domain a {
  width: inherit;
  margin-bottom: -4px;
}
ul.entry-page-unit ul.entry-data li.star {
  margin: -4px 0 8px 6px;
  position: relative;
}
ul.entry-page-unit ul.entry-data li#entry-ranking {
  line-height: 24px;
  margin-left: 16px;
  padding-left: 20px;
  background-image: url(/images/v3/icon-rank.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left -1px;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  ul.entry-page-unit ul.entry-data li#entry-ranking {
    background-image: url(/images/v3/icon-rank@2x.png);
  }
}
ul.entry-page-unit ul.entry-data li#entry-ranking a {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #D2BD00;
  vertical-align: top;
}
ul.entry-page-unit ul.entry-data li#entry-ranking a:hover {
  text-decoration: underline;
}
ul.entry-page-unit ul.entry-meta {
  padding: 7px 25px;
}
ul.entry-page-unit li.entry-unit ul.entry-comment {
  padding: 15px 25px 26px 25px;
}
ul.entry-page-unit ul.entry-comment div.comment {
  max-width: 538px;
}
ul.entry-page-unit ul.entry-data li.domain {
  height: 18px;
}
ul.entry-page-unit ul.entry-data li.domain img {
  margin: 0 5px -3px 0;
  float: none;
  position: relative;
}
ul.entry-page-unit ul.entry-data li.entry-topic,
ul.entry-page-unit ul.entry-data li.entry-product {
  display: block;
  margin: 16px 0 0 0;
}
ul.entry-page-unit ul.entry-data li.entry-topic a,
ul.entry-page-unit ul.entry-data li.entry-product a {
  display: inline-block;
  margin-right: 20px;
  padding-left: 23px;
  line-height: 16px;
  color: #666;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: left center;
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.entry-page-unit ul.entry-data li.entry-topic a:hover,
ul.entry-page-unit ul.entry-data li.entry-product a:hover {
  text-decoration: underline;
}
ul.entry-page-unit ul.entry-data li.entry-topic a {
  background-image: url("/images/v3/icon-topic.png");
}
ul.entry-page-unit ul.entry-data li.entry-product a {
  background-image: url("/images/v3/icon-box-gray.png");
}
ul.entry-page-unit ul.entry-data li.tag {
  display: block;
  margin: 5px 0 0 6px;
}
ul.entry-page-unit ul#favorite-bookmarks li {
  margin: 0 8px 8px 0;
  display: inline-block;
}
ul.entry-page-unit li.entry-unit div.entry-contents #entry-content a.thumbnail {
  display: none;
}
body.entry #entry-info a.thumbnail {
  display: block;
  position: static;
  float: right;
  margin: 0 0 0 20px;
}
body.entry #entry-content {
  clear: both;
  overflow: hidden;
}
body.entry #entry-content a {
  color: #008FDE;
  text-decoration: none;
}
body.entry #entry-content a.keyword {
  color: #666;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}
body.entry #entry-content a.pagelink {
  font-size: 12px;
  margin-left: 12px;
  color: #008FDE;
  text-decoration: none;
}
body.entry #entry-content a.pagelink:hover {
  text-decoration: underline;
}
body.entry a.pagelink {
  color: #008FDE;
  text-decoration: none;
}
body.entry a.pagelink:hover {
  text-decoration: underline;
}
#entry-paragraph-label {
  font-size: 11px;
  text-align: left;
  color: #999;
  margin: 10px 0;
  height: 16px;
}
#entry-paragraph-label a {
  margin-left: 10px;
  color: #9AB1D0;
  text-decoration: none;
}
#entry-paragraph-label a.admin_link_edit {
  background-image: url(/images/v3/edit.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 21px;
}
#entry-paragraph-label form {
  display: inline;
}
#entry-paragraph-label form input {
  float: none;
  border: none;
  background-color: #FFFFFF;
  height: 13px;
  font-size: 11px;
  padding: 0;
  margin-left: 10px;
  color: #9AB1D0;
  cursor: pointer;
}
#entry-paragraph-label form input.refresh {
  background-image: url(/images/v3/icon-refresh.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  #entry-paragraph-label a.admin_link_edit {
    background-image: url(/images/v3/edit@2x.png);
  }
  #entry-paragraph-label form input.refresh {
    background-image: url(/images/v3/icon-refresh@2x.png);
  }
}

body.entry #bookmarks {
  overflow: hidden;
  margin: 0 3px 0 5px;
  background-color: #FEFEFE;
}
body.entry #bookmarks h4 {
  line-height: 24px;
  height: 24px;
  border-bottom: 3px solid #008FDE;
  zoom: 1;
}
body.entry #bookmarks h4:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
body.entry #bookmarks h4 .inner {
  color: #333;
  font-size: 12px;
}
body.entry #bookmarks li {
  overflow: hidden;
}
body.entry #bookmarks .profile-icon {
  display: block;
  float: left;
  margin-left: -36px;
  position: relative;
}
body.entry #bookmarks .profile-icon img {
  width: 24px;
  height: 24px;
  margin-top: 3px;
  border: 1px solid #CCCCCC;
}
body.entry #bookmarks .bookmark-list {
  overflow: hidden;
}
body.entry #bookmarks .bookmark-list li.message {
  text-align: center;
  padding: 30px 0;
  color: #333333;
  font-size: 14px;
}
body.entry #bookmarks .bookmark-list li.message a {
  color: #008FDE;
}
body.entry #bookmarks .bookmark-list li:last-child {
  border-bottom: 1px solid #EFEFEF;
}
body.entry #bookmarks #remaining-new-bookmarks .bookmark-list {
  padding-top: 0;
}
body.entry #miiverse-posts {
  margin: 0;
}
body.entry #miiverse-posts .miiverse-posts-header {
  margin: 12px 10px 6px 10px;
}
body.entry #miiverse-posts .miiverse-posts-header h3 {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
}
body.entry #miiverse-posts .miiverse-posts-header h3 a {
  padding: 7px 0px 7px 100px;
  color: #666;
  font-size: 12px;
  text-decoration: none;
  background-image: url(/images/miiverse-logo-ja.png);
  background-size: auto 24px;
  background-repeat: no-repeat;
}
body.entry #miiverse-posts .miiverse-posts-list li iframe {
  margin: 10px auto !important;
}
body.entry #miiverse-posts .more-entry a {
  display: block;
  margin-top: 5px;
  padding: 14px 0 14px 0;
  color: #888;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  background-color: #EFEFEF;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
body.entry #miiverse-posts .more-entry a:hover {
  background-color: #DEDEDE;
}

body.entry .add-bookmark-container .header {
  font-size: 13px;
  margin: 0 0 0 44px;
  display: block;
  zoom: 1;
}
body.entry #bookmarks .bookmark-list .header {
  font-size: 13px;
  margin-bottom: 3px;
  zoom: 1;
}
body.entry .add-bookmark-container li.self .profile-icon {
  float: left;
  margin-top: 1px;
  margin-left: -45px;
}
body.entry .add-bookmark-container .header a {
  margin-right: 10px;
}
body.entry .add-bookmark-container .tags a.user-tag {
  margin: 0 6px 0 0px;
}
body.entry .add-bookmark-container a.username,
body.entry #bookmarks .bookmark-list a.username {
  color: #008FDE;
  text-decoration: none;
  font-size: 13px;
}
body.entry #add-bookmark-container .bookmark-list li {
  padding: 0 0 0 50px;
  line-height: 18px;
  position: relative;
}
body.entry #bookmarks .bookmark-list li {
  padding: 8px 10px 8px 40px;
  border-bottom: 1px solid #DFDFDF;
  position: relative;
  background-color: #FFFFFF;
  width: 582px;
  line-height: 18px;
}
body.entry #bookmarks .bookmark-list .user-comment-link {
  font-size: 11px;
  font-weight: normal;
  color: #999;
  text-decoration: none;
  padding-left: 16px;
  margin: 0 8px 0 -1px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(/images/v3/comment-link.png);
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx),(min-resolution: 2dppx){
  body.entry #bookmarks .bookmark-list .user-comment-link {
    background-image: url(/images/v3/comment-link@2x.png);
  }
}
body.entry #bookmarks .bookmark-list .user-comment-link:hover {
  text-decoration: underline;
}
body.entry #bookmarks .bookmark-list .edit .user-comment-link {
  display: none;
}
body.entry .add-bookmark-container .timestamp {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
body.entry #bookmarks .bookmark-list .timestamp {
  color: #AAAAAA;
  font-size: 12px;
  line-height: 18px;
}
body.entry #bookmarks .bookmark-list span.timestamp {
  margin: 0 16px 0 0px;
}
body.entry span.timestamp a {
  color: inherit;
  text-decoration: none;
}
body.entry span.timestamp a:hover {
  text-decoration: underline;
}
.tags {
  padding-left: 12px;
}
.tags.empty {
  display:none;
}
.tags a.user-tag {
  display: inline-block;
  float: none;
}
body.entry .tags {
  margin-left: 8px;
  padding-left: 17px;
  background-image: url(/images/v3/icon-tag.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left center;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx),(min-resolution: 2dppx){
  body.entry .tags {
    background-image: url(/images/v3/icon-tag@2x.png);
  }
}
body.entry a.plus_icon {
  vertical-align: middle;
  margin-left: 3px;
}
body.entry div#add-bookmark-container a.plus_icon {
  vertical-align: inherit;
}
body.entry div#add-bookmark-container a.plus_icon img {
  vertical-align: inherit;
}
body.entry .twitter img {
  vertical-align: middle;
  margin-left: 3px;
}
body.entry #bookmarks .inplace-report-bookmark {
  position: absolute;
  top: 5px;
  right: 0px;
}
body.entry .add-bookmark-container .comment-container {
  min-height: 22px;
  font-size: 13px;
  line-height: 16px;
  color: #666;
  padding: 0;
  display: block;
  position: static;
}
body.entry .add-bookmark-container .comment-container.edit {
  height: 33px;
  margin: 0 0 21px 0;
}
body.entry .add-bookmark-container .comment-container.edit span.starContainer {
  display:none;
}
body.entry .add-bookmark-container .comment-container span {
  margin-right: 10px;
  font-size: 12px;
  line-height: 18px;
}
body.entry .add-bookmark-container .comment-container span.comment {
  float: left;
}
body.entry .add-bookmark-container .comment-container span.delete-bookmark {
  margin-left: 12px;
  color: #FF7790;
}
body.entry .add-bookmark-container .comment-container span.delete-bookmark a {
  margin-left: 10px;
  color: #999;
}
body.entry .add-bookmark-container .comment-container {
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}
body.entry .add-bookmark-container .user-comment-link {
  font-size: 11px;
  font-weight: normal;
  color: #999;
  text-decoration: none;
  padding-left: 16px;
  margin: 0 8px 0 -1px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(/images/v3/comment-link.png);
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx),(min-resolution: 2dppx){
  body.entry .add-bookmark-container .user-comment-link {
    background-image: url(/images/v3/comment-link@2x.png);
  }
}
body.entry .add-bookmark-container .bookmark-list .user-comment-link:hover {
  text-decoration: underline;
}
body.entry #add-bookmark-container .comment-container .comment-share {
  margin-top: 1px;
}
body.entry #bookmarks .comment-container .comment-share a{
  margin-bottom: -3px;
}
body.entry #add-bookmark-container .comment-container .comment-share a,
body.entry #bookmarks .comment-container .comment-share a {
  display: inline-block;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
body.entry #add-bookmark-container .comment-container .comment-share .twitter,
body.entry #bookmarks .comment-container .comment-share .twitter,
ul.comment-list-headline-l li .comment-share.twitter,
.box_side .comment-share.twitter {
  background-image: url('/images/v3/comment-share-twitter.png');
}
body.entry #add-bookmark-container .comment-container .comment-share .facebook,
body.entry #bookmarks .comment-container .comment-share .facebook,
ul.comment-list-headline-l li .comment-share.facebook,
.box_side .comment-share.facebook {
  background-image: url('/images/v3/comment-share-facebook.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body.entry #add-bookmark-container .comment-container .comment-share .twitter,
  body.entry #bookmarks .comment-container .comment-share .twitter,
  ul.comment-list-headline-l li .comment-share.twitter,
  .box_side .comment-share.twitter {
    background-image: url('/images/v3/comment-share-twitter@2x.png');
  }
  body.entry #add-bookmark-container .comment-container .comment-share .facebook,
  body.entry #bookmarks .comment-container .comment-share .facebook,
  ul.comment-list-headline-l li .comment-share.facebook,
  .box_side .comment-share.facebook {
    background-image: url('/images/v3/comment-share-facebook@2x.png');
  }
}
body.entry #add-bookmark-container .comment-container .comment-share a span,
body.entry #bookmarks .comment-container .comment-share a span,
ul.comment-list-headline-l li .comment-share span,
.box_side .comment-share span {
  display: none;
}
body.entry li.self .comment-container.edit {
  width: 570px;
  height: 26px;
}
body.entry .add-bookmark-container.box li.self .comment-container.edit {
  height: 43px;
}
body.entry li.self .comment-container.edit .inplace-comment-controller {
  width: 100%;
}
body.entry li.self .comment-container.edit .bookmark-appender-private {
  position: absolute;
  left: 23px;
  font-size: 12px;
}
body.entry li.self .comment-container.edit input.private {
  position: absolute;
  left: 1px;
}
body.entry li.self .comment-container .char-count {
  position: absolute;
  top: 24px;
  left: 484px;
  color: #999999;
  font-size: 12px;
  text-align: right;
  margin-right: 0px;
  width: 55px;
}
body.entry li.self .comment-container .char-count.char-count-over,
body.entry .add-bookmark-container .comment-container span.char-count.char-count-over,
body.entry #add-bookmark-container span.char-count.char-count-over,
body.entry li.self .comment-container .char-count.char-count-over {
  color: #f00;
}
body.entry li.self .comment-container .bookmark-appender-cancel {
  position: absolute;
  top: 53px;
  right: 59px;
  padding: 2px 7px;
}
body.entry li.self .comment-container input.bookmark-appender-submit {
  position: absolute;
  top: 53px;
  right: 9px;
}
body.entry .add-bookmark-container li.self .comment-container.edit {
  width: 500px;
}
body.entry .add-bookmark-container li.self .comment-container.edit a.user-comment-link {
  display: none;
}
body.entry .add-bookmark-container.box li.self .comment-container.edit {
  width: 560px;
}
body.entry .add-bookmark-container li.self .comment-container.edit .bookmark-appender-private {
  position: absolute;
  top: 35px;
  left: 24px;
}
body.entry .add-bookmark-container li.self .comment-container.edit input.private {
  position: absolute;
  top: 35px;
  left: 2px;
}
body.entry li.self .comment-container .char-count {
  position: absolute;
  top: 3px;
  left: 508px;
  color: #999999;
  font-size: 12px;
}
body.entry li.self .comment-container .bookmark-appender-cancel {
  position: absolute;
  top: 33px;
  right: 52px;
  padding: 3px 7px;
}
body.entry li.self .comment-container input.bookmark-appender-submit {
  position: absolute;
  top: 33px;
  right: 2px;
}
body.entry .inplace-comment-controller {
  width: 506px;
  position: absolute;
  top: 4px;
}
body.entry li.self .inplace-comment-controller {
  top: inherit;
  right: inherit;
  width: 573px;
  position: static;
}
body.entry .comment-container.delete .inplace-comment-controller {
  width: auto;
  margin: 0;
}
body.entry .inplace-comment-controller img {
  margin-left: 5px;
}
body.entry div#add-bookmark-container .inplace-comment-controller {
  top: inherit;
  right: inherit;
  width: 573px;
  position: static;
}
body.entry .inplace-comment-controller form.inplace-form {
  height: 60px;
  position: relative;
}
body.entry div#add-bookmark-container .comment-container.edit .inplace-comment-controller {
  top: 0px;
  right: 5px;
}
body.entry #bookmarks li.self .comment-container {
  padding: 0;
  padding-right: 40px;  /* ブックマーク編集ボタンと被らないように */
}
body.entry li.self .inplace-comment-controller img {
  position: absolute;
}
body.entry li.self .inplace-comment-controller img.inplace-delete-icon {
  top: 8px;
  right: 0;
}
body.entry li.self .inplace-comment-controller img.inplace-edit-icon {
  top: 8px;
  right: 28px;
}
body.entry div#add-bookmark-container li.self .inplace-comment-controller img.inplace-delete-icon {
  top: 0;
  right: 0;
}
body.entry div#add-bookmark-container li.self .inplace-comment-controller img.inplace-edit-icon {
  top: 0;
  right: 28px;
}
body.entry .inplace-comment-controller .inplace-form .comment {
  border: 1px solid #BBB;
  width: 507px;
  height: 20px;
  font-size: 13px;
  padding-right: 60px;
}
body.entry #bookmarks li.self .inplace-comment-controller .inplace-form .comment {
  padding-right: 60px;
  width: 507px;
}
body.entry .add-bookmark-container .comment-container span.char-count {
  color: #999999;
  position: absolute;
  top: 3px;
  right: 6px;
  margin-right: 0px;
}
body.entry .comment-container input.private {
  position: absolute;
  top: 37px;
  left: 6px;
}
body.entry .comment-container span.bookmark-appender-private {
  position: absolute;
  top: 37px;
  left: 27px;
}
body.entry .add-bookmark-container .comment a,
body.entry #bookmarks .comment-container .comment a {
  color: #666;
}
body.entry #bookmarks .comment-container.edit {
  display: block;
}
body.entry #bookmarks .comment-container span.starContainer {
  margin-left: 0;
}
body.entry #bookmarks .comment-container span.twitter.with-click-count,
body.entry #bookmarks .comment-container span.twitter.with-click-count a.with-short-url,
body.entry #bookmarks .comment-container span.twitter.with-click-count a.click-count {
  margin-left: 2px;
}
body.entry #bookmarks .comment-container a.click-count {
  margin-right: 6px;
}
body.entry #bookmarks .comment-container span.twitter.with-click-count a {
  font-size: 12px;
  color: #9AB1D0;
  white-space: nowrap;
  text-decoration: none;
}

body.entry .entry-contents .entry-data li.clicks {
  font-size: 13px;
  margin-left: 10px;
  color: #9AB1D0;
  white-space: nowrap;
  text-decoration: none;
}

body.entry #bookmarks .comment-container span.twitter.with-click-count a:hover {
  text-decoration: underline;
}
body.entry .add-bookmark-container .comment-container span.delete-bookmark {
  margin-left: 0px;
  color: #FF7790;
  line-height: 18px;
}
body.entry .add-bookmark-container .comment-container span.delete-bookmark a {
  margin-left: 10px;
  color: #999;
}
body.entry #bookmarks .comment-container span.hatena-star-star-container {
  margin: 0 5px;
}
body.entry #bookmarks .edit span.hatena-star-star-container {
  display: none;
}
body.entry #bookmarks .comment-container .hatena-star-highlight {
  margin: 0;
  padding: 0;
}
h3#title-edit a#head-entry-link span {
  font-size: 20px;
  font-weight: bold;
}
body.entry #bookmarks .comment-container span.comment {
  font-size: 13px;
}
body.entry #bookmarks .comment-container .user-comment-meta {
  display: block;
  margin: 1px 0 -1px 0;
}
body.entry #bookmarks .bookmark-list li.nocomment span.comment {
  float: left;
}
body.entry #bookmarks .nocomment .comment-container {
  background: none;
  border: none;
  padding: 0;
}
body.entry #bookmarks .nocomment .comment-container:before,
body.entry #bookmarks .nocomment .comment-container:after {
  content: '';
  position: static;
  display: none;
}
body.entry #bookmarks .edit .inplace-comment-controller {
  position: static;
  display: inline;
}
body.entry #bookmarks li.self .comment-container.edit {
  padding-bottom: 38px;
  position: relative;
}
body.entry .add-bookmark-container .comment-container.delete,
body.entry .add-bookmark-container .comment-container.delete:before,
body.entry .add-bookmark-container .comment-container.delete:after {
  border-color: #FFFFFF;
  padding: 0px;
}
body.entry #bookmarks li.self .comment-container.delete span.delete-bookmark {
  margin-left: 0px;
  line-height: 20px;
  color: #FF7790;
  background-color: #FFFFFF;
}
body.entry #bookmarks li.self .comment-container.delete span.delete-bookmark a {
  margin-left: 10px;
  color: #999;
}
body.entry #bookmarks li.self .comment-container.delete {
  height: auto;
}
body.entry .inplace-comment-controller span {
  margin-right: 10px;
}
body.entry input.bookmark-appender-submit {
  float: right;
  border: none;
  line-height: 24px;
  font-size: 12px;
  padding: 0 12px;
  margin: 0;
  color: #FFFFFF;
  background-color: #0091DE;
  border: 1px solid #0071B4;
  position: absolute;
  top: 45px;
  right: 5px;
}
.comment-container input.bookmark-appender-submit:disabled,
body.entry .add-bookmark-container input#submit-button:disabled,
body.entry input.bookmark-appender-submit:disabled {
  color: #aaa;
  background-color: #DDD;
  border-color: #AAA;
}
body.entry .bookmark-appender-cancel {
  float: right;
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  color: #666666;
  display: inline;
  height: auto;
  margin: 0 0 0 0;
  background-color: #ECECEC;
  padding: 2px 7px;
  border: 1px solid #BBBBBB;
  position: absolute;
  top: 45px;
  right: 55px;
}
body.entry div#highlighted-wrapper {
  background-color: #CCC;
  padding: 18px 0 24px 0;
  margin: 0 5px 5px 7px;
}
body.entry div#highlighted-bookmark {
  display: block;
  border: 1px solid #EEE;
  background-color: #FFF;
  margin: 0 20px;
  padding: 16px 16px 18px 16px;
  position: relative;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
body.entry div#highlighted-bookmark:after {
  border: solid transparent;
  content: ' ';
  height: 0;
  right: 100%;
  position: absolute;
  width: 0;
  border-width: 12px;
  border-top-color: #FFF;
  bottom: -24px;
  left: 282px;
}
body.entry div#highlighted-bookmark .profile-icon {
  display: block;
  position: absolute;
  left: 16px;
  width: 32px;
  height: 32px;
  text-align: center;
}
body.entry div#highlighted-bookmark .profile-icon img {
  vertical-align: middle;
  max-width: 32px;
  line-height: 32px;
}
body.entry div#highlighted-bookmark .header {
  font-size: 18px;
  line-height: 32px;
  margin: 0 0 0 48px;
  zoom: 1;
}
body.entry div#highlighted-bookmark a.username {
  color: #008FDE;
  text-decoration: none;
}
body.entry div#highlighted-bookmark .tags a.user-tag {
  margin: 0 0 0 5px;
  font-size: 13px;
  line-height: 21px;
  color: #AAAAAA;
  text-decoration: none;
}
body.entry div#highlighted-bookmark .comment-container {
  font-size: 22px;
  line-height: 32px;
  color: #333333;
  margin: 12px 5px 0 48px;
}
body.entry div#highlighted-bookmark .comment-container ul {
  margin: 12px 0 0 0;
  zoom: 1;
}
body.entry div#highlighted-bookmark .comment-container ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
body.entry div#highlighted-bookmark .comment-container ul li {
  float: left;
}
body.entry div#highlighted-bookmark  span.timestamp {
}
body.entry div#highlighted-bookmark  .timestamp {
  color: #AAAAAA;
  font-size: 14px;
  line-height: 18px;
}
body.entry div#highlighted-bookmark span.linkinfo {
  color: #AAAAAA;
  font-size: 13px;
  line-height: 18px;
  margin-left: 20px;
}
#visibility-info {
  font-size: 12px;
  margin: 8px 20px 8px 0;
  float: right;
}
#visibility-info span {
  color: #999;
}
#visibility-info a {
  color: #999 !important;
  text-decoration: underline;
}
#visibility-info a img {
  vertical-align: middle;
  margin-right: 5px;
}
.violation {
  font-size: 12px;
  margin: 8px 20px 8px 0;
  float: right;
}
.violation a {
  color: #999;
}
#more-comment-load a {
  display: block;
  padding: 10px 0 7px;
  border: 1px solid #ccc;
  border-bottom-color: #b0b0b0;
  background: #f0f0f0 url(/images/bookmark-button-back.gif) repeat-x 0px 50%;
  color: #444;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 0px 2px 1px #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#more-comment-load a {
  /width: 100%;
}
#more-comment-load a:hover {
  border-color: #AAA;
}
#more-comment-load a span {
  font-weight: normal;
  font-size: 90%;
}
#more-comment-load a:active {
  color: #222;
  border-color: #A0A0A0 #A5A5A5 #AAA;
  background: #E0E0E0;
}
#more-link {
  float: right;
  font-size: 12px;
  margin: 0 10px 0 20px;
}
#more-link a {
  color: #008FDE;
}
#more-link a:hover {
  text-decoration: none;
}
#bookmark-status {
  width: 280px;
  margin: 0 auto 0 auto;
  padding: 0 0 8px 0;
  background: #fff;
  z-index: 2;
}
#miniGraphCanvasContainer {
  font-size: 7pt;
  padding-top: 5px;
  overflow: hidden;
  position: relative;
  text-align: center;
  zoom: 1;
}
#miniGraphCanvasLink {
  display: block;
}
#miniGraphCanvas {
  cursor: pointer;
  margin: 1.3em 0px 0px;
}
#originXTick {
  float: left;
}
#maxXTick {
  float: right;
}
#maxYTick {
  position: absolute;
  text-align: left;
  top: 0px;
  right: 0px;
  color: #2C6EBD;
}
ul.tab-navi {
  zoom: 1;
}
ul.tab-navi:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.tab-navi li {
  cursor: pointer;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #BBB;
  max-width: 120px;
  height: 24px;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 16px;
  display: block;
  float: left;
  margin-left: 5px;
}
ul.tab-navi li:hover {
  background-color: #ABABAB;
}
ul.tab-navi li.disable:hover {
  background-color: #BBB;
  cursor: auto;
}
ul.tab-navi li:first-child {
  margin-left: 10px;
}
ul.tab-navi li.current {
  background-color: #008FDE;
}
body.entry #entry-content.embed {
  margin-bottom: 18px;
}
body.entry #entry-content.embed,
body.entry .video-content {
  text-align: center;
}
div.video-content embed {
  vertical-align: middle;
}
div.www_slideshare_net {
  font-size: 12px;
  line-height: 18px;
}
div.www_pixiv_net .pixiv-embed-illust {
  margin: 0 auto 5px auto !important;
}
body.entry #entry-blogparts-toggle-button {
  cursor: pointer;
  color: #9AB1D0;
}
body.entry .blogparts-input-text {
  width: 325px;
}
body.entry #entry-blogparts {
  padding: 15px 18px 11px 18px;
  border: 1px solid #eee;
  margin: -10px -10px 10px 0;
  font-size: 12px;
  background-color: #F9F9F9;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
body.entry #entry-blogparts .blogparts-preview-button {
  font-size: 11px;
  margin-left: 24px;
  position: relative;
  cursor: pointer;
  color: #999;
}
body.entry #entry-blogparts table {
  width: 100%;
}
body.entry #entry-blogparts table td a {
  color: #008FDE;
  font-size: 12px;
  line-height: 25px;
}
body.entry #entry-blogparts table td {
  padding: 5px 0 0 105px;
}
body.entry #entry-blogparts table td br {
  margin-bottom: 5px;
}
body.entry #entry-blogparts table td span.header {
  width: 100px;
  margin-left: -103px;
  display: inline-block;
  font-weight: bold;
  line-height: 18px;
  color: #666666;
  position: relative;
}
body.entry #entry-blogparts table td input {
  padding: 2px 5px 2px 5px;
  font-size: 12px;
  vertical-align: middle;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
body.entry #entry-blogparts #blogparts-container {
  font-size: 12px;
  margin-bottom: 10px;
}
body.entry #entry-blogparts #blogparts-container p.blogparts-note {
  margin-bottom: 5px;
}
body.entry #entry-blogparts #blogparts-widget-container {
  margin-top: 5px;
}
body.entry #entry-blogparts #blogparts-widget-container p.blogparts-note {
  margin: 0 0 10px 5px;
  font-size: 12px;
}
body.entry #entry-blogparts #blogparts-widget-preview {
  text-align: center;
  margin-left: -100px;
  position: relative;
}
body.entry #blogparts-container {
  margin: 10px 0 0 5px;
}
body.entry #entry-subcontent {
  float: right;
  margin: 10px 10px -15px 0;
  font-size: 11px;
  color: #999;
  position: relative;
}
body.entry #title-edit button {
  border: none;
  line-height: 28px;
  font-size: 12px;
  padding: 0 12px;
  margin: 8px 8px 0 0;
  color: #FFFFFF;
  background-color: #0091DE;
  border: 1px solid #0071B4;
}
body.entry #title-edit input {
  width: 390px;
  font-size: 15px;
  padding: 4px;
  margin: 0 10px 0 0;
}
body.entry #title-edit span {
  font-weight: normal;
  font-size: 12px;
}
body.entry #title-edit span img {
  vertical-align: middle;
  cursor: pointer;
}
body.entry #title-edit .bookmarklet-lock-cancel {
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  color: #666666;
  float: none;
  display: inline;
  height: auto;
  margin: 0;
  line-height: 24px;
  background-color: #ECECEC;
  padding: 7px 10px;
  border: 1px solid #BBBBBB;
}
body.entry #title-edit .notice {
  display: block;
}
body.entry #title-edit .notice a {
  text-decoration: underline;
  font-weight: bold;
}
body.entry #category-edit {
  cursor: pointer;
}
body.entry #update-category-form .category-edit-cancel {
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  color: #666666;
  float: none;
  display: inline;
  height: auto;
  margin: 0;
  font-size: 12px;
  line-height: 24px;
  background-color: #ECECEC;
  padding: 4px 9px;
  border: 1px solid #BBBBBB;
}
body.entry #update-category-form {
  background: #fff;
  border: 1px solid #eee;
  clear: both;
  position: absolute;
  padding: 10px;
  text-align: right;
  top: -10px;
  left: 0px;
  border: 1px solid #CCC;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  -o-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
body.entry #update-category-form .inputbutton {
  border: none;
  line-height: 22px;
  font-size: 12px;
  padding: 0 12px;
  margin: 8px 8px 0 0;
  color: #FFFFFF;
  background-color: #0091DE;
  border: 1px solid #0071B4;
}
body.entry #update-category-form p.notice {
  font-size: 12px;
  margin-top: -21px;
  text-align: left;
  position: relative;
  width: 370px;
}
body.entry #update-category-form p.notice a {
  background: none;
  color: inherit;
  font-size: 100%;
  padding: 0;
  line-height: inherit;
  text-decoration: underline;
  font-weight: bold;
  float: none;
}
body.entry #asin-rel-item img {
  vertical-align: middle;
}
body.entry #entry-content.its,
body.entry #entry-content.asin {
  font-size: 80%;
}
body.entry #asin-rel-item {
  padding: 0 0 14px 0;
  zoom: 1;
  overflow: hidden;
}
#asin-rel-item h3 a {
  color: #008FDE;
  text-decoration: none;
  font-weight: normal;
}
body.entry #asin-rel-item:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
body.entry #asin-rel-item h3 {
  font-size: 12px;
  line-height: 26px;
  background: #eee;
  padding: 0 10px 0 10px;
  font-weight: bold;
  margin-bottom: 8px;
}
body.entry #asin-rel-item h3 img.profile-image {
  margin-right: 5px;
}
body.entry .asin-title a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #303030;
}
body.entry .asin-title a:hover {
  color: #7DB4E8;
}
body.entry .asin-title a img {
  margin-right: 5px;
}
body.entry .asin-authorlist {
  font-size: 14px;
}
body.entry .asin-authorlist a {
  color: #303030;
  text-decoration: none;
}
body.entry .asin-authorlist a:hover {
  text-decoration: underline;
}
body.entry .asin-timestamp {
  margin-left: 8px;
}
body.entry div.asin-comment {
  font-size: 14px;
  margin: 10px 18px;
}
body.entry .asin-image {
  float: left;
  text-align: center;
  overflow: hidden;
  width: 160px;
}
body.entry .its-image {
  float: left;
  text-align: center;
  overflow: hidden;
  width: 130px;
}
body.entry img.its-artwork {
  padding-bottom: 10px;
  width: 110px;
  height: 110px;
}
body.entry #entry-content.asin .asin-cart-form {
  margin: 10px 0;
}
body.entry .asin-notice-title {
  font-size: 11px;
  color: #999;
  text-decoration: underline;
  margin-left: 8px;
  cursor: pointer;
}
body.entry .asin-notice {
  display: none;
  font-size: 70%;
  width: 300px;
  background: #fff;
  padding: 10px;
  margin-left: -50px;
  border: 1px solid #eee;
}
body.entry li.asin-price-info {
  font-size: 12px;
  margin-top: 5px;
}
body.entry span.asin-ourprice {
  margin-right: 5px;
  color: #900;
  font-size: 16px;
  font-weight: bold;
}
body.entry span.asin-availability {
  color: green;
}
body.entry .ads-amazon-container {
  clear: both;
  overflow: hidden;
  margin: 0 0 12px 0;
}
body.entry .ads-amazon-container h3 {
  font-size: 12px;
  line-height: 28px;
  background: #eee;
  padding: 0 10px 0 10px;
  font-weight: bold;
  margin-bottom: 12px;
}
body.entry .ads-amazon-container .ads-amazon-item {
  float: left;
  width: 120px;
  text-align: center;
  margin-left: 20px;
  font-size: 12px;
}
body.entry .ads-amazon-container .ads-amazon-item .entry-ads-amazon-list {
  text-align: left;
}
body.entry .ads-amazon-container .ads-amazon-item .entry-ads-amazon-list li {
  display: inline;
}
body.entry .ads-amazon-container .ads-amazon-item .entry-ads-amazon-list li a {
  color: #505050;
  text-decoration: none;
}
body.entry .ads-amazon-container .ads-amazon-item .entry-ads-amazon-list li span.users a {
  color: #008FDE;
}
body.entry .asin-info-sub-container {
  font-size: 12px;
  margin-top: 5px;
}
body.entry .entry-vertical-4 .ads-amazon-item  {
  text-align: center;
  border-top: 2px solid #EEEEEE;
  border-bottom: 2px solid #EEEEEE;
  margin: 0 5px 0 7px;
  padding: 20px 0 0 0;
}
body.entry .entry-vertical-4 .ads-amazon-item .shim-elem-for-height {
  background-image: none;
}
body.entry .entry-vertical-4 .ads-amazon-item .hb-entry-link-container {
  padding: 10px 20px 16px 20px;
  text-align: left;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0;
}
body.entry .entry-vertical-4 .ads-amazon-item div.hb-entry-link-container a {
  color: #008FDE;
}
body.entry .entry-vertical-4 .ads-amazon-item div.hb-entry-link-container a.item-name {
  color: #333;
}
body.entry .entry-vertical-4 .ads-amazon-item .hb-entry-link-container span {
  margin-left: 10px;
}
body.entry .entry-vertical-4 .ads-amazon-item .hb-entry-link-container a,
body.entry .entry-vertical-4 .ads-amazon-item .hb-entry-link-container a:visited {
  font-weight: normal;
  text-decoration: none;
}
body.entry #asin-sponsor {
  padding: 0 25px;
  margin-bottom: 1em;
}
body.entry #asin-sponsor-intro span {
  text-decoration: underline;
  cursor: pointer;
}
body.entry #asin-sponsor-editor{
  margin-top: 5px;
  padding: 10px;
  font-size: 90%;
  border: 1px solid #eee;
}
body.entry #asin-sponsor-search{
  text-align: center;
  border-bottom: 1px dotted #999;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
body.entry .iphoneapp .asin-amazon-link {
  padding-left: 130px;
}
body.entry .its-link {
  padding-left: 150px;
}
body.entry .asin-amazon-link {
  padding-left: 180px;
}
body.entry div.asin-comment {
  font-size: 14px;
  border: 1px solid #EEE;
  padding: 6px 18px 6px 10px;
  margin: -8px 0 20px 0;
  position: relative;
}
body.entry div.asin-comment:after {
  border: solid transparent;
  content: "";
  height: 0;
  top: 100%;
  position: absolute;
  width: 0;
  border-width: 8px;
  border-top-color: #FFF;
  left: 32px;
}
body.entry div.asin-comment:before {
  border: solid transparent;
  content: "";
  height: 0;
  top: 100%;
  position: absolute;
  width: 0;
  border-width: 10px;
  border-top-color: #EEE;
  left: 30px;
}
body.entry #asin-sponsor #asin-sponsor-intro {
  font-size: 12px;
  text-align: right;
}
body.entry #asin-sponsor #asin-sponsor-intro a {
  color: #333;
}
body.entry #asin-sponsor-editor p.asin-sponsor-config-link {
  text-align: right;
  font-size: 12px;
  margin-top: 5px;
}
body.entry #asin-sponsor-editor p.asin-sponsor-config-link a {
  text-decoration: underline;
  color: #333;
}
body.entry #asin-sponsor-result {
  padding: 0 10px;
  overflow: scroll;
}
#asin-sponsor-result li p {
  padding-left: 100px;
}
#asin-sponsor-result li p {
  font-size: 12px;
}
#asin-sponsor-result li p a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #303030;
}
body.entry #asin-sponsor-result a img {
  float: left;
  margin-right: 10px;
}
body.entry #asin-sponsor-result li {
  overflow: hidden;
  padding: 10px 0 5px 5px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
body.entry #asin-sponsor-pager {
  text-align: center;
  padding: 5px;
}
body.entry #asin-sponsor-pager span {
  font-size: 12px;
  line-height: 12px;
  padding: 13px 0 13px 0;
  background-color: #EFEFEF;
  margin: 5px 0 5px 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  display: block;
}
body.entry #asin-sponsor-pager span:hover {
  background-color: #7DB4E8;
  color: #FFFFFF;
}
body.entry #asin-sponsor-result li.selected {
  background: #eee;
}
#asin-sponsor-submit {
  margin-top: 12px;
  font-size: 12px;
  padding: 0 10px;
}
body.entry #asin-sponsor-editor-comment {
  width: 35em;
  max-width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.entry .asin-button {
  margin-top: 10px;
}

body.entry #visibility-info-message {
  text-align: center;
  padding: 20px;
  font-size: 13px;
  line-height: 20px;
}
body.entry #visibility-info-message a {
  color: #008FDE;
}
body.entry div#entry-related-info span.p {
  line-height: 20px;
  padding-left: 20px;
}
body.entry div#entry-related-info span.p br {
  display: block;
  line-height: 10px;
}
body.entry div#entry-related-info span.p span.related-top {
  display: block;
  margin-bottom: 10px;
  margin-left: -20px;
  font-size: 13px;
}
body.entry div#entry-related-info span.p span.related-bottom {
  display: block;
  margin-top: 12px;
  margin-bottom: 20px;
  margin-left: -20px;
  font-size: 13px;
}
body.entry div#entry-related-info span.p img.favicon {
  margin-bottom: -3px;
  margin-left: -20px;
  margin-right: 4px;
  position: relative;
}
body.entry div#entry-related-info span.p strong.title {
}
body.entry div#entry-related-info span.p span.users {
  margin-left: 12px;
  font-size: 12px;
  display: inline-block;
}
body.entry div#entry-related-info span.p span.users a span {
  font-size: 14px;
}
body.entry div#entry-related-info span.p span.users a {
   color: #9AB1D0;
   text-decoration: none;
}
body.entry div#entry-related-info span.p span.users a:hover {
  text-decoration: underline;
}
body.entry div#entry-related-info span.p a.url {
  margin-bottom: 10px;
  font-family: 'Arial';
  font-size: 14px;
  color: #999999;
  width: 550px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

/* }}} */

/* BTOP 幅いっぱいの広告 */
#toppage-banner-top {
  margin: 0 -5px;
  min-height: 275px;
}

div.ad-unit.ads-double-rectangle div.ad-rectangle {
  float: right;
  margin: 0 -20px 0 0;
}

div.ad-unit.ads-double-rectangle div.ad-rectangle.left {
  float: left;
  margin: 0 0 0 0;
}

/* ENTRY-ADSENSE {{{ */

div.ads-entry {
  position: relative;
  height: 164px;
  font-size: 90%;
  padding: 0 20px 0 20px;
  margin: 0 0 8px 0;
}
div.ads-entry.bottom {
  border-top: none;
  height: 260px;
  margin: 0 3px 8px 3px;
  padding: 0 5px 0 5px;
}
div.ads-entry.bottom.ads-double-rectangle {
  text-align: center;
}
div.ads-entry .google_afc_blocklink {
  zoom: 1;
}
div.ads-entry .google_ads_by {
  padding: 1px 0 0px 12px;
  border-bottom: none;
}
div.ads-entry.bottom .google_ads_by {
  padding: 0px 0 7px 12px;
  border-bottom: 1px solid #EFEFEF;
}
div.ads-entry.bottom .ad-rectangle {
  display: inline; zoom: 1; /* for old IE */
  display: inline-block;
}
div.ads-entry.bottom .ad-rectangle.left {
  margin-right: 18px;
}
div.ads-entry .google_ads_by a {
  color: #999;
}
div.ads-entry div.google_afc_blocklink {
  border-top: none;
}
div.ads-entry div.google_afc_blocklink ul li {
  line-height: 1.4;
  padding: 8px 0;
}
div.ads-entry.bottom div.google_afc_blocklink ul li {
  border-bottom: 1px solid #eee;
  padding: 10px 0 7px 0;
}
div.ads-entry div.google_afc_blocklink ul li:last-child {
  border-bottom: none;
  padding: 8px 0 2px 0;
}
div.ads-entry.bottom div.google_afc_blocklink ul li:last-child {
  border-bottom: 1px solid #EFEFEF;
  padding: 10px 0 7px 0;
}
div.ads-entry div.google_afc_blocklink ul li a {
  text-decoration: none;
  display: inline;
  padding: 8px;
}
div.ads-entry div.google_afc_blocklink ul li span.title {
  font-size: 15px;
  line-height: 19px;
  color: #303030;
  font-weight: bold;
  margin: 0 0 0 4px;
}
div.ads-entry.bottom div.google_afc_blocklink ul li span.title {
  margin: 0 0 0 46px;
}
div.ads-entry div.google_afc_blocklink ul li span.title:hover {
  color: #7DB4E8;
}
div.ads-entry div.google_afc_blocklink ul li span.summary {
  font-size: 13px;
  line-height: 18px;
  color: #666;
  margin: 3px 0 -2px 13px;
  display: block;
}
div.ads-entry.bottom div.google_afc_blocklink ul li span.summary {
  margin: 3px 0 -2px 54px;
}
div.ads-entry div.google_afc_blocklink ul li span.visible_url {
  font-family: 'Arial';
  font-size: 12px;
  line-height: 22px;
  color: #999999;
  margin: 0 0 0 6px;
}
div.ads-entry.bottom div.google_afc_blocklink ul li span.visible_url {
  margin: 0 0 0 46px;
}
div.ads-entry div.google_afc_blocklink ul li span.visible_url:hover {
  text-decoration: underline;
}
#ad-bottom {
  font-size: 80%;
  min-height: 185px;
  margin-bottom: 20px;
  padding: 0 5px 17px 5px;
  /height: 185px;
}

/* }}} ADSENSE */

/* BOX-TITLE-BAR {{{ */
#add-bookmark-container h4.entry-page-main-subtitle {
  font-size: 12px;
  line-height: 30px;
  background-color: #666;
  padding: 0 12px 0 12px;
  font-weight: bold;
  margin-bottom: 12px;
}
#add-bookmark-container h4.entry-page-main-subtitle span.inner,
#add-bookmark-container h4.entry-page-main-subtitle a.inner {
  display: block;
  color: #FFF;
  font-weight: normal;
}

/* }}} */

/* ENTRY-COMMENT-FORM {{{ */
.add-bookmark-container {
  margin-bottom: 10px;
  padding: 10px 8px 10px 8px;
  border-top: 2px solid #DDDDDD;
  border-bottom: 2px solid #DDDDDD;
  margin: 0 0px 15px 2px;
  zoom: 1;
  background-color: #EFEFEF;
}
.add-bookmark-container .profile-image {
  width: 32px;
  height: 32px;
}
.add-bookmark-container:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.add-bookmark-container img {
  vertical-align: middle;
}
.submit-share-container img {
  float: none;
}
.submit-right-container img {
  float: none;
}
.add-bookmark-form {
  padding: 8px;
}
.add-bookmark-form .profile-image {
  float: left;
  width: 32px;
  height: 32px;
  border: 1px solid #CCCCCC;
  position: relative;
}
.add-bookmark-form form {
  margin-left: 36px;
}
.add-bookmark-form textarea#comment {
  width: 546px;
  height: 20px;
  font-size: 14px;
  line-height: 17px;
  color: #666666;
  padding: 6px;
  margin: 0 0 0 10px;
  border: 1px solid #AAAAAA;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  position: relative;
  resize: vertical;
}
.add-bookmark-form .submit-right-container {
  font-size: 12px;
  float: right;
}
input#submit-button  {
  height: 30px;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #0091DE;
  border: 1px solid #0071B4;
  margin: 0 0 0 12px;
  padding: 0 8px;
  cursor: pointer;
  -webkit-border-radius: 0;
}
input#submit-button:hover {
  background-color: #00A5DE;
  border-color: #008FDE;
}
span#tag-trigger {
  font-size: 12px;
  margin-right: 4px;
  color: #666;
  cursor: pointer;
  outline: medium none;
  position: relative;
}
span#tag-trigger span {
  font-size: 12px;
}
#tag-trigger.tag-panel-shown {
}
ul.hatena-bookmark-tag-list {
  margin: 0;
  padding: 0;
  border: solid 1px #AAA;
  z-index: 10003;
  width: 150px;
  list-style-type: none;
  color: #000;
  background-color: #FFF;
  font-size: 80%;
}
ul.hatena-bookmark-tag-list li {
  padding-left: 3px;
  border-bottom: solid 1px #FFFFFF;
  line-height: 1;
  padding: 4px;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
}
ul.hatena-bookmark-tag-list li:after {
  clear: both;
  content: "";
  display: block;
}
ul.hatena-bookmark-tag-list .hatena-bookmark-suggest-count {
  float: right;
  width: 28px;
  text-align: right;
  color: #777;
}
ul.hatena-bookmark-tag-list .hatena-bookmark-suggest-curret .hatena-bookmark-suggest-count {
  background-color: transparent;
  color: white;
}
ul.hatena-bookmark-tag-list .hatena-bookmark-suggest-curret {
  background-color: #2C6EBD;
  color: white;
  font-weight: bold;
}
#tag-panel {
  max-width: 534px;
  background-color: #FFFFFF;
  border: 1px solid #DDD;
  position: absolute;
  margin-left: -12px;
  margin-top: -3px;
  padding: 16px 4px 4px 20px;
  _width: 500px;
  _left: 0;
  _margin-left: 70px;
  _margin-top: 21px;
  overflow: auto;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
  -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
  -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
  -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  z-index: 1000;
}
#tag-panel p a {
  font-size: 12px;
  color: #008FDE;
  text-decoration: none;
  text-align: right;
  display: block;
  padding: 7px 16px 0 0;
}
#tag-panel dt {
  font-size: 13px;
  font-weight: bold;
  color: #666;
  margin-bottom: 6px;
}
#tag-panel dt a,
#tag-panel dt span.all-tags-shown {
  font-size: 12px;
}
#tag-panel dt span {
  margin-left: 18px;
  font-weight: normal;
  color: #008FDE;
  text-decoration: none;
}
#tag-panel dt span.frequent-tags-shown,
#tag-panel dt span.all-tags-shown {
  margin-left: 0px;
}
#tag-panel dl.recommend-tags {
  margin-bottom: 12px;
}
#tag-panel dl#all-tags-container {
  margin-bottom: 10px;
}
#tag-panel dt a {
  margin-left: 18px;
  font-weight: normal;
  color: #008FDE;
  text-decoration: none;
}
dd#all-tags span.tag,
dd#recommend-tags span.tag {
  float: left;
  font-size: 10px;
  line-height: 16px;
  padding: 0 6px 0 8px;
  margin: 4px 16px 4px 0;
  display: block;
  color: #666666;
  background-color: #ECECEC;
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  text-decoration: none;
  position: relative;
  display: inline;
}
dd#all-tags span.tag:after,
dd#recommend-tags span.tag:after {
  content: "";
  position: absolute;
  border: 2px solid #FFFFFF;
  top: 6px;
  left: -1px;
  border-radius: 50%;
}
dd#all-tags span.tag:before,
dd#recommend-tags span.tag:before {
  border: solid transparent;
  content: "";
  height: 0;
  right: 100%;
  position: absolute;
  width: 0;
  border-width: 8px;
  border-right-color: #ECECEC;
  top: 0px;
}
dd#all-tags span.tag:hover,
dd#recommend-tags span.tag:hover {
  color: #FFFFFF;
  background-color: #999999;
}
dd#all-tags span.tag:hover:before,
dd#recommend-tags span.tag:hover:before {
  border: solid transparent;
  content: "";
  height: 0;
  right: 100%;
  position: absolute;
  width: 0;
  border-width: 8px;
  border-right-color: #999999;
  top: 0px;
}
dd#all-tags span.tag.tag-selected,
dd#recommend-tags span.tag.tag-selected {
  color: #FFFFFF;
  background-color: #008FDE;
}
dd#all-tags span.tag.tag-selected:before,
dd#recommend-tags span.tag.tag-selected:before {
  border: solid transparent;
  content: "";
  height: 0;
  right: 100%;
  position: absolute;
  width: 0;
  border-width: 8px;
  border-right-color: #008FDE;
  top: 0px;
}
.bookmark-submit-container {
  margin: 10px 0 0 30px;
  padding-top: 0;
  line-height: 27px;
}
.submit-share-container {
  padding-left: 24px;
  margin: -13px 0 0 -32px;
}
.add-bookmark-form.bookmark-submit-container {
  margin: 0 0 0 30px;
}
.option-help-tooltip {
  border: 1px solid #46a899;
  background-color: #def2ef;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 18px;
  color: #46a899;
  margin: 15px 0 0px -10px;
}
.option-help-tooltip a {
  color: #008FDE;
}
.bookmark-submit-container label {
  margin-left: 3px;
}
.bookmark-submit-container label#private_label {
  margin-left: 10px;
}
#typecounter {
  margin-left: 10px;
  color: #AAAAAA;
}
.bookmark-submit-container label input {
  margin: 0;
}
.submit-right-container label img,
.submit-share-container label img {
  margin: 0px 2px 2px 2px;
}
.submit-share-container label#private_label img {
  margin: 0;
}
#all-tags,
#recommend-tags {
  max-height: 10em;
  overflow-y: auto;
  padding-left: 7px;
  zoom: 1;
}
#all-tags .tag,
#recommend-tags .tag {
  border: 1px solid #f0f0f0;
  padding: 1px 2px;
  margin-right: 3px;
  line-height: 2;
  font-size: 80%;
  color: #666;
}
#all-tags .tag-selected,
#recommend-tags .tag-selected {
  background: #5596E6;
  border-bottom-color: white;
  border-right-color: white;
  color: white;
}
#all-tags {
  max-height: 10em;
  overflow-y: auto;
  padding-left: 7px;
}
#all-tags .pager {
  margin-top: 5px;
  font-size: 80%;
}
.add-bookmark-guest {
  padding: 10px;
  background-color: #f0f0f0;
  color: #666;
  text-align: center;
}
/* }}} ENTRY-COMMENT-FORM */


/* ============================ User Navigator ============================ */
/* Dropdown and popup for user icons */
/* プロフィール画像にマウスオーバーしたときのボックスが出てきてクリックしたら詳細が見えるアレ */
/* static/css/common.css と static/css/common2.css から持ってきて一部変更を加えた; 一部未整理 */
/* USER SUBWINDOW {{{ */
#user-navigator {
  position: absolute;
  border:1px solid #eee;
  border-color: #DDD #AAA #AAA #DDD;
  width: 35px;
  height: 20px;
  padding: 0 0 0 0;
  margin: 0 0 0 0; /* 後ろの IE 6 対応のブロックもセットで扱うこと */
  text-align: left;
  z-index: 2;
  cursor: pointer;
  }
  /* IE 6 対応; 未検証. IE 7 も必要? */
  * html #user-navigator { margin-left: -2px; margin-top: -2px; }
.user-navigator-large {
  width: 51px !important;
  height: 36px !important;
  cursor: pointer;
}
.user-navigator-large-24 {
  width: 42px !important;
  height: 28px !important;
  cursor: pointer;
}
#user-navigator-subwindow {
  position: absolute;
  z-index: 2;
  width: 205px;
  padding: 5px;
  margin: 0;
  border: solid 1px #EEE;
  border-color: #DDD #AAA #AAA #DDD;
  text-align: left;
  line-height: 1;
  background-color: #FFF;
  font-size: 90%;
}
#user-navigator-subwindow ul {
  clear: both;
  overflow: hidden;
  zoom: 1;
  padding: 0 3px;
}
#user-navigator-subwindow ul li {
  text-align: right;
  padding-bottom: 3px;
  font-size: 90%;
  margin: 0;
}
#user-navigator-subwindow ul li span.label {
  float: left;
  font-weight: bold;
}
#user-navigator-subwindow ul li.followers {
  text-align: left;
}
#user-navigator-subwindow ul li.followers img {
  margin: 2px 0;
}
/* 移植したけどいらなさそう...?
#user-navigator-subwindow ul.following {
  background: #e6f8b8;
}*/
/* 上部 */
#user-navigator-subwindow ul .navigator-profile-icon {
  float: right;
  width: 99px;
  overflow: hidden;
}
#user-navigator-subwindow ul .navigator-following {
  float: left;
  width: 100px;
}
#user-navigator-subwindow ul .navigator-following a {
  display: block;
  width: 96px; height: 18px;
  margin: 3px 0;
}
#user-navigator-subwindow ul .navigator-following a.follow-link,
#user-navigator-subwindow ul .navigator-following a.ignore-link {
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 5px;
}
#user-navigator-subwindow a:hover {
}
/* 移植したけどいらなさそう
#user-navigator-subwindow ul li.navigator-username {
  font-weight: bold;
  text-align: left;
  font-size: 100%;
}*/
/* 中段 */
#user-navigator-subwindow .navigator-user-info {
  padding: 5px 5px 0 5px;
  background: #F6F6F6;
}
#user-navigator-subwindow .navigator-user-info a.navigator-homepage {
  /* user/partial.information での favicon の背景画像指定を img 要素に置き換えたらこの
   * CSS は不要になる */
  background: transparent left top no-repeat;
  padding: 1px 0 1px 18px;
}
#user-navigator-subwindow .navigator-user-info a.navigator-homepage img {
  /* user/partial.information での favicon の背景画像指定を img 要素に置き換えたらこの
   * CSS が有効になる */
  vertical-align: bottom;
  margin-right: 2px;
}
#user-navigator-subwindow .hatena-service-list {
  margin-top: 2px;
}
#user-navigator-subwindow .hatena-service-list li {
  display: inline;
}
#user-navigator-button {
  display: block;
  height: 100%;
  width: 0;
  margin: 0;
  padding: 0 0 0 14px;
  overflow: hidden;
  cursor: pointer;
  background: #EEE url("/images/down_arrow.gif") 2px center no-repeat;
}
#user-navigator-button.navigator-open {
  background-image: url("/images/up_arrow.gif");
}
span.remove-ignore, a.remove-ignore,
span.remove-favorite, a.remove-favorite,
span.add-ignore, a.add-ignore,
span.add-favorite, a.add-favorite {
  text-decoration: none;
  color: #0000EE;
  padding-bottom: 2px;
}
span.remove-favorite, a.remove-favorite {
  color: #333;
}
span.add-ignore, a.add-ignore {
}
span.remove-ignore, a.remove-ignore {
  color: #333;
}
span.remove-ignore span, a.remove-ignore span,
span.remove-favorite span, a.remove-favorite span {
  padding-left: 0.1em;
  letter-spacing: 1px;
  font-size: 90%;
  color: #0000EE;
}
#user-navigator-subwindow .ignore-twitter-user p {
  padding-bottom: 3px;
  font-size: 85%;
  line-height: 1.3em;
}
#user-navigator-subwindow .ignore-twitter-user .left {
  float: left;
}
#user-navigator-subwindow .ignore-twitter-user .right {
  margin-left: 55px;
}
#user-navigator-subwindow .ignore-twitter-user .right img {
  cursor: pointer;
}
.ignore-twitter-user-note {
  font-size: 80%;
  filter:alpha(opacity=80);
  opacity: 0.8;
  margin-bottom: 8px;
}

/* 移植したけど使われてないっぽいのでコメントアウト
div#user-navigator-list {
  position: absolute;
}
 */
li.favorite img {
  cursor: pointer;
}

#user-navigator-subwindow ul li.private {
  text-align: center !important;
  padding: 2px 0;
  background: #000;
  color: #FFF;
  margin: -5px 0 5px 0;
  border: solid 1px #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
  font-size: 80%;
}
#user-navigator-subwindow ul li span.private {
  font-size: 90%;
}

/* }}} */

/* ENTRY GUSEST {{{ */

#add-bookmark-container.guest {
  font-size: 90%;
  background: #f9f9f9;
  border: 1px solid #eee;
  margin: 10px 25px;
  padding: 1em;
}
#add-bookmark-container.guest .guest-signup-container {
  text-align: center;
  padding: 1em;
}
#add-bookmark-container.guest .guest-signup-container a {
  padding: 0.7em;
  background: #86b111;
  display: inline-block;
  font-size: 110%;
  margin: auto;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0px 3px 0 rgba(0,0,0,0.5);
}
#add-bookmark-container.guest .guest-signup-container a span {
  display: block;
  padding: 0;
  font-weight: normal;
  font-size: 11px;
}
#add-bookmark-container.guest .guest-signup-container a:hover {
  background: #7fa810;
  text-decoration: underline;
}

/* }}} */

/*  category-color setting */
li.entry-unit ul.users, li.entry-unit ul.users a,
li.entry-unit li.users a,
li.entrylist-unit li.users a {
  border-top-color: #999999;
  color: #999999;
}
li.entry-unit ul.entry-data li.category a,
li.entry-list ul.entry-data li.category a,
div.entry-subcategory a {
  background-color: #999999;
}
ul.entry-data li.pr {
  border-color: #999999;
  color: #999999;
}
a.category.headline,
a.category.girls {
  color: #00AAC8;
}
a.category.hotentry,
a.category.general {
  color: #008FDE;
}
a.category.ranking {
  color: #FF5A64;
}
a.category.group1,
div.section_head.group1 h2 {
  color: #A78358;
}
a.category.group2,
div.section_head.group2 h2 {
  color: #068B71;
}
a.category.group3,
div.section_head.group3 h2 {
  color: #81B6F0;
}
a.category.group4,
div.section_head.group4 h2 {
  color: #F5AC0F;
}
a.category.group5,
div.section_head.group5 h2 {
  color: #008FDE;
}
div.box_section.headline h2,
div.box_section.headline h2 a,
div.box-wrap.headline h3.unit-title,
div.box-wrap.headline h3.unit-title a,
body.headline li.additional-unit h2,
div.box_section.girls h2,
div.box_section.girls h2 a,
div.box-wrap.girls h3.unit-title,
div.box-wrap.girls h3.unit-title a,
body.feature-girls li.additional-unit h2 {
  color: #00AAC8 !important;
}
div.box_section.headline div.section_head:after,
div.box_section.girls div.section_head:after {
  border-bottom-color: #00AAC8;
}
div.box_section.hotentry h2,
div.box_section.hotentry h2 a,
div.box_section.hotentry .users a,
div.box-wrap.hotentry h3.unit-title,
div.box-wrap.hotentry h3.unit-title a,
body.hotentry li.additional-unit h2,
div.box_section.general h2,
div.box_section.general h2 a,
div.box-wrap.general h3.unit-title,
div.box-wrap.general h3.unit-title a,
body.general li.additional-unit h2 {
  color: #008FDE !important;
}
div.box_section.hotentry div.section_head:after,
div.box_section.general div.section_head:after {
  border-bottom-color: #008FDE;
}
div.box_section.social h2,
div.box_section.social h2 a,
div.box_section.social .users a,
div.box_section.economics h2,
div.box_section.economics h2 a,
div.box_section.economics .users a,
div.box-wrap.social h3.unit-title,
div.box-wrap.social h3.unit-title a,
div.box-wrap.economics h3.unit-title,
div.box-wrap.economics h3.unit-title a,
body.category-social li.additional-unit h2,
body.category-economics li.additional-unit h2 {
  color: #A88357;
}
div.box_section.social div.section_head:after,
div.box_section.economics div.section_head:after {
  border-bottom-color: #A88357;
}
div.box_section.life h2,
div.box_section.life h2 a,
div.box_section.life .users a,
div.box_section.knowledge h2,
div.box_section.knowledge h2 a,
div.box_section.knowledge .users a,
div.box-wrap.life h3.unit-title,
div.box-wrap.life h3.unit-title a,
div.box-wrap.knowledge h3.unit-title,
div.box-wrap.knowledge h3.unit-title a,
body.category-life li.additional-unit h2,
body.category-knowledge li.additional-unit h2 {
  color: #228C7D;
}
div.box_section.life div.section_head:after,
div.box_section.knowledge div.section_head:after {
  border-bottom-color: #228C7D;
}
div.box_section.it h2,
div.box_section.it h2 a,
div.box_section.it .users a,
div.box-wrap.it h3.unit-title,
div.box-wrap.it h3.unit-title a,
body.category-it li.additional-unit h2 {
  color: #00A5DE;
}
div.box_section.it div.section_head:after {
  border-bottom-color: #00A5DE;
}
div.box_section.entertainment h2,
div.box_section.entertainment h2 a,
div.box_section.entertainment .users a,
div.box_section.game h2,
div.box_section.game h2 a,
div.box_section.game .users a,
div.box_section.fun h2,
div.box_section.fun h2 a,
div.box_section.fun .users a,
div.box_section.video h2,
div.box_section.video h2 a,
div.box_section.video .users a,
div.box-wrap.entertainment h3.unit-title,
div.box-wrap.entertainment h3.unit-title a,
div.box-wrap.game h3.unit-title,
div.box-wrap.game h3.unit-title a,
div.box-wrap.fun h3.unit-title,
div.box-wrap.fun h3.unit-title a,
div.box-wrap.video h3.unit-title,
div.box-wrap.video h3.unit-title a,
body.category-entertainment li.additional-unit h2,
body.category-game li.additional-unit h2,
body.category-fun li.additional-unit h2,
body.feature-video li.additional-unit h2 {
  color: #F5AC0F;
}
div.box_section.entertainment div.section_head:after,
div.box_section.game div.section_head:after,
div.box_section.fun div.section_head:after,
div.box_section.video div.section_head:after {
  border-bottom-color: #F5AC0F;
}
body.headline #navi-category li.headline,
body.headline #navi-category li.headline a,
ul#navi-category li.headline a.current,
ul#navi-category li.headline a:hover,
body.feature-girls #navi-category li.girls,
body.feature-girls #navi-category li.girls a,
ul#navi-category li.girls a.current,
ul#navi-category li.girls a:hover {
  border-top-color: #00AAC8;
}
body.hotentry #navi-category li.hotentry,
body.hotentry #navi-category li.hotentry a,
ul#navi-category li.hotentry a.current,
ul#navi-category li.hotentry a:hover,
body.general #navi-category li.general,
body.general #navi-category li.general a,
ul#navi-category li.general a.current,
ul#navi-category li.general a:hover,
#navi-category .hotentry .navi-item-detail,
#navi-category .general .navi-item-detail {
  border-top-color: #008FDE;
}
body.ranking #navi-category li.ranking,
body.ranking #navi-category li.ranking a,
ul#navi-category li.ranking a.current,
ul#navi-category li.ranking a:hover {
  border-top-color: #FF5A64;
}
body.category-social #navi-category li.category-social,
body.category-social #navi-category li.category-social a,
body.category-economics #navi-category li.category-economics,
body.category-economics #navi-category li.category-economics a,
ul#navi-category li.group1 a:hover,
#navi-category .category-economics .navi-item-detail,
#navi-category .category-social .navi-item-detail {
  border-top-color: #A88357;
}
body.category-life #navi-category li.category-life,
body.category-life #navi-category li.category-life a,
body.category-knowledge #navi-category li.category-knowledge,
body.category-knowledge #navi-category li.category-knowledge a,
ul#navi-category li.group2 a.current,
ul#navi-category li.group2 a:hover,
#navi-category .category-life .navi-item-detail,
#navi-category .category-knowledge .navi-item-detail {
  border-top-color: #228C7D;
}
body.category-it #navi-category li.category-it,
body.category-it #navi-category li.category-it a,
body.category-game #navi-category li.category-game,
body.category-game #navi-category li.category-game a,
body.category-fun #navi-category li.category-fun,
body.category-fun #navi-category li.category-fun a,
ul#navi-category li.group3 a.current,
ul#navi-category li.group3 a:hover,
#navi-category .category-it .navi-item-detail {
  border-top-color: #00A5DE;
}
body.category-entertainment #navi-category li.category-entertainment,
body.category-entertainment #navi-category li.category-entertainment a,
body.category-game #navi-category li.category-game,
body.category-game #navi-category li.category-game a,
body.category-fun #navi-category li.category-fun,
body.category-fun #navi-category li.category-fun a,
body.feature-video #navi-category li.video,
body.feature-video #navi-category li.video a,
body.feature-picture #navi-category li.picture,
body.feature-picture #navi-category li.picture a,
ul#navi-category li.video a:hover
ul#navi-category li.group4.current,
ul#navi-category li.group4 a:hover,
#navi-category .category-fun .navi-item-detail,
#navi-category .category-game .navi-item-detail,
#navi-category .category-entertainment .navi-item-detail {
  border-top-color: #F5AC0F;
}
ul#navi-category li.group5.current,
ul#navi-category li.group5 a:hover {
  border-top-color: #008FDE;
}
#navi-category .recommend .navi-item-detail {
  border-top-color: #FF6B83;
}
body.entry .category-social li.users a,
body.entry .category-economics li.users a,
body.entry .category-social.ads-amazon-item .hb-entry-link-container a,
body.entry .category-economics.ads-amazon-item .hb-entry-link-container a,
body.headline .category-social li.users a,
body.headline .category-economics li.users a,
li.entrylist-unit.category-social ul.entry-data li.category a,
li.entrylist-unit.category-economics ul.entry-data li.category a,
li.entrylist-unit.category-social ul.entry-data li.users a,
li.entrylist-unit.category-economics ul.entry-data li.users a {
  color: #A78358;
}
body.entry .category-life li.users a,
body.entry .category-knowledge li.users a,
body.entry .category-life.ads-amazon-item .hb-entry-link-container a,
body.entry .category-knowledge.ads-amazon-item .hb-entry-link-container a,
body.headline .category-life li.users a,
body.headline .category-knowledge li.users a,
li.entrylist-unit.category-life ul.entry-data li.category a,
li.entrylist-unit.category-knowledge ul.entry-data li.category a,
li.entrylist-unit.category-life ul.entry-data li.users a,
li.entrylist-unit.category-knowledge ul.entry-data li.users a {
  color: #068B71;
}
body.entry .category-it li.users a,
body.entry .category-it.ads-amazon-item .hb-entry-link-container a,
body.headline .category-it li.users a,
li.entrylist-unit.category-it ul.entry-data li.category a,
li.entrylist-unit.category-it ul.entry-data li.users a {
  color: #00A5DE;
}
body.entry li.entrylist-unit.entrylist-unit.category-it ul.entry-data li.category a {
  color: #00A5DE;
  background-color: inherit;
}
body.entry .category-entertainment li.users a,
body.entry .category-game li.users a,
body.entry .category-fun li.users a,
body.entry .category-entertainment.ads-amazon-item .hb-entry-link-container a,
body.entry .category-game.ads-amazon-item .hb-entry-link-container a,
body.entry .category-fun.ads-amazon-item .hb-entry-link-container a,
body.headline .category-entertainment li.users a,
body.headline .category-game li.users a,
body.headline .category-fun li.users a,
li.entrylist-unit.category-entertainment ul.entry-data li.category a,
li.entrylist-unit.category-game ul.entry-data li.category a,
li.entrylist-unit.category-fun ul.entry-data li.category a,
li.entrylist-unit.category-entertainment ul.entry-data li.users a,
li.entrylist-unit.category-game ul.entry-data li.users a,
li.entrylist-unit.category-fun ul.entry-data li.users a  {
  color: #F5AC0F;
}
body.entry li.entrylist-unit.category-entertainment ul.entry-data li.category a,
body.entry li.entrylist-unit.category-game ul.entry-data li.category a,
body.entry li.entrylist-unit.category-fun ul.entry-data li.category a {
  color: #F5AC0F;
  background-color: inherit;
}
body.headline li.entrylist-unit.video ul.entry-data li.category a,
li.entrylist-unit.video ul.entry-data li.users a {
  color: #F5AC0F;
}
li.entry-unit.category-social ul.users, li.entry-unit.category-social ul.users a, li.entry-unit.category-social li.users a,
li.entry-unit.category-economics ul.users, li.entry-unit.category-economics ul.users a, li.entry-unit.category-economics li.users a {
  border-top-color: #A78358;
  color: #A78358;
}
body.hotentry div.entry-subcategory a {
  background-color: #008FDE;
}
li.entry-unit.category-social ul.entry-data li.category a,
li.entry-unit.category-economics ul.entry-data li.category a,
li.entry-list.category-social ul.entry-data li.category a,
li.entry-list.category-economics ul.entry-data li.category a,
body.category-social div.entry-subcategory a,
body.category-economics div.entry-subcategory a {
  background-color: #A78358;
}
.category-social ul.entry-data li.pr,
.category-economics ul.entry-data li.pr {
  border-color: #A78358;
  color: #A78358;
}
li.entry-unit.category-life ul.users, li.entry-unit.category-life ul.users a, li.entry-unit.category-life li.users a,
li.entry-unit.category-knowledge ul.users, li.entry-unit.category-knowledge ul.users a, li.entry-unit.category-knowledge li.users a {
  border-top-color: #068B71;
  color: #068B71;
}
li.entry-unit.category-life ul.entry-data li.category a,
li.entry-unit.category-knowledge ul.entry-data li.category a,
li.entry-list.category-life ul.entry-data li.category a,
li.entry-list.category-knowledge ul.entry-data li.category a,
body.category-life div.entry-subcategory a,
body.category-knowledge div.entry-subcategory a {
  background-color: #068B71;
}
.category-life ul.entry-data li.pr,
.category-knowledge ul.entry-data li.pr {
  border-color: #068B71;
  color: #068B71;
}
li.entry-unit.category-it ul.users, li.entry-unit.category-it ul.users a, li.entry-unit.category-it li.users a {
  border-top-color: #00A5DE;
  color: #00A5DE;
}
li.entry-unit.category-it ul.entry-data li.category a,
li.entry-list.category-it ul.entry-data li.category a,
body.category-it div.entry-subcategory a {
  background-color: #00A5DE;
}
.category-it ul.entry-data li.pr {
  border-color: #00A5DE;
  color: #00A5DE;
}
li.entry-unit.category-entertainment ul.users, li.entry-unit.category-entertainment ul.users a, li.entry-unit.category-entertainment li.users a,
li.entry-unit.category-game ul.users, li.entry-unit.category-game ul.users a, li.entry-unit.category-game li.users a,
li.entry-unit.category-fun ul.users, li.entry-unit.category-fun ul.users a, li.entry-unit.category-fun li.users a {
  border-top-color: #F5AC0F;
  color: #F5AC0F;
}
li.entry-unit.category-entertainment ul.entry-data li.category a,
li.entry-unit.category-game ul.entry-data li.category a,
li.entry-unit.category-fun ul.entry-data li.category a,
li.entry-list.category-entertainment ul.entry-data li.category a,
li.entry-list.category-game ul.entry-data li.category a,
li.entry-list.category-fun ul.entry-data li.category a,
body.category-entertainment div.entry-subcategory a,
body.category-game div.entry-subcategory a,
body.category-fun div.entry-subcategory a {
  background-color: #F5AC0F;
}
.category-entertainment ul.entry-data li.pr,
.category-game ul.entry-data li.pr,
.category-fun ul.entry-data li.pr {
  border-color: #F5AC0F;
  color: #F5AC0F;
}
div.kadenkaigi li.entry-unit ul.users,
div.kadenkaigi li.entry-unit ul.users a {
  border-top-color: #d8212e;
  color: #d8212e;
}
div.kadenkaigi li.entry-unit ul.entry-data li.category a,
div.kadenkaigi li.entry-list ul.entry-data li.category a{
  background-color: #d8212e;
}
div.kadenkaigi ul.entry-data li.pr {
  border-color: #d8212e;
  color: #d8212e;
}
div.bnews li.entry-unit ul.users,
div.bnews li.entry-unit ul.users a {
  border-top-color: #6192ce;
  color: #6192ce;
}
div.bnews li.entry-unit ul.entry-data li.category a,
div.bnews li.entry-list ul.entry-data li.category a{
  background-color: #6192ce;
}
div.bnews ul.entry-data li.pr {
  border-color: #6192ce;
  color: #6192ce;
}



/* ニュース連載 */
div.bnews li.entry-unit.bnews-serial ul.users,
div.bnews li.entry-unit.bnews-serial ul.users a {
  border-top-color: #42c6c6;
  color: #42c6c6;
}
div.bnews li.entry-unit.bnews-serial ul.entry-data li.category a,
div.bnews li.entry-list.bnews-serial ul.entry-data li.category a{
  background-color: #42c6c6;
}

div.bnews-serial ul.entry-data li.pr,
div.bnews-serial ul.entry-data li.bnews-serial-number,
div.bnews li.bnews-serial ul.entry-data li.pr {
  border-color: #42c6c6;
  color: #42c6c6;
}
div.bnews li.entry-unit.bnews-serial ul.entry-data li.category a,
div.bnews li.entry-list.bnews-serial ul.entry-data li.category a {
  background: #42c6c6;
}
div.topiclist-unit li.entry-unit ul.users,
div.topiclist-unit li.entry-unit ul.users a {
  border-top-color: #00aac8;
  color: #00aac8;
}
div.topiclist-unit ul.entry-data li.category span {
  color: #ffffff;
  font-size: 10px;
  line-height: 18px;
  padding: 0 7px;
  margin-right: 15px;
  display: block;
  text-decoration: none;
  background-color: #00aac8;
}
div.topiclist-unit ul.entry-data li.pr {
  border-color: #00aac8;
  color: #00aac8;
}
div.topiclist-unit ul.entry-data li.date a {
  color: #AAAAAA;
  font-size: 12px;
  line-height: 18px;
  margin: 0 16px 0 0px;
  color: inherit;
  text-decoration: none;
}
div.topiclist-unit ul.entry-data li.date a:hover {
  text-decoration: underline;
}
div.areaguide-unit li div.entry-contents {
  border-top-color: #FFDC3C;
}

li.entry-list ul.users, li.entry-list ul.users a {
  border-top-color: #999999;
  color: #999999;
}
li.entry-list.category-social ul.users, li.entry-list.category-social ul.users a,
li.entry-list.category-economics ul.users, li.entry-list.category-economics ul.users a {
  border-top-color: #A78358;
  color: #A78358;
}
li.entry-list.category-life ul.users, li.entry-list.category-life ul.users a,
li.entry-list.category-knowledge ul.users, li.entry-list.category-knowledge ul.users a {
  border-top-color: #068B71;
  color: #068B71;
}
li.entry-list.category-life ul.users, li.entry-list.category-life ul.users a,
li.entry-list.category-knowledge ul.users, li.entry-list.category-knowledge ul.users a {
  border-top-color: #068B71;
  color: #068B71;
}
li.entry-list.category-life ul.entry-data li.category a,
li.entry-list.category-knowledge ul.entry-data li.category a {
  background-color: #068B71;
}
li.entry-list.category-it ul.users, li.entry-list.category-it ul.users a {
  border-top-color: #00A5DE;
  color: #00A5DE;
}
li.entry-list.category-it ul.entry-data li.category a {
  background-color: #00A5DE;
}
li.entry-list.category-entertainment ul.users, li.entry-list.category-entertainment ul.users a,
li.entry-list.category-game ul.users, li.entry-list.category-game ul.users a,
li.entry-list.category-fun ul.users, li.entry-list.category-fun ul.users a {
  border-top-color: #F5AC0F;
  color: #F5AC0F;
}
li.entry-list.category-entertainment ul.entry-data li.category a,
li.entry-list.category-game ul.entry-data li.category a,
li.entry-list.category-fun ul.entry-data li.category a {
  background-color: #F5AC0F;
}
li.entry-list.video ul.users, li.entry-list.video ul.users a {
  border-top-color: #F5AC0F;
  color: #F5AC0F;
}
li.entry-list.video ul.entry-data li.category a {
  background-color: #F5AC0F;
}
li.entry-unit ul.users:hover, li.entry-unit ul.users a:hover,
li.entry-list ul.users:hover, li.entry-list ul.users a:hover,
li.entry-unit.ht-selected ul.users, li.entry-unit.ht-selected ul.users a,
li.entry-list.ht-selected ul.users, li.entry-list.ht-selected ul.users a,
div.bnews li.entry-unit ul.users:hover,
div.bnews li.entry-unit ul.users a:hover,
div.bnews li.entry-unit.ht-selected ul.users, div.bnews li.entry-unit.ht-selected ul.users a,
div.bnews li.entry-list.ht-selected ul.users, div.bnews li.entry-list.ht-selected ul.users a,
div.topiclist-unit li.entry-unit ul.users:hover,
div.topiclist-unit li.entry-unit ul.users a:hover,
div.topiclist-unit li.entry-unit.ht-selected ul.users, div.topiclist-unit li.entry-unit.ht-selected ul.users a,
div.topiclist-unit li.entry-list.ht-selected ul.users, div.topiclist-unit li.entry-list.ht-selected ul.users a,
div.kadenkaigi li.entry-unit ul.users:hover,
div.kadenkaigi li.entry-unit ul.users a:hover,
div.kadenkaigi li.entry-unit.ht-selected ul.users, div.kadenkaigi li.entry-unit.ht-selected ul.users a,
div.kadenkaigi li.entry-list.ht-selected ul.users, div.kadenkaigi li.entry-list.ht-selected ul.users a
 {
  color: #FF7790;
}

li.entrylist-unit li.users:hover, li.entrylist-unit li.users a:hover,
li.entrylist-unit.ht-selected li.users, li.entrylist-unit.ht-selected li.users a {
  color: #FF7790 !important;
}
/* IE 6 では複数クラス指定が無効なのでその対策; キーボードショートカットでの選択時のスタイル */
* html li.ht-selected ul.users,
* html li.ht-selected ul.users a {
  border-top-color: #FF7790 !important;
  color: #FF7790 !important;
}





/* entrylist-unit */
li.entrylist-unit {
  padding: 16px 40px 14px 40px;
  position: relative;
}
li.entrylist-unit h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  padding-right: 39px;
}
li.entrylist-unit h3 a {
  color: #333333;
  text-decoration: none;
  padding: 2px 0;
}
li.entrylist-unit h3 a:visited {
  color: #888888;
}
li.entrylist-unit h3 a:hover {
  color: #7db4e8;
  text-decoration: none;
}
li.entrylist-unit h3 a:visited:hover {
  color: #888888;
}
li.entrylist-unit h3 img {
  position: absolute;
  top: 19px;
  left: 28px;
}
li.entrylist-unit blockquote,
li.entrylist-unit h3 {
  word-break: break-word;
}
li.entrylist-unit ul.entry-data {
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  margin-top: 11px;
  zoom: 1;
}
body.entry li.entrylist-unit ul.entry-data {
  margin-top: 0px;
}
ul.entry-list-s li.entrylist-unit ul.entry-data {
  margin-top: 0;
}
li.entrylist-unit ul.entry-data:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
li.entrylist-unit ul.entry-data li {
  float: left;
  margin: 0 16px 9px 0;
}
body.headline li.entrylist-unit ul.entry-data li,
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li {
  float: none;
}
body.headline li.entrylist-unit ul.entry-data li,
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.pr {
  float: left;
}
li.entrylist-unit ul.entry-data li.description {
  line-height: 20px;
  margin: 0 0 8px 0;
  zoom: 1;
}
ul.entry-list-l li.entrylist-unit ul.entry-data li.description {
  width: 520px;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.description,
ul.entry-list-s li.entrylist-unit ul.entry-data li.description {
  margin: 0;
}
li.entrylist-unit ul.entry-data li.description:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
li.entrylist-unit ul.entry-data li.description blockquote {
  line-height: 20px;
}
li.entrylist-unit.has-image ul.entry-data li.description blockquote {
  float: left;
}
ul.entry-list-l li.entrylist-unit.has-image ul.entry-data li.description blockquote {
   width: 390px;
}
li.entrylist-unit ul.entry-data li.description a.thumbnail {
  margin: 1px 0 0 0;
  border: 1px solid #dfdfdf;
  float: right;
}
li.entrylist-unit ul.entry-data li.description a.thumbnail img {
  max-width: 110px;
  max-height: 77px;
  vertical-align: middle;
}
ul.entry-list-l.hotentry li.entrylist-unit {
  padding: 16px 10px 14px 70px;
}
ul.entry-list-l.hotentry li.entrylist-unit ul.entry-data li.users {
  position: absolute;
  top: 19px;
  left: 10px;
  text-align: center;
}
ul.entry-list-l.hotentry li.entrylist-unit ul.entry-data li.users a {
  text-decoration: none;
}
ul.entry-list-l.hotentry li.entrylist-unit ul.entry-data li.users a span {
  font-size: 18px;
  margin-bottom: 1px;
  display: block;
}
li.entrylist-unit ul.entry-data li.category {
  font-size: 12px;
}
li.entrylist-unit ul.entry-data li.category a {
}
li.entrylist-unit ul.entry-data li.category a:hover {
  text-decoration: underline;
}
li.entrylist-unit ul.entry-data li.date {
  font-size: 12px;
  color: #999999;
}
li.entrylist-unit ul.entry-data li.domain a {
  color: #999999;
}
li.entrylist-unit ul.entry-data li.domain a:hover {
  color: #999999;
  text-decoration: underline;
}
ul.entry-list-l.hotentry,
ul.entry-list-l.entrylist {
  margin-top: 0px;
}
ul.entry-list-l.entrylist li.entrylist-unit ul.entry-data li.domain {
  padding-left: 0;
}
ul.entry-list-l.entrylist li.entrylist-unit ul.entry-data li.domain a img.favicon {
  position: absolute;
  top: 18px;
  left: 7px;
}
li.entrylist-unit ul.entry-data li.tag {
  clear: both;
  margin: 0px 8px 9px 6px;
}
li.entrylist-unit ul.entry-data li.follow {
  display: none;
}
li.entrylist-unit ul.entry-data li.follow.hb-favorites-appended {
  display: inherit;
  padding-top: 0px;
}
li.entrylist-unit ul.entry-data li.tag a {
  margin: 0px 12px 4px 0;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.follow.hb-favorites-appended {
  padding-top: 0px;
}
li.entrylist-unit ul.entry-data li.follow.hb-favorites-appended a {
  margin: 0 8px 8px 0;
  height: 16px;
  width: 16px;
  display: inline-block;
}
li.entrylist-unit ul.entry-data li.topic {
  clear: both;
  padding: 0 0 0 15px;
  background-color: #f6f6f6;
  border-radius: 3px;
}
li.entrylist-unit ul.entry-data li.topic a {
  display: block;
  position: relative;
  padding: 7px 30px 7px 25px;
  font-size: 13px;
  color: #666 !important;
  width: 455px;
  font-weight: normal;
  background-image: url("/images/icon-topic.png");
  background-size: 17px 14px;
  background-repeat: no-repeat;
  background-position: left center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
li.entrylist-unit ul.entry-data li.topic a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #c6c6c6;
  border-right: solid 2px #c6c6c6;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
li.entrylist-unit ul.entry-data a {
  color: #666666;
  text-decoration: none;
}

body.headline .comment-container {
  width: 510px;
  background-color: #F5F5F5;
  margin: 8px 16px 6px 0 !important;
  padding: 0 8px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.headline .comment-container a.user-icon img {
  max-width: 16px;
  max-height: 16px;
}

ul.comment-list-headline-l {
  padding-top: 4px;
}
ul.comment-list-headline-l li {
  position: relative;
  margin: 10px 0 0 54px;
  padding-bottom: 12px;
  border-bottom: 1px solid #EFEFEF;
  font-size: 13px;
}
ul.comment-list-headline-l li .user-info {
  display: inline-block;
}
ul.comment-list-headline-l li a.user-icon-container {
  position: absolute;
  top: 0px;
  left: -48px;
  width: 32px;
  height: 32px;
}
ul.comment-list-headline-l li a.user-icon-container img {
  max-width: 32px;
  max-height: 32px;
}
ul.comment-list-headline-l li a.user-name {
  color: #008FDE;
  text-decoration: none;
  margin-right: 6px;
}
ul.comment-list-headline-l li .comment {
  margin-right: 6px;
}
ul.comment-list-headline-l li .comment a {
  color: #999;
}
ul.comment-list-headline-l li .user-tags {
  display: inline-block;
  padding-left: 0px;
  margin: 0 8px 0 0;
}
ul.comment-list-headline-l .user-tags li {
  border: none;
}
ul.comment-list-headline-l li .user-tag {
  font-size: 12px;
}
ul.comment-list-headline-l li .user-tags.empty {
  display: none;
}
ul.comment-list-headline-l li .user-tags li {
  display: inline;
  margin: 0;
  padding: 0;
}
ul.comment-list-headline-l li .user-tags li:after {
  color: #999;
  display: inline;
  content: ', ';
}
ul.comment-list-headline-l li .user-tags li:last-child:after {
  display: none;
}
ul.comment-list-headline-l li .user-tags li .user-tag {
  color: #999;
  text-decoration: none;
}
ul.comment-list-headline-l li .user-comment-meta {
  display: inline;
}
ul.comment-list-headline-l li .user-comment-link,
ul.comment-list-headline-l li .timestamp,
div.box_side .timestamp {
  margin-right: 10px;
}
ul.comment-list-headline-l li .user-comment-link,
div.box_side .user-comment-link {
  font-size: 11px;
  font-weight: normal;
  color: #999;
  text-decoration: none;
  padding-left: 16px;
  margin: 0 8px 0 -1px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(/images/v3/comment-link.png);
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx),(min-resolution: 2dppx){
  ul.comment-list-headline-l li .user-comment-link,
  div.box_side .user-comment-link {
    background-image: url(/images/v3/comment-link@2x.png);
  }
}
ul.comment-list-headline-l li .timestamp a {
  color: #AAAAAA;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}
ul.comment-list-headline-l li .comment-share,
div.box_side .comment-share {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
ul.comment-list-headline-l li .entry-container {
  background-color: #F5F5F5;
  margin-top: 10px;
  padding: 0 8px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ul.comment-list-headline-l li .entry-container .entry-favicon {
   margin: -1px 2px 0 0;
   vertical-align: middle;
}
ul.comment-list-headline-l li .entry-container .entry-link {
  margin-right: 8px;
  color: #777;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
ul.comment-list-headline-l li .entry-container .users a {
  text-decoration: none;
  font-size: 12px;
}
div.box_side .most_popular_comment .commentlist-unit {
  margin: 12px 0 0 16px;
}
div.box_side .most_popular_comment ul {
  padding: 0;
  margin-left: 20px;
}
div.box_side .most_popular_comment span.comment {
  padding: 0;
  font-size: 14px;
  line-height: 21px;
  display: inline;
}
div.box_side .most_popular_comment li .user-tags {
  display: inline-block;
  padding-left: 0px;
  margin: 0 8px;
}
div.box_side .most_popular_comment .user-tags li {
  border: none;
}
div.box_side .most_popular_comment li .user-tag {
  font-size: 12px;
  color: #999;
  text-decoration: none;
}
div.box_side .most_popular_comment li .user-tag:hover {
  text-decoration: underline;
}
div.box_side .most_popular_comment li .user-tags.empty {
  display: none;
}
div.box_side .most_popular_comment .user-info {
  margin: 0 0 10px 0;
}
div.box_side .entry-container {
  background-color: #F5F5F5;
  margin: 10px 0 0 0;
  padding: 0 8px;
  font-size: 12px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.box_side .entry-container a {
  color: #666;
  text-decoration: none;
  font-weight: bold;
}
div.box_side .entry-container img {
  vertical-align: middle;
  margin: -1px 2px 0 0;
}
div.box_side .user-info {
  margin: 0 0 0 16px;
  position: relative;
  padding-left: 48px;
  font-size: 13px;
  line-height: 18px;
  color: #999;
  min-height: 35px;
}
div.box_side .user-info .user-icon-container {
  position: absolute;
  top: 0;
  left: 0;
}
div.box_side .user-info .user-icon-container img {
  vertical-align: middle;
}
div.box_side .user-info .user-name {
  color: #008FDE;
  text-decoration: none;
}
div.box_side .user-follower {
  font-size: 12px;
}
div.box_side .timestamp a {
  color: #AAAAAA;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}
div.box_side .user-comment-meta {
  margin: 6px 0 0 0;
  font-size: 12px;
  color: #999;
}
div.box_side .popular-users {
  padding: 0 0 0 20px;
}
div.box_side .popular-users li {
  font-size: 12px;
  padding: 10px 0 11px 48px;
  border-bottom: 1px solid #EFEFEF;
  position: relative;
}
div.box_side .popular-users .user-icon-container {
  position: absolute;
  top: 12px;
  left: 0px;
  width: 32px;
  height: 32px;
}
div.box_side .popular-users .user-icon-container img {
  max-width: 32px;
  max-height: 32px;
}
div.box_side .popular-users .user-name {
  font-size: 13px;
  color: #008FDE;
  text-decoration: none;
  display: block;
}
div.box_side .popular-users .user-tags {
  margin: 0;
  padding: 0;
}
div.box_side .popular-users .user-tags li {
  display: inline-block;
  margin: 0 7px 0 0;
  padding: 0;
  border-bottom: none;
}
div.box_side .popular-users .user-tags li .user-tag {
  color: #999;
  text-decoration: none;
}
div.box_side .popular-users .user-tags li .user-tag-count {
  color: #CCC;
}

ul.comment-list-headline-l .user-name:hover,
ul.comment-list-headline-l .timestamp a:hover,
ul.comment-list-headline-l li .user-comment-link:hover,
ul.comment-list-headline-l li .user-tags a:hover,
ul.comment-list-headline-l li div.entry-container .entry-title a:hover,
ul.comment-list-headline-l li div.entry-container .users a:hover,
div.box_side .user-comment-link:hover,
div.box_side .user-info .user-name:hover,
div.box_side .timestamp:hover,
div.box_side .entry-container .entry-title a:hover,
div.box_side .popular-users .user-name:hover,
div.box_side .popular-users .user-tags a:hover {
  text-decoration: underline;
}

/* entrylist-unit entry-list-entry-l */
ul.entry-list-headline-l {
  padding: 0;
  margin: 0;
  /*削除予定border-bottom: 1px solid #DFDFDF;*/
}
ul.entry-list-headline-l li.entrylist-unit {
  border-top: 1px solid #EFEFEF;
  border-bottom: none;
  padding: 12px 40px 6px 40px;
  margin: 0;
  position: relative;
}
ul.entry-list-headline-l.hotentry li.entrylist-unit {
  padding: 12px 40px 6px 70px;
}
ul.entry-list-headline-l li.entrylist-unit:first-child {
  border-top: none;
  margin-top: 1px;
}
ul.entry-list-headline-l li.entrylist-unit h3 {
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  margin: 0;
  width: 490px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
ul.entry-list-headline-l.entrylist li.entrylist-unit h3 {
  width: 540px;
}
ul.entry-list-headline-l li.entrylist-unit h3 a {
  color: #303030;
  text-decoration: none;
}
ul.entry-list-headline-l li.entrylist-unit h3 a:hover {
  color: #7DB4E8;
}
ul.entry-list-headline-l li.entrylist-unit h3 a:visited {
  color: #888888;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data {
  min-height: 18px;
  margin-top: 7px;
  zoom: 1;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li {
  font-size: 12px;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li img {
  vertical-align: middle;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li a {
  text-decoration: none;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li a.domain:hover {
  text-decoration: underline;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.category,
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.users,
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.date,
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.tag {
  line-height: 18px;
  margin: 0 16px 0 0;
  float: left;
  position: relative;
  z-index: 10;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.domain {
  margin-right: 15px;
  line-height: 18px;
  margin: 0 18px 0 0;
  float: left;
  z-index: 10;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.topic {
  font-size: 13px;
  margin: 7px 0 0 0;
  display: block;
  float: left;
}
ul.entry-list-headline-l ul.entry-data li.domain a,
ul.entry-list-headline-l ul.entry-meta li.domain a {
  line-height: 16px;
}
ul.entry-list-headline-l.hotentry li.entrylist-unit ul.entry-data li.users {
  position: absolute;
  top: 13px;
  left: 10px;
  text-align: center;
}
ul.entry-list-headline-l.hotentry li.entrylist-unit ul.entry-data li.users a span {
  font-size: 18px;
  margin-bottom: 1px;
  display: block;
}
ul.entry-list-headline-l.hotentry li.entrylist-unit ul.entry-data li.users a strong {
  font-weight: normal;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.category a {
  font-size: 12px;
  line-height: 14px;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.category a:hover {
  text-decoration: underline;
}
ul.entry-list-headline-l li.entrylist-unit ul.entry-data li.pr {
  font-size: 10px;
  line-height: 12px;
  padding: 0 3px;
  margin: 2px 6px 2px 0;
  display: block;
  border: 1px solid;
}
ul.entry-list-headline-l.entrylist li.entrylist-unit ul.entry-data li.domain {
  padding-left: 0;
}
ul.entry-list-headline-l.entrylist li.entrylist-unit ul.entry-data li.domain a img.favicon {
  position: absolute;
  top: 14px;
  left: 7px;
}
ul.entry-list-headline-l li.entrylist-unit li.follow {
  z-index: 0;
}
ul.entry-list-headline-l li.entrylist-unit li.follow.hb-favorites-appended {
  min-height: 24px;
  margin-bottom: -6px;
  position: relative;
}
ul.entry-list-headline-l li.entrylist-unit li.follow a {
  margin: 0 8px 8px 0;
  height: 16px;
  width: 16px;
  display: inline-block;
}
ul.entry-list-headline-l li.entrylist-unit li.follow a img {
  vertical-align: top;
}

/* entrylist-unit amason */
ul.entry-list-m.amazon {
  margin: 2px 0 0 0;
  padding-left: 19px;
}
ul.entry-list-m.amazon li.entrylist-unit {
  width: 180px;
  padding: 14px 0 15px 120px;
  border-bottom: 1px solid #EFEFEF;
}
ul.entry-list-m.amazon li.entrylist-unit h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
ul.entry-list-m.amazon li.entrylist-unit ul.entry-data {
  margin-top: 8px;
}
ul.entry-list-m.amazon li.entrylist-unit ul.entry-data li.description {
  margin: 0 0 5px 0;
}
ul.entry-list-m.amazon li.entrylist-unit ul.entry-data li.description blockquote {
  line-height: 20px;
}
ul.entry-list-m.amazon li.entrylist-unit.has-image ul.entry-data li.description blockquote {
  font-size: 13px;
  line-height: 18px;
}
ul.entry-list-m.amazon li.entrylist-unit ul.entry-data li.description a.thumbnail {
  border: none;
  position: absolute;
  top: 14px;
  left: 4px;
}
ul.entry-list-m.amazon li.entrylist-unit ul.entry-data li.description a.thumbnail img {
  max-width: 110px;
  vertical-align: middle;
}
ul.entry-list-m.amazon li.entrylist-unit ul.entry-data li.date {
  display: none;
}
body.media-page ul.entry-list-m.amazon li.entrylist-unit h2 {
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  margin: 12px 0 10px 7px;
  padding: 0 25px 0 25px;
  color: #FFFFFF;
  background-color: #ABABAB;
  display: inline-block;
}

/* rankingpage */
body.media-page h2.ranking {
  margin: -4px 0 12px 9px;
  padding: 0 0 0 24px;
  background-color: inherit;
  color: #777;
  font-size: 14px;
  line-height: 24px;
  background-image: url(/images/v3/icon-rank.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left 2px;
  display: block;
  zoom: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  body.media-page h2.ranking {
    background-image: url(/images/v3/icon-rank@2x.png);
  }
}
body.media-page h2.ranking:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
h2.ranking span {
  float: right;
  font-weight: normal;
  font-size: 12px;
}
body.ranking ul.entry-list-l.hotentry li.entrylist-unit {
  padding-right: 28px;
}
body.ranking ul.entry-list-l.hotentry li.entrylist-unit ul.entry-data li.users {
  position: static;
}
body.ranking ul.entry-list-l.hotentry li.entrylist-unit ul.entry-data li.users a span {
  display: inline;
  font-size: 13px;
  margin-bottom: 0;
}
body.ranking li.entrylist-unit ul.entry-data li.description a.thumbnail {
  margin-right: 8px;
}
body.ranking ul.entry-list-l li.entrylist-unit ul.entry-data li.description {
  width: 510px;
  display: none;
}
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(1) ul.entry-data li.description,
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(2) ul.entry-data li.description,
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(3) ul.entry-data li.description {
  display: block;
}
body.ranking ul.entry-list-l li.entrylist-unit.has-image ul.entry-data li.description blockquote {
  width: 380px;
}
body.ranking ul.entry-list-l.hotentry li.entrylist-unit {
  padding: 16px 24px 14px 64px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(1) {
  background-color: #FEF9E6;
  border: 1px solid #FFE9AB;
  padding-top: 16px;
  margin: 0 0 14px 0;
  position: relative;
}
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(2) {
  background-color: #F5F5F5;
  border: 1px solid #E0E0E0;
  padding-top: 16px;
  margin: 14px 0;
}
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(3) {
  background-color: #F6F2EE;
  border: 1px solid #E1DEDB;
  padding-top: 16px;
  margin: 14px 0 7px 0;
}
body.ranking ul.entry-list-l li.entrylist-unit ul.entry-data li.follow.hb-favorites-appended {
  margin-bottom: -8px;
  position: relative;
}
body.ranking ul.entry-list-l li.entrylist-unit ul.entry-data li.rank {
  position: absolute;
  top: 17px;
  left: 18px;
  font-size: 22px;
  color: #999;
}
body.ranking ul.entry-list-l li.entrylist-unit ul.entry-data li.rank span {
  font-size: 10px;
  margin-left: 2px;
}
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(1) ul.entry-data li.rank {
  top: 20px;
  left: 20px;
  font-size: 26px;
  color: #F4BA15;
}
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(2) ul.entry-data li.rank {
  top: 20px;
  left: 20px;
  font-size: 26px;
  color: #738D9E;
}
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(3) ul.entry-data li.rank {
  top: 20px;
  left: 20px;
  font-size: 26px;
  color: #B99A7C;
}
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(1) ul.entry-data li.rank span,
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(2) ul.entry-data li.rank span,
body.ranking ul.entry-list-l li.entrylist-unit:nth-child(3) ul.entry-data li.rank span {
  font-size: 12px;
  margin-left: 3px;
}
/* entry-comment page */
body.entry-comment {
  background-color: #EEEEEE;
}
body.entry-comment a{
  text-decoration: none;
}
body.entry-comment #entrycomment-container {
  min-height: 1200px;
  position:relative;
}
body.entry-comment #left-column {
  width:540px;
  background-color: #FFF;
  position: relative;
}
body.entry-comment #left-column:after {
  border: 12px solid transparent;
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  top: 70px;
  right: -24px;
  border-left-color: #FFF;
}
body.entry-comment #left-column .comment-container {
  padding: 20px 20px 18px 20px;
  background-color: #FFF;
  min-height: 74px;
  border-bottom: 1px solid #EEE;
  position: relative;
}
body.entry-comment #left-column .comment-contents {
  height: 120px;
  width: 540px;
  vertical-align: middle;
  display: table-cell;
}
body.entry-comment #left-column .comment-body {
  font-size: 22px;
  line-height: 34px;
  font-weight: bold;
  text-align: center;
  color: #333;
  margin: 10px 10px 20px 10px;
  word-wrap: break-word;
  width: 480px;
}
body.entry-comment #left-column .comment-body a {
  color: #008fde;
}
body.entry-comment #left-column .comment-information {
  font-size: 12px;
  line-height: 16px;
  color: #666;
  zoom: 1;
  position: relative;
}
body.entry-comment #left-column .comment-information li {
  display: inline-block;
}
body.entry-comment #left-column .comment-information:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
body.entry-comment #left-column .comment-container .user-icon {
  float: left;
  width: 18px;
  height: 18px;
  display: block;
  margin-right: 8px;
}
body.entry-comment #left-column .comment-container .user-icon img {
  max-height: 18px;
  max-width: 18px;
  vertical-align: middle;
}
body.entry-comment #left-column .comment-user {
  font-size: 14px;
  float: left;
}
body.entry-comment #left-column .comment-tag-container {
  overflow: hidden;
  position: relative;
  margin: -10px 0 20px 0;
}
body.entry-comment #left-column .comment-tag {
  font-size: 12px;
  line-height: 20px;
  color: #AAA;
  zoom: 1;
  position: relative;
  left: 50%;
  float: left;
}
body.entry-comment #left-column .comment-tag li {
  float: left;
  position: relative;
  left: -50%;
}
body.entry-comment #left-column .comment-tag li:first-child {
  background-image: url(/images/v3/icon-tag_l.png);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body.entry-comment #left-column .comment-tag li:first-child {
    background-image: url(/images/v3/icon-tag_l@2x.png);
  }
}
body.entry-comment #left-column .comment-tag a {
  color: #AAA;
  text-decoration: none;
}
body.entry-comment #left-column .comment-tag a:hover {
  text-decoration: underline;
}
body.entry-comment #left-column .comment-tag:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
body.entry-comment #left-column .comment-tag li {
  margin-right: 12px;
  float: left;
}
body.entry-comment #left-column .comment-tag li:after {
  content: ',';
  margin-left: 2px;
}
body.entry-comment #left-column .comment-tag li:last-child:after {
  content: '';
  margin-left: 0;
}
body.entry-comment .user-link {
  color:#008fde;
  margin-right: 2px;
  font-size: 14px;
}
body.entry-comment #left-column .comment-author {
  margin-right: 12px;
}
body.entry-comment #left-column .comment-date {
  display: inline-block;
  color: #999999;
  font-size: 12px;
  margin-top: 0px;
}
body.entry-comment #left-column .comment-date a {
  color: #999999;
}
body.entry-comment #left-column .comment-feedback {
  padding: 8px;
  background-color: #FAFAFA;
  color: #999999;
  border-bottom: 1px solid #DDD;
  line-height: 23px;
  font-size: 12px;
  overflow: hidden;
  position: relative;
}
body.entry-comment #left-column .comment-feedback a {
  color: #999999;
}
body.entry-comment #left-column .comment-feedback a:hover {
  text-decoration: none;
}
body.entry-comment #left-column .comment-feedback ul {
  float: left;
  position: relative;
  left: 50%;
}
body.entry-comment #left-column .comment-feedback ul li {
  padding: 0 18px;
  float: left;
  position: relative;
  left: -50%;
}
body.entry-comment #left-column div.social-button-unit {
  top: 0;
  right: 20px;
}
body.entry-comment #left-column div.comment-feedback ul li {
    float: left;
}

.entrycomment-maincolumn-ad {
  margin: 30px 0 10px;
}
.entrycomment-maincolumn-ad-area {
  padding: 20px;
}
body.entry-comment #right-column {
  position:absolute;
  top:50px;
  right:20px;
  width:380px;
}
body.entry-comment #right-column .entry-container{
  padding: 20px 20px 14px 20px;
  background-color: #FFF;
}
body.entry-comment #right-column h3{
  font-size: 18px;
  line-height: 25px;
  text-align: justify;
}
body.entry-comment #right-column a.entry-link {
  color: #666;
}
body.entry-comment #right-column a.entry-link:hover {
  color: #7DB4E8;
}
body.entry-comment #right-column .entry-readall-container {
  padding:20px;
  background-color: #FAFAFA;
  border-top : solid 1px #DDDDDD;
}
body.entry-comment #right-column .entry-data {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.entry-comment #right-column .entry-data li{
  font-size: 12px;
  margin-right: 20px;
  line-height: 16px;
  display:block;
  float: left;
}
body.entry-comment #right-column .entry-data li.date {
  margin-right: 0;
  width: 70px;
}
body.entry-comment #right-column .entry-content .description {
  font-size: 13px;
  line-height: 21px;
  color: #666666;
}
body.entry-comment #right-column .entry-content .description a{
  color: inherit;
  text-decoration:none;
}
body.entry-comment #right-column .entry-content .description a:hover {
  border-bottom: 1px dotted #AAA;
}
body.entry-comment ul.entry-data li.domain a {
  width: inherit;
}
body.entry-comment #right-column .entry-content .thumbnail {
  display: block;
  margin-top: 12px;
  margin-bottom: 0;
}
body.entry-comment #right-column .entry-content .thumbnail img{
    width: 100%;
    vertical-align: middle;
}
body.entry-comment #right-column .entry-information {
  margin-top: 14px;
  font-size: 12px;
  color: #999;
}
body.entry-comment #right-column .entry-information a {
  text-decoration: none;
  color: #999;
}
body.entry-comment #right-column .entry-readall-container a {
  display:block;
  width:100%;
  background-color: #00a4de;
  color: #FFF;
  text-decoration:none;
  text-align:center;
  padding-top: 10px;
  height:30px;
  font-size:13px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
body.entry-comment #right-column .entry-readall-container a:hover {
  background-color: #008FDE;
}
body.entry-comment #right-column #right-column-rectangle {
  margin: 40px 0 0;
}

body.entry-comment #right-column .entry-information a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 960px) {
  body.entry-comment div#main {
    width: inherit;
    min-width: 540px;
  }
  body.entry-comment #right-column {
    position: relative;
    margin: 40px auto 0 auto;
    width: 540px;
    top: inherit;
    right: inherit;
  }
  body.entry-comment #left-column:after {
    top: inherit;
    right: inherit;
    left: 50%;
    bottom: -39px;
    margin-left: -20px;
    border-top-color: #FFF;
    border-width: 20px;
    border-left-color: transparent;
  }
  body.entry-comment #left-column {
    margin: 0 auto;
  }
  body.entry-comment ul.entry-data li.domain a {
    max-width: 540px;
  }
}
body.entry-comment #comment-code {
  padding: 12px 18px;
  background-color: #EAEAEA;
  border-bottom: 1px solid #DDD;
  display: none;
}
body.entry-comment #comment-code textarea {
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #000;
  background-color: #222;
  width: 100%;
  color: #EEE;
  font-size: 11px;
  font-family: Courier, monospace;
  box-sizing: border-box;
  vertical-align: middle;
  word-break: break-all;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
body.entry-comment #comment-code textarea::selection {
  background: #CCC;
  color: inherit;
}
body.entry-comment #comment-code textarea::-moz-selection {
  background: #CCC;
  color: inherit;
}

/* entry-commentで使っているソーシャルユニット */
.comment-social-button div.social-button-unit {
  display: block;
  position: absolute;
  right: 20px;
  top: 14px;
}
.comment-social-button div.social-button-unit div.button-wrapper ul.service-button {
  height: auto;
  overflow: auto;
}
.comment-social-button div.social-button-unit div.button-wrapper ul li {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  padding: 0;
}
.comment-social-button div.social-button-unit div.button-wrapper ul li a {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  border-radius: 3px;
}
.comment-social-button div.social-button-unit div.button-wrapper ul li a.twitter {
  background-image: url("/images/touch/icon-tw@2x.png")
}
.comment-social-button div.social-button-unit div.button-wrapper ul li a.facebook {
  background-image: url("/images/touch/icon-fb@2x.png")
}
.comment-social-button div.social-button-unit div.button-wrapper ul li a.hatena-bookmark {
  background-image: url("/images/social-button/button-hatena-bookmark@2x.png")
}
.comment-social-button div.social-button-unit div.button-wrapper ul li a.count {
  display: none;
}

div.social-button-unit {
  position: absolute;
}
div.button-wrapper {
}
div.button-wrapper ul.hatena-button,
div.button-wrapper ul.service-button {
  float: left;
}
div.social-button-unit:after,
div.button-wrapper:after,
ul.service-button:after,
ul.hatena-button:after,
ul.detail-panel:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
a.social-button span,
a.user-icon span {
  display: none;
}
div.social-button-unit ul.service-button {
  height: 18px;
  overflow: hidden;
}
div.social-button-unit ul.service-button li {
  float: left;
  margin-left: 18px;
  position:relative;
}
div.social-button-unit ul.hatena-button {
  height: 18px;
}
div.social-button-unit ul.hatena-button li {
  height: 18px;
  float: left;
  margin-left: 18px;
  position: relative;
}
div.social-button-unit ul.service-button .social-button,
div.social-button-unit ul.hatena-button .social-button {
  width: 18px;
  height: 18px;
  display: block;
  float: left;
}


div.detail-unit {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E5E9EA;
  display: none;
}
div.detail-unit ul.detail-panel {
  display: block;
  /* PC版はverbose前提なので、non-verboseのデザイン作ってない
    padding: 12px 4px 2px 14px;
    li {
      float: left;
      width: 20px;
      height: 20px;
      margin: 0 10px 10px 0;
    }
    span.user-info {
      display:none;
    }
    a.user-icon {
      width: 20px;
      height: 20px;
      display: block;
      text-align: center;
      &.etc {
        background-image: url(/images/social-button/etc-gray.png);
        background-size: 20px 4px;
        background-repeat: no-repeat;
        background-position: center center;
        @media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
          background-image: url(/images/social-button/etc-gray@2x.png);
        }
      }
    }
    */

}
div.detail-unit ul.detail-panel .profile-image {
  max-width: 20px;
  max-height: 20px;
}
div.detail-unit ul.detail-panel.verbose {
  padding: 20px 4px 20px 0;
}
div.detail-unit ul.detail-panel.verbose li {
  float: none;
  width: 100%;
  margin: 0 0 16px 0;
}
div.detail-unit ul.detail-panel.verbose li:last-child {
  margin: 0;
}
div.detail-unit ul.detail-panel.verbose span.user-info {
  display: block;
  margin-left: 50px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 17px;
  margin-right: 20px;
  color: #999999;
}
div.detail-unit ul.detail-panel.verbose span.user-info a {
  color: #008fde;
  font-weight: normal;
}
div.detail-unit ul.detail-panel.verbose span.user-info span.quote-text {
  margin: 0px 4px;
  border-bottom: 1px solid #999;
  padding-bottom: 2px;
}
div.detail-unit ul.detail-panel.verbose a.user-icon {
  width: 20px;
  height: 20px;
  text-align: center;
  display: block;
  float: left;
  margin-left: 20px;
}
div.detail-unit ul.detail-panel a.star {
  position: relative;
}
div.detail-unit ul.detail-panel a.star:after {
  content: "";
  width: 14px;
  height: 13px;
  position: absolute;
  bottom: -6px;
  right: -7px;
  background-size: 14px 13px;
  background-repeat: no-repeat;
  background-position: center center;
}
div.detail-unit ul.detail-panel a.star.yellow:after {
  background-image: url(/images/social-button/star-yellow.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.detail-unit ul.detail-panel a.star.yellow:after {
    background-image: url(/images/social-button/star-yellow@2x.png);
  }
}
div.detail-unit ul.detail-panel a.star.green:after {
  background-image: url(/images/social-button/star-green.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.detail-unit ul.detail-panel a.star.green:after {
    background-image: url(/images/social-button/star-green@2x.png);
  }
}
div.detail-unit ul.detail-panel a.star.red:after {
  background-image: url(/images/social-button/star-red.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.detail-unit ul.detail-panel a.star.red:after {
    background-image: url(/images/social-button/star-red@2x.png);
  }
}
div.detail-unit ul.detail-panel a.star.blue:after {
  background-image: url(/images/social-button/star-blue.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.detail-unit ul.detail-panel a.star.blue:after {
    background-image: url(/images/social-button/star-blue@2x.png);
  }
}
div.detail-unit ul.detail-panel a.star.purple:after {
  background-image: url(/images/social-button/star-purple.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.detail-unit ul.detail-panel a.star.purple:after {
    background-image: url(/images/social-button/star-purple@2x.png);
  }
}
ul.hatena-button .social-button.hatena-star {
  width: 18px !important;
  height: 18px !important;
  background-image: url(/images/social-button/button-hatena-star-mono.png);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 20px;
  position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.hatena-button .social-button.hatena-star {
    background-image: url(/images/social-button/button-hatena-star-mono@2x.png);
  }
}
ul.hatena-button .blog {
  width: 18px !important;
  height: 18px !important;
  background-image: url(/images/social-button/button-blog-mono.png);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.hatena-button .blog {
    background-image: url(/images/social-button/button-blog-mono@2x.png);
  }
}
ul.hatena-button .code {
  width: 18px !important;
  height: 18px !important;
  background-image: url(/images/social-button/button-code-mono.png);
  background-size: 22px 18px;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 26px;
  cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.hatena-button .code {
    background-image: url(/images/social-button/button-code-mono@2x.png);
  }
}
ul.hatena-button .social-button.hatena-star img.hatena-star-add-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 104px;
  height: 18px;
  cursor: pointer;
  border: none;
}
ul.hatena-button .social-button.hatena-star.disabled {
  background-image: url(/images/social-button/button-hatena-star-off.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.hatena-button .social-button.hatena-star.disabled {
    background-image: url(/images/social-button/button-hatena-star-off@2x.png);
  }
}
ul.hatena-button .social-button.hatena-bookmark {
  background-image: url(/images/social-button/button-hatena-bookmark-mono.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.hatena-button .social-button.hatena-bookmark {
    background-image: url(/images/social-button/button-hatena-bookmark-mono@2x.png);
  }
}
ul.hatena-button .social-button,
ul.service-button .social-button {
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: left center;
}
ul.service-button .social-button.twitter {
  background-image: url(/images/social-button/button-twitter-mono.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.service-button .social-button.twitter {
    background-image: url(/images/social-button/button-twitter-mono@2x.png);
  }
}
ul.service-button .social-button.facebook {
  background-image: url(/images/social-button/button-facebook-mono.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.service-button .social-button.facebook {
    background-image: url(/images/social-button/button-facebook-mono@2x.png);
  }
}

/* breadcrumb */
ul.breadcrumb {
  font-size: 12px;
  color: #666;
  height: 50px;
  display: block;
  zoom: 1;
  overflow: hidden;
}
ul.breadcrumb:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.breadcrumb a {
  color: #666;
  text-decoration: none;
}
ul.breadcrumb a:hover {
  text-decoration: underline;
}
ul.breadcrumb li {
  display: block;
  float: left;
  position: relative;
  margin-right: 8px;
  line-height: 50px;
  background-image: url(/images/v3/breadcrumb_sep.png);
  background-size: 6px 12px;
  background-repeat: no-repeat;
  background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.breadcrumb li {
    background-image: url(/images/v3/breadcrumb_sep@2x.png);
  }
}
ul.breadcrumb li:last-child {
  background-image: none;
}
ul.breadcrumb li a {
  padding-right: 14px;
}
ul.breadcrumb li span.current {
  font-weight: bold;
}

/* bkuma */
body.fixed-header #global-header.gototop-active .hide-when-active {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease 0s, visibility 0s ease 0.2s;
  -o-transition: opacity 0.2s ease 0s, visibility 0s ease 0.2s;
  transition: opacity 0.2s ease 0s, visibility 0s ease 0.2s;
}
div#global-header .hide-when-active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease 0s, visibility 0s ease 0s;
  -o-transition: opacity 0.4s ease 0s, visibility 0s ease 0s;
  transition: opacity 0.4s ease 0s, visibility 0s ease 0s;
}
div#global-header .changetogirls {
  position: absolute;
  left: 30px;
  top: 0;
  line-height: 0;
  z-index: 1000;
}
#header-space .changetogirls a {
  display: block;
  position: absolute;
  right: 5px;
  margin-top: -43px;
}
.changetogirls a:hover {
  opacity: 0.85;
}

/* ヘッダー付近特別なコンテンツ誘導枠 */
div#global-header .header-info {
  position: absolute;
  left: 30px;
  top: 4px;
  z-index: 1000;
}
div#global-header .header-info a {
  padding: 3px 10px 1px 10px;
  border: 1px solid #aaa;
  border-radius: 12px;
  cursor: pointer;
}
div#global-header .header-info a:before {
  content: "";
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #aaa;
  position: absolute;
  left: 22px;
  bottom: -10px;
}
div#global-header .header-info a:after {
  content: "";
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #505050;
  position: absolute;
  left: 22px;
  bottom: -9px;
}
div#global-header .header-info a:hover {
  color: #00A5DE;
  border-color: #00A5DE;
}
div#global-header .header-info a:hover:before {
  border-top-color: #00A5DE;
}

#header-space .header-info a {
  display: block;
  position: absolute;
  right: 0px;
  margin-top: -39px;
  padding: 5px 12px 3px 24px;
  color: #666;
  font-size: 11px;
  text-decoration: none;
  border-radius: 14px;
  border: 1px solid #999;
  background-color: #fff;
  cursor: pointer;
}
#header-space .header-info a:before {
  content: "";
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-left-color: #666;
  position: absolute;
  left: 13px;
  top: 7px;
}
#header-space .header-info a:after {
  content: "";
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-left-color: #fff;
  position: absolute;
  left: 12px;
  top: 7px;
}
#header-space .header-info a:hover {
  color: #00A5DE;
  border-color: #00A5DE;
}
#header-space .header-info a:hover:before {
  border-left-color: #00A5DE;
}

/* ranking unit */
div.ranking h2 {
  background-image: url(/images/v3/icon-rank.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  margin: 12px 0 12px 10px;
  padding-left: 23px;
  background-color: inherit;
  color: #707070;
}
div.ranking h2 a {
  color: #707070;
}
div.ranking h2 p {
  color: #FFF;
  font-size: 12px;
  display: inline;
  margin-left: 10px;
  padding: 2px 8px;
  text-decoration: none;
  background-color: #ABABAB;
  text-align: center;
}
div.ranking li.entry-unit ul.users {
  text-transform: uppercase;
  height: 40px;
  border-bottom: 0;
  border-top: 4px solid;
}
div.ranking li.entry-unit {
  min-height: 236px;
}
div.ranking ul.entry-vertical-3 div.entry-contents {
  padding: 14px 24px 0 24px;
  border-bottom: none;
}
div.ranking ul.entry-vertical-3 div.entry-contents h3 {
  margin: 0 0 0 0;
  font-size: 19px;
  line-height: 1.5;
  min-height: 0px;
  clear: both;
}
div.ranking ul.entry-vertical-3 ul.users li a {
  padding: 12px 0 0 24px;
  position: relative;
}
div.ranking ul.entry-vertical-3 ul.entry-meta {
  padding: 10px 0 36px 26px;
  border-bottom: none;
}
div.ranking .users-small{
  font-family: 'Arial';
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  margin: -27px 0 0px 84px;
}
div.ranking ul.entry-vertical-3 li.entry-unit .follow {
  padding: 10px 32px 3px 32px;
  margin-top: -12px;
  border-bottom: none;
}
div.ranking div.shim-elem-for-height {
  display: none;
}
div.ranking li.entry-unit ul.users a {
  font-size: 15px;
  font-weight: bold;
}
div.ranking li.entry-unit:nth-child(1) ul.users,
div.ranking li.entry-unit:nth-child(1) ul.users a {
  border-top-color: #d8ba02;
  color: #d8ba02;
}
div.ranking li.entry-unit:nth-child(2) ul.users,
div.ranking li.entry-unit:nth-child(2) ul.users a {
  border-top-color: #738d9e;
  color: #738d9e;
}
div.ranking li.entry-unit:nth-child(3) ul.users,
div.ranking li.entry-unit:nth-child(3) ul.users a {
  border-top-color: #c78962;
  color: #c78962;
}
div.ranking li.entry-unit:nth-child(1) ul.users:hover,
div.ranking li.entry-unit:nth-child(1) ul.users a:hover,
div.ranking li.entry-unit:nth-child(1).ht-selected ul.users, div.bnews li.entry-unit.ht-selected ul.users a,
div.ranking li.entry-unit:nth-child(1).ht-selected ul.users, div.bnews li.entry-list.ht-selected ul.users a,
div.ranking li.entry-unit:nth-child(2) ul.users:hover,
div.ranking li.entry-unit:nth-child(2) ul.users a:hover,
div.ranking li.entry-unit:nth-child(2).ht-selected ul.users, div.bnews li.entry-unit.ht-selected ul.users a,
div.ranking li.entry-unit:nth-child(2).ht-selected ul.users, div.bnews li.entry-list.ht-selected ul.users a,
div.ranking li.entry-unit:nth-child(3) ul.users:hover,
div.ranking li.entry-unit:nth-child(3) ul.users a:hover,
div.ranking li.entry-unit:nth-child(3).ht-selected ul.users, div.bnews li.entry-unit.ht-selected ul.users a,
div.ranking li.entry-unit:nth-child(3).ht-selected ul.users, div.bnews li.entry-list.ht-selected ul.users a {
  border-top-color: #FF7790;
  color: #FF7790;
}

/* readlater-button */

li.entry-unit,
li.entry-list,
li.entrylist-unit {
  position: relative;
}

.readlater-button {
  display: block;
  position: absolute !important;
  right: 0;
  top: 0;
  z-index: 100;
  background-image: url(/images/v3/atode_btn_pc.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
.readlater-button:hover,
.readlater-button.active {
  background-image: url(/images/v3/atode_btn_pc_hover.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .readlater-button {
    background-image: url(/images/v3/atode_btn_pc@2x.png);
  }
  .readlater-button:hover,
  .readlater-button.active {
    background-image: url(/images/v3/atode_btn_pc_hover@2x.png);
  }
}


li.entry-unit .readlater-button {
  width: 42px;
  height: 42px;
  margin: 0 !important;
  padding: 4px 0px 0px 0px !important;
  background-size: 13px 18px;
  background-position: center 14px;
}
li.entry-list .readlater-button {
  width: 30px;
  height: 30px;
  padding:24px 9px 0 0 !important;
  background-size: 15px 20px;
  background-position: center center;
  }
div.js-side-follow-scrl .readlater-button {
  display: none !important;
}
li.entrylist-unit .readlater-button {
  width: 22px;
  height: 22px;
  margin:16px 8px 0 0;
  background-size: 13px 18px;
  background-position: center center;
}
ul.entry-headline-l .readlater-button {
  width: 22px;
  height: 22px;
  margin: 9px 5px 0 0;
  background-size: 15px 20px;
  background-position: center center;
}
li.topic-unit .readlater-button {
  width: 22px;
  height: 22px;
  margin: 11px 14px 0 0;
  background-size: 13px 18px;
  background-position: center center;
}


/* readlater button feature popup */
div.feature-hint-popup-container.popup-login {
  width: 206px;
  height: 62px;
  top: -91px;
  right: 0px;
}
div.feature-hint-popup-container.popup-login:before {
  content: "";
  border: 8px solid transparent;
  border-top: 8px solid #cccccc;
  position: absolute;
  right: 11px;
  bottom: -16px;
  top: auto;
}
div.feature-hint-popup-container.popup-login:after {
  content: "";
  border: 8px solid transparent;
  border-top: 8px solid #FFFFFF;
  position: absolute;
  right: 11px;
  bottom: -15px;
  top: auto;
}
ul.entry-horizontal-l .readlater-button div.feature-hint-popup-container.popup-login {
  bottom: -91px;
  top: auto;
}
ul.entry-horizontal-l .readlater-button div.feature-hint-popup-container.popup-login:before {
  border-bottom: 8px solid #ccc;
  border-top: transparent;
  top: -9px;
  bottom: auto;
}
ul.entry-horizontal-l .readlater-button div.feature-hint-popup-container.popup-login:after {
  border-bottom: 8px solid #fff;
  border-top: transparent;
  top: -8px;
  bottom: auto;
}

div.feature-hint-popup-container.popup-login p {
  color: #666666;
}

div.feature-hint-popup-container.popup-login a {
  color: #008FDE !important;
  text-decoration: underline;
}

div.feature-hint-popup-container.popup-login .popup-section {
  color: #666666;
  font-size: 12px;
  line-height: 19px;
}
div.feature-hint-popup-container.popup-login .feature-hint-popup-close-button {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: center;
  cursor: pointer;
  display: block;
  background-image: url(../../images/delete-button.gif);
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 10;
}


/* topic */
body.topiclist-page div#container,
body.topic-page div#container {
  padding: 0;
}
body.topiclist-page div#footer,
body.topic-page div#footer{
  margin: 0;
}
div#topic-wrapper {
  background-color: #eee!important;
}
div#topic-wrapper div#header-space {
  margin: 0 auto!important;
  position: relative;
}
body.topiclist-page div#topic-main h2,
body.topic-page div#topic-main h2#page-title {
  display: none;
}

div#topic-main {
  position: relative;
  width: 965px;
  margin: 34px auto 0 auto;
  padding-bottom: 60px;
  color: #666!important;
}
body.topiclist-page div#topic-main:before {
  left: 286px;
}
body.topic-page div#topic-main:before {
  left: 346px;
}
div#topic-main:before {
  content: "";
  position: absolute;
  bottom: 53px;
  background-color: #dddddd;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

li.topic-unit h4 a,
li.nb-entries a,
div.topic-side-navi li.menu a,
div.topic-side-navi li.prev-year a,
div.topic-side-navi li.next-year a,
div.topic-main div.pager a,
div#header-space ul.social li a,
div.topic-contents .entry-link,
div.topic-list div.prev-page a,
div.topic-list .entry-link,
div#header-space div.social-button-unit div.button-wrapper ul li a.count {
  text-decoration: none;
  font-weight: normal;
}

h4.topic-title a,li.nb-entries a,li.topic-side-navi-menu a,li.prev-year a {
  text-decoration: none;
  font-weight: normal;
}

/* topic-header-social */
div#header-space div.social-button-unit {
  display: block;
  position: absolute;
  right: 98px;
  top: 14px;
}
div#header-space div.social-button-unit div.button-wrapper ul.service-button {
  height: auto;
  overflow: auto;
}
div#header-space div.social-button-unit div.button-wrapper ul li {
  position: relative;
  display: inline-block;
  margin-left: 12px;
  padding: 0;
}
div#header-space div.social-button-unit div.button-wrapper ul li a {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  border-radius: 3px;
}
div#header-space div.social-button-unit div.button-wrapper ul li a.twitter {
  background-image: url("/images/touch/icon-tw@2x.png")
}
div#header-space div.social-button-unit div.button-wrapper ul li a.facebook {
  background-image: url("/images/touch/icon-fb@2x.png")
}
div#header-space div.social-button-unit div.button-wrapper ul li a.hatena-bookmark {
  background-image: url("/images/social-button/button-hatena-bookmark@2x.png")
}
div#header-space div.social-button-unit div.button-wrapper ul li a.count {
  position: relative;
  display: inline-block;
  margin-left: 9px;
  padding: 0 6px;
  width: inherit;
  min-width: 10px;
  height: 22px;
  color: #999999;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  z-index: 0;
}
div#header-space div.social-button-unit div.button-wrapper ul li a.count:before {
  content: "";
  position: absolute;
  top: 15px;
  left: -5px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #ffffff transparent transparent;
  z-index: 0;
}
div#header-space div.social-button-unit div.button-wrapper ul li a.count:after {
  content: "";
  position: absolute;
  top: 15px;
  left: -7px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #e0e0e0 transparent transparent;
  z-index: -1;
}


/*topiclist*/
body.topic-page div.topic-contents {
  margin-left: 350px;
}
body.topiclist-page div.topic-contents {
  margin-left: 290px;
}
div.topic-contents {
  position: relative;
  min-height: 763px;
  padding: 5px 0;
  border-left: 4px solid #dddddd;
}

div.topic-contents h3 {
  position: relative;
  color: #00aac8;
  padding: 0 0 0 50px;
  margin: 40px 0 20px 0;
  font-size: 14px;
  line-height: 20px;
}
div.topic-contents h3:first-child {
  margin: 20px 0 20px 0;
}
div.topic-contents h3:before {
  content: "";
  position: absolute;
  top: 4px;
  left: -8px;
  background-color: #00aac8;
  box-shadow: 0 0 0 8px #eeeeee;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
div.topic-contents h3:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 10px;
  background-color: #00aac8;
  width: 20px;
  height: 1px;
}
div.topic-contents div.feature-hint-popup-container h3.feature-hint-popup-title {
  margin: 0;
  padding: 0;
}
div.topic-contents div.feature-hint-popup-container h3.feature-hint-popup-title:before {
  display: none;
}
div.topic-contents div.feature-hint-popup-container h3.feature-hint-popup-title:after {
  display: none;
}
div.topic-contents div.feature-hint-popup-container.popup-login {
  right: -10px;
}
div.topic-contents div.feature-hint-popup-container.popup-login:before {
  border-top: 8px solid #cccccc;
  bottom: -16px;
}
div.topic-contents h3 a {
  text-decoration: none;
  color: #00aac8;
}
div.topic-contents h3 a:visited {
  color: #00aac8;
}
div.topic-contents ul.topic-list {
  margin: 0;
}
div.topic-contents ul li.topic-unit {
  width: 420px;
  height: 67px;
  position: relative;
  margin: 0 0 25px 30px;
  background-color: #fff;
}
div.topic-contents ul li.entrylist-unit {
  width: 400px;
  height: auto;
  position: relative;
  margin: 0 0 25px 30px;
  padding: 10px 0 8px 0;
  background-color: #fff;
  border-bottom: solid 1px #dddddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
div.topic-contents ul li.entrylist-unit.topic-hot {
  width: 480px;
  height: auto;
  padding: 12px 0;
  margin-left: 35px 0 35px 30px;
}
div.topic-contents ul li.topic-unit:before,
div.topic-contents ul li.entrylist-unit:before {
  content: "";
  position: absolute;
  top: 29px;
  left: -36px;
  background-color: #dddddd;
  box-shadow: 0 0 0 8px #eeeeee;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
div.topic-contents ul li.entrylist-unit:before{
  top: 23px;
}
div.topic-contents ul li.entrylist-unit.topic-hot:before {
  top: 21px;
  left: -38px;
  box-shadow: 0 0 0 8px #eeeeee;
  width: 12px;
  height: 12px;
}
div.topic-contents ul li.topic-unit:after,
div.topic-contents ul li.entrylist-unit:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 24px;
  border: 10px solid transparent;
  border-right: 10px solid #fff;
}
div.topic-contents ul li.entrylist-unit:after {
  top: 17px!important;
}
div.topic-contents ul li.entrylist-unit.topic-hot:after {
  top: 17px;
}

div.topic-contents ul li.topic-unit h4 a.topic-title {
  font-size: 15px;
  margin-right: 40px;
  padding: 12px 0 0 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.topic-contents ul li h4.hb-entry-link-container a {
  font-size: 13px;
  padding: 0 0 0 20px;
  width: 340px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.topic-contents ul li.topic-hot h4.hb-entry-link-container a {
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
  width: 420px;
  white-space: normal;
  overflow: auto;
}
div.topic-contents ul li.topic-hot h4.hb-entry-link-container a:visited {
  color: #888;
}
.topic-unit h4 a,div.topic-contents .entry-link { display: block; }
.topic-unit h4 a,div.topic-contents .entry-link { color: #303030; }
.topic-unit h4 a:hover,div.topic-contents .entry-link:hover { color: #111;  }

div.topic-contents li.entrylist-unit .entry-data {
  margin-top: 4px;
  padding: 0 0 0 22px;
}
div.topic-contents li.entrylist-unit.topic-hot .entry-data {
  margin-top: 8px;
}
div.topic-contents li.entrylist-unit div.readlater-button {
  margin: 8px 8px 0 0;
}
div.topic-contents li.entrylist-unit.topic-hot div.readlater-button {
  margin: 13px 10px 0 0;
}
div.topic-contents li.topic-unit a {
  text-decoration: none;
}
div.topic-contents li.topic-unit ul.topic-data li.thumbnail {
  position: absolute;
  left: 79px;
  bottom: 0;
}
div.topic-contents li.topic-unit ul.topic-data li.thumbnail a {
  height: 67px;
  width: 67px;
  overflow: hidden;
  background-image: url(/images/v3/topic-no-image.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.topic-contents li.topic-unit ul.topic-data li.thumbnail a {
    background-image: url(/images/v3/topic-no-image@2x.png);
  }
}
div.topic-contents li.topic-unit ul.topic-data li.category {
  padding: 4px 0 0 160px;
  color: #999;
  font-size: 12px;
}
div.topic-contents li.topic-unit ul.topic-data li.nb-entries {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: #999;
  font-size: 11px;
  display: block;
}
div.topic-contents li.topic-unit ul.topic-data li.nb-entries a {
  color: #999;
  padding-top: 14px;
  height: 54px;
  width: 79px;
  display: block;
}
div.topic-contents li.topic-unit ul.topic-data li.nb-entries span {
  display: block;
  color: #00aac8;
  font-size: 20px;
}

div.topic-contents li.topic-unit ul.topic-data li.nb-entries a:hover span {
  color: #00ccc8;
}

div.topic-contents li.entrylist-unit ul.entry-data li {
  float: left;
  margin: 0 16px 0 0;
}
div.topic-contents li.entrylist-unit ul.entry-data li a {
  width: 93px;
}


/*topic左カラム*/
div.topic-side-navi {
  margin-left: 0px;
  padding-bottom: 20px;
}
div.topic-side-navi a.goback {
  font-size: 12px;
  line-height: 50px;
  color: #666;
  text-decoration: none;
  margin-left: 10px;
  position: relative;
}
div.topic-side-navi a.goback:hover {
  text-decoration: underline;
}

div.topic-side-navi a.goback:after {
  content: ' ';
  height: 0;
  width: 0;
  margin-right: 8px;
  border: 4px solid transparent;
  border-right-color: #333;
  position: absolute;
  right: 100%;
  top: 2px;
}

/*topiclist左カラムメニュー*/
div.topic-side-navi li.menu {
  position: relative;
  font-size: 14px;
  width: 238px;
  background-color: #fafafa;
  border-left: 2px solid #fafafa;
}
div.topic-side-navi li.menu.current {
  background-color: #fff;
  border-left: 2px solid #00aac8;
}
div.topic-side-navi li.menu:hover {
  background-color: #fff;
}
div.topic-side-navi li.menu span.topic-all,
div.topic-side-navi li.menu a {
  display: block;
  color: #999999;
  padding: 10px;
}
div.topic-side-navi li.menu.current a,
div.topic-side-navi li.menu a:hover {
  color: #333333 !important;
}
div.topic-side-navi li.menu a span {
  position: absolute;
  right: 14px;
  color: #fff;
  min-width: 22px;
  text-align: center;
  background-color: #7dd2e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  padding: 0 5px;
}

div.topic-side-navi li.menu.current a span,
div.topic-side-navi li.menu:hover a span {
  background-color: #00aac8 !important;
}

div#topic-main .pager img.pointer {
  display: none;
}
div#topic-main .pager .lazy-loading-message {
  display: inline;
}
body.topiclist-page div.pager {
  position: relative;
  width: 380px;
  margin: 0 0 0 290px;
  padding: 0 0 45px 30px;
  border-left: 4px solid #dddddd;
  padding-top: 0;
  text-align: center;
}
div#topic-main div.pager.pager-autopagerize a {
  display: none;
}
body.topiclist-page div.pager.pager-autopagerize-complete,
body.topic-page div.pager.pager-autopagerize-complete {
  display: none;
}
body.topic-page div.pager {
  position: relative;
  width: 430px;
  margin: 0 0 0 350px;
  padding: 0 0 15px 0;
  border-left: 4px solid #dddddd;
  padding-top: 0;
  text-align: center;
}

div#topic-main div.pager a:hover:before {
  border-top: 10px solid #111;
}
div.topic-side-navi li.prev-year {
  text-align: center;
  margin: 10px 0;
 }
 div.topic-side-navi li.next-year {
  text-align: center;
  margin-bottom: 10px;
 }
div#topic-main div.pager a,
div.topic-side-navi li.prev-year a,
div.topic-side-navi li.next-year a {
  position: relative;
  font-size: 13px;
  color: #999999;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-decoration: none;
}
div#topic-main div.pager a:before {
  content: "";
  position: absolute;
  left: 26px;
  top: 25px;
  border: 6px solid transparent;
  border-top: 6px solid #999999;
}
div.topic-side-navi li.prev-year a:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 2px;
  border: 6px solid transparent;
  border-top: 6px solid #999999;
}
div.topic-side-navi li.next-year a:before {
  content: "";
  position: absolute;
  left: -20px;
  bottom: 5px;
  border: 6px solid transparent;
  border-bottom: 6px solid #999999;
}
div#topic-main div.pager a:hover,
div.topic-side-navi li.prev-year a:hover,
div.topic-side-navi li.next-year a:hover  {
  color: #111;
  border-color: #111;
}
div#topic-main div.pager a:hover:before,
div.topic-side-navi li.prev-year a:hover:before {
  border-top: 6px solid #111;
}
div.topic-side-navi li.next-year a:hover:before {
  border-bottom: 6px solid #111;
}

/*topic個別左カラムトピックデータ*/
div.topic-side-navi div.topic-data {
  position: relative;
  padding: 0px;
  width: 300px;
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
div.topic-side-navi div.topic-data p {
  color: #999999;
  font-size: 12px;
  margin: 0;
  padding: 20px 0 6px 20px;
}
div.topic-side-navi div.topic-data h2 {
  margin: 0;
  padding: 0 0 14px 18px;
  width: 260px;
  color: #333;
  font-size: 19px;
  line-height: 28px;
  font-weight: bold;
}
div.topic-side-navi div.topic-data ul {
  height: 68px;
  background-color: #fafafa;
  border-top: 1px solid #EFEFEF;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
}
div.topic-side-navi div.topic-data ul li {
  display: inline-block;
  color: #999999;
  font-size: 12px;
  margin: 0;
  padding: 12px 0px 0 55px;
  text-align: center;
}
div.topic-side-navi div.topic-data ul li span {
  display: block;
  color: #00aac8;
  font-size: 20px;
  padding: 0;
}

/*topic個別左カラムフォトギャラリー*/
div.topic-side-navi div.box_section div.section_head h2 {
  display: none;
}
div.topic-side-navi div.box_section ul.entry-gallery-s {
  margin: 50px 0 0 0;
}
div.topic-side-navi div.box_section ul.entry-gallery-s li div ul li span.thumbnail {
  background-color: #eeeeee;
}
div.topic-side-navi div.box_section ul.entry-gallery-s div.readlater-button {
  display: none;
}


/*topic右タブ*/
div.topic-tab {
  /* position: fixed; */
  /* top: 90px; */
  margin-left: 530px;
}
div.topic-tab ul {
  padding: 25px 0 25px 0;
}
div.topic-tab ul:first-child {
  padding-top: 0;
}
div.topic-tab ul li {
  margin-top: 15px;
  padding-left: 10px;
  line-height: 1.0;
}
div.topic-tab ul li ul {
  margin-bottom: 10px;
  padding: 0;
}
div.topic-tab ul li a {
  text-decoration: none;
  font-size: 13px;
  color: #aaaaaa;
}
div.topic-tab ul li a:hover {
  color: #aaa;
}
div.topic-tab ul li ul li a {
  font-weight: normal;
}
div.topic-tab li.current {
  border-left: 2px solid #00aac8;
}
div.topic-tab li.current a {
  color: #00aac8 !important;
  font-weight: bold;
}
div.topic-tab ul.topic-date-navi li a {
  color: #aaa !important;
  font-weight: normal;
}
div.topic-tab ul.topic-date-navi li.current a {
  color: #00aac8 !important;
  font-weight: bold;
  margin-left: -2px;
}
div.topic-tab ul.date li a,
div.topic-tab ul.topic-date-navi li a  {
  font-size: 14px;
}
div.topic-tab ul.topic-month-navi > li {
  border: none;
}

/*clearfix*/
.clearfix {
 zoom: 1;
}
.clearfix:after {
  content: "";
   display: block;
   clear: both;
   height: 0;
}

/*おすすめ特集リンク*/
.recommend-issue {
  text-align: right;
  margin: -2px 32px 30px 0;
}
.recommend-issue a {
  position: relative;
  color: #666;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}
.recommend-issue a:before {
  content: "";
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-left-color: #666;
  position: absolute;
  right: -24px;
  top: 4px;
}
body.hotentry .recommend-issue a,
body.general .recommend-issue a,
body.hotentry .recommend-issue span,
body.general .recommend-issue span {
  color: #008FDE;
}
body.hotentry .recommend-issue span,
body.general .recommend-issue span {
  border-color: #008FDE;
}
body.hotentry .recommend-issue span:before,
body.hotentry .recommend-issue a:before,
body.general .recommend-issue span:before,
body.general .recommend-issue a:before {
  border-left-color: #008FDE;
}
body.category-social .recommend-issue a,
body.category-economics .recommend-issue a,
body.category-social .recommend-issue span,
body.category-economics .recommend-issue span {
  color: #A78358;
}
body.category-social .recommend-issue span,
body.category-economics .recommend-issue span {
  border-color: #A78358;
}
body.category-social .recommend-issue span:before,
body.category-social .recommend-issue a:before,
body.category-economics .recommend-issue span:before,
body.category-economics .recommend-issue a:before {
  border-left-color: #A78358;
}
body.category-life .recommend-issue a,
body.category-knowledge .recommend-issue a,
body.category-life .recommend-issue span,
body.category-knowledge .recommend-issue span {
  color: #068B71;
}
body.category-life .recommend-issue span,
body.category-knowledge .recommend-issue span {
  border-color: #068B71;
}
body.category-life .recommend-issue span:before,
body.category-life .recommend-issue a:before,
body.category-knowledge .recommend-issue span:before,
body.category-knowledge .recommend-issue a:before {
  border-left-color: #068B71;
}
body.category-it .recommend-issue a,
body.category-it .recommend-issue span {
  color: #00A5DE;
}
body.category-it .recommend-issue span {
  border-color: #00A5DE;
}
body.category-it .recommend-issue span:before,
body.category-it .recommend-issue a:before {
  border-left-color: #00A5DE;
}
body.category-fun .recommend-issue a,
body.category-entertainment .recommend-issue a,
body.category-game .recommend-issue a,
body.category-fun .recommend-issue span,
body.category-entertainment .recommend-issue span,
body.category-game .recommend-issue span {
  color: #F5AC0F;
}
body.category-fun .recommend-issue span,
body.category-entertainment .recommend-issue span,
body.category-game .recommend-issue span {
  border-color: #F5AC0F;
}
body.category-fun .recommend-issue span:before,
body.category-fun .recommend-issue a:before,
body.category-entertainment .recommend-issue span:before,
body.category-entertainment .recommend-issue a:before,
body.category-game .recommend-issue span:before,
body.category-game .recommend-issue a:before {
  border-left-color: #F5AC0F;
}

/* issue-unit */
div.issue-unit li.entry-unit {
  border-bottom: 1px solid #ECECEC;
}
div.issue-unit div.entry-contents {
  border-top: 4px solid;
  padding: 20px 15px 0 15px;
}
div.issue-unit li.description {
  margin-bottom: 12px!important;
}
div.issue-unit ul.entry-data li.category {
  margin: 0 0 14px 0;
}
div.issue-entrylist {
  background-color: #f5f5f5;
  border-radius: 3px;
  margin: 5px 0;
}
div.issue-entrylist:hover {
  background-color: #eee;
  cursor: pointer;
}
div.issue-entrylist li {
  font-size: 12px;
  border-bottom: 1px solid #eee;
}
div.issue-entrylist li:last-child {
  border-bottom: none;
}
div.issue-entrylist li a {
  padding: 8px 15px 3px 15px;
  color: #666;
  line-height: 16px;
  text-decoration: none;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  max-width: 230px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
}
div.issue-entrylist li a img {
  margin-right: 4px;
  vertical-align: middle
}
div.issue-entrylist li a span {
  vertical-align: middle
}
div.issue-unit li.entry-unit.category-top div.entry-contents,div.issue-unit li.entry-unit.category-general div.entry-contents {
  border-top-color: #008FDE;
}
div.issue-unit li.category-social div.entry-contents,div.issue-unit li.category-economics div.entry-contents {
  border-top-color : #A78358;
}
div.issue-unit li.category-life div.entry-contents,div.issue-unit li.category-knowledge div.entry-contents {
  border-top-color : #068B71;
}
div.issue-unit li.category-it div.entry-contents {
  border-top-color : #00A5DE;
}
div.issue-unit li.category-fun div.entry-contents,div.issue-unit li.category-entertainment div.entry-contents,div.issue-unit li.category-game div.entry-contents {
  border-top-color : #F5AC0F;
}
/* kadenkaigi products*/
div.kadenkaigi-products li div.entry-contents {
  border-top-color: #d8212e;
}
div.kadenkaigi-products li div.entry-contents h3 {
  line-height: 1.3;
}
div.kadenkaigi-products .product-maker {
  display: block;
  font-size: 11px;
}


/* //// カテゴリ新着に人気エントリーを出す枠 //// */
.more-entries-unit a {
  text-decoration: none;
}
.more-entries-list {
  background: #f5f5f5;
  color: #666;
  border-radius: 3px;
  margin: 1px 4px 8px;
}
.more-entries-list:hover {
  background: #eee;
}
.more-entries-hedding {
  border-top: 4px solid;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}
.social .more-entries-hedding,
.economics .more-entries-hedding {
  border-top-color: #A78358;
}
.life .more-entries-hedding,
.knowledge .more-entries-hedding {
  border-top-color: #068B71;
}
.it .more-entries-hedding {
  border-top-color: #00A5DE;
}
.entertainment .more-entries-hedding,
.game .more-entries-hedding,
.fun .more-entries-hedding,
.video .more-entries-hedding,
.picture .more-entries-hedding {
  border-top-color: #F5AC0F;
}

.more-entries-list li {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 11px 10px;
  line-height: 1;
}
.more-entries-list li:last-child {
  border-bottom: none;
}
.more-entries-list .favicon {
  position: absolute;
  top: 14px;
}
.more-entries-title {
  margin: 0 0 0 25px;
  display: inline-block;
  font-size: 14px;
  overflow : hidden;
  line-height: 1.4;
}
.read-more {
  font-size: 12px;
  text-align: center;
  padding: 17px 0 !important;
}

/* カテゴリトップ技術ブログ枠 */
.tag-recommend-entrylist-unit {
  margin: 0 0 16px 0;
}
.tag-recommend-entrylist-unit .blog-register {
  display: inline-block;
  float: right;
  margin: 12px 16px 10px 0;
}
.tag-recommend-entrylist-unit .blog-register a {
  color: #5aba90;
  font-size: 12px;
  text-decoration: none;
  position: relative;
}
.tag-recommend-entrylist-unit .blog-register a:before {
  content: "";
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-left-color: #5aba90;
  position: absolute;
  right: -13px;
  top: 3px;
}
.tag-recommend-entrylist-unit .blog-register a:after {
  content: "";
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-left-color: #fff;
  position: absolute;
  right: -12px;
  top: 3px;
}
.tag-recommend-entrylist-unit ul.tag-recommend-entrylist-unit {
  margin: 0 7px 0 5px;
  border-top: 4px solid;
  border-bottom: 2px solid #ECECEC;
}
.tag-recommend-entrylist-unit ul.tag-recommend-entrylist-unit.category-it {
  border-top-color: #00A5DE;
}
.tag-recommend-entrylist-unit .entrylist-unit ul.entry-data,
.tag-recommend-entrylist-unit .entrylist-unit h3,
.tag-recommend-entrylist-unit .entrylist-unit ul.entry-data li,
.tag-recommend-entrylist-unit div.readlater-button {
  display: inline-block;
  vertical-align: middle;
}
.tag-recommend-entrylist-unit li.entrylist-unit {
  padding: 5px 16px 5px 24px;
}
.tag-recommend-entrylist-unit li.entrylist-unit:first-child {
  padding: 24px 16px 5px 24px;
}
.tag-recommend-entrylist-unit li.entrylist-unit:last-child {
  padding: 5px 16px 24px 24px;
}
.tag-recommend-entrylist-unit ul.entry-data {
  margin-top: 0!important;
  margin-bottom: 0!important;
}
.tag-recommend-entrylist-unit li.entrylist-unit ul.entry-data li.tag {
  padding-right: 4px;
  width: 90px;
}
.tag-recommend-entrylist-unit li.entrylist-unit ul.entry-data li.tag a {
  margin: 0;
  width: 76px;
  height: 16px;
  text-align: center;
}
.tag-recommend-entrylist-unit li.entrylist-unit ul.entry-data li.tag a span {
  display: inline-block;
  line-height: 16px;
  width: 76px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tag-recommend-entrylist-unit li.entrylist-unit ul.entry-data li.domain {
  width: 16px;
}
.tag-recommend-entrylist-unit li.entrylist-unit h3 {
  font-size: 15px;
  padding-right: 8px;
  max-width: 698px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tag-recommend-entrylist-unit li.entrylist-unit h3.has_pr {
  max-width: 665px;
}
.tag-recommend-entrylist-unit li.entrylist-unit li.users {
  font-size: 12px;
}
.tag-recommend-entrylist-unit li.entrylist-unit ul.entry-data li {
  float: none;
  margin: 0;
}
.tag-recommend-entrylist-unit div.readlater-button {
  position: relative!important;
  margin: 0;
  width: 16px;
  height: 16px;
  background-size: 11px 16px;
}
.tag-recommend-entrylist-unit li.pager-list {
  margin: 0 0 30px 0;
}

/* アニゲトップ カクヨムスポンサード枠 */
.kakuyomu-unit .tag-recommend-entrylist-unit {
  padding: 19px 0;
}
.kakuyomu-unit .tag-recommend-entrylist-unit li.entrylist-unit {
  padding: 5px 16px 5px 18px;
}
.tag-recommend-entrylist-unit ul.tag-recommend-entrylist-unit.category-game {
  border-top-color: #F5AC0F;
}
.kakuyomu-unit .tag-recommend-entrylist-unit li.entrylist-unit h3 {
  max-width: 800px;
}
div.kakuyomu-unit h2 {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  margin: 12px 0;
  padding: 0 18px;
  background-color: inherit;
  color: #707070;
}
.recommend-note {
  color: #F5AC0F;
  border: 1px solid #F5AC0F;
  font-size: 10px;
  font-weight: normal;
  padding: 3px 5px;
  margin: 0 0 0 8px;
}
.label-sponsored {
  float: right;
  margin: 12px;
  color: #999;
  font-size: 14px;
  letter-spacing: .04em;
}
.label-sponsored img {
  width: 82px;
  height: 16px;
  vertical-align: top;
}

/* //// コメントランキングの枠 //// */
div.ranking-comment h2 {
  background-image: url("/images/v3/icon-rank-comment@2x.png");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  margin: 12px 0 12px 10px;
  padding-left: 23px;
  background-color: inherit;
}
div.ranking-comment h2 a {
  color: #707070;
}
div.ranking-comment h2 p {
  color: #FFF;
  font-size: 12px;
  display: inline;
  margin-left: 10px;
  padding: 2px 8px;
  text-decoration: none;
  background-color: #ABABAB;
  text-align: center;
}
.ranking-comment .entry-contents {
  border-bottom: none !important;
}
.ranking-comment a {
  text-decoration: none;
}
.ranking-comment ul.entry-vertical-3 ul.users li a {
  padding: 12px 0 0 24px;
  position: relative;
}
.ranking-comment li.entry-unit:nth-child(1) ul.users,
.ranking-comment li.entry-unit:nth-child(1) ul.users a {
    border-top-color: #d8ba02;
    color: #d8ba02;
}
.ranking-comment li.entry-unit:nth-child(2) ul.users,
.ranking-comment li.entry-unit:nth-child(2) ul.users a {
  border-top-color: #738d9e;
  color: #738d9e;
}
.ranking-comment li.entry-unit:nth-child(3) ul.users,
.ranking-comment li.entry-unit:nth-child(3) ul.users a {
  border-top-color: #c78962;
  color: #c78962;
}
.ranking-comment li.entry-unit:nth-child(1) ul.users:hover,
.ranking-comment li.entry-unit:nth-child(1) ul.users a:hover,
.ranking-comment li.entry-unit:nth-child(1).ht-selected ul.users, div.bnews li.entry-unit.ht-selected ul.users a,
.ranking-comment li.entry-unit:nth-child(1).ht-selected ul.users, div.bnews li.entry-list.ht-selected ul.users a,
.ranking-comment li.entry-unit:nth-child(2) ul.users:hover,
.ranking-comment li.entry-unit:nth-child(2) ul.users a:hover,
.ranking-comment li.entry-unit:nth-child(2).ht-selected ul.users, div.bnews li.entry-unit.ht-selected ul.users a,
.ranking-comment li.entry-unit:nth-child(2).ht-selected ul.users, div.bnews li.entry-list.ht-selected ul.users a,
.ranking-comment li.entry-unit:nth-child(3) ul.users:hover,
.ranking-comment li.entry-unit:nth-child(3) ul.users a:hover,
.ranking-comment li.entry-unit:nth-child(3).ht-selected ul.users, div.bnews li.entry-unit.ht-selected ul.users a,
.ranking-comment li.entry-unit:nth-child(3).ht-selected ul.users, div.bnews li.entry-list.ht-selected ul.users a {
  border-top-color: #FF7790;
  color: #FF7790;
}
.ranking-comment .users {
  border-bottom: none !important;
}
.ranking-comment .users li {
  font-size: 15px;
}
.ranking-comment .users-small {
  margin: -27px 0 0px 84px;
}
.ranking-comment-entries {
  background: #f5f5f5;
  color: #666;
  border-radius: 3px;
  margin: 0 6px 8px;
}
.ranking-comment-entries:hover {
  background: #eee;
}
.ranking-comment-entries li {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 11px 10px;
  line-height: 1;
  position: relative;
  min-height: 46px;
}
.ranking-comment-entries li:last-child {
  border-bottom: none;
}
.ranking-comment-icon {
  width: 32px;
  height: 32px;
  position: absolute;
  border: 1px solid #CCCCCC;
  background: #fff;
}
.ranking-comment-text {
  padding: 0 0 0 42px;
  font-size: 85%;
}
.ranking-comment-username {
  margin: 0 0 4px 0;
  color: #2d6bc4;
}
.ranking-comment-more {
  padding: 14px 0 !important;
  text-align: center;
  font-size: 12px;
  min-height: inherit !important;
}


/* appstore-link-unit */
.appstore-link-unit {
  margin: 0 auto 14px auto;
  padding: 24px 0 !important;
  text-align: center;
  border-top: 1px dotted #ECECEC;
}
.appstore-link-unit.topic {
  width: 238px;
  margin: 0 auto;
  padding: 50px 0 !important;
}
.appstore-link-unit.comment-page {
  padding: 40px 0 !important;
}
.appstore-link-unit.comment-page p {
  color: #00AAC8;
  font-size: 14px;
}
.appstore-link-unit.comment-page .appstore {
  margin-right: 20px;
}
.appstore-link-unit.topic.topicpage {
  width: 310px !important;
}
.appstore-link-unit p {
  margin-bottom: 8px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
}
.appstore-link-unit.topic p {
  color: #00AAC8;
  font-size: 12px;
}
.appstore-link-unit ul {
  height: 116px;
}
.appstore-link-unit.topic ul {
  height: auto;
}
.appstore-link-unit li {
  display: inline-block;
  height: 54px;
}
.appstore-link-unit.topic.topicpage li {
  height: 43px;
}
.appstore-link-unit li.appstore {
  margin-bottom: 8px;
}
.appstore-link-unit a {
  width: 180px;
  height: 54px;
  display: inline-block;
  position: relative;
  background-size: 180px 54px;
  background-repeat: no-repeat;
  background-position: center top;
  transition: 200ms opacity;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.appstore-link-unit.topic.topicpage a {
   width: 145px;
   height: 43px;
   background-size: 145px 43px;
}
.appstore-link-unit a:hover {
  opacity: 0.75;
}
.appstore-link-unit .appstore a {
  background-image: url(/images/dl-button/appstore.png);
}
.appstore-link-unit.topic.topicpage .appstore a {
  margin-right: 10px;
}
.appstore-link-unit .googleplay a {
  background-image: url(/images/dl-button/googleplay.png);
}