/* normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/*
variables
----------------------------------------*/
/* dark green */
/* light mad blue */
/* gray */
/* dark blue */
/* dark green */
/* light green */
/* dark gray */
/* light dark gray */
/* light gray */
/* light green */
/* light blue */
/* dark green */
/* dark blue */
/* red */
/* light gray */
/* ight gray */
/* black  */
/* light blue */
/* light gray */
/*  */
/* gray */
/* litight gray */
/* gray */
/*   */
/*  */
/*  */
/*   */
/*  */
/*  */
/*  */
/*   */
/*  */
/*   */
/*  */
/* light gray */
/*
mixin
----------------------------------------*/
/*
reset
----------------------------------------*/
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th, td {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
  list-style-image: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
common
----------------------------------------*/
body {
  color: #595959;
  font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
  font-size: 12px;
}

a, a:visited {
  color: #21558a;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.borderAll {
  border: 1px solid #d7d7d7;
}

.border2w {
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
}

.border3w {
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.fatalMsg {
  padding: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  background: #ff8080;
  color: #fff;
  text-align: left;
  line-height: 1.4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.noticeMsg {
  padding: 10px 0;
  font-size: 12px;
  line-height: 1.4;
}

.warnMsg {
  padding: 10px 0;
  font-size: 12px;
  color: #ff8080;
  line-height: 1.4;
}

.infoMsg {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 10px 10px 10px 39px;
  color: #cc9900;
  line-height: 1.4;
  border: 1px solid #cc9900;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #fcf2d5 url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_info.png) no-repeat 5px 5px;
}

.errorMsg {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  line-height: 1.4;
  padding: 10px 10px 10px 39px;
  color: #990000;
  border: 1px solid #990000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #fdbbbb url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_error.png) no-repeat 5px 5px;
}

.successMsg {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  line-height: 1.4;
  padding: 10px 10px 10px 39px;
  color: #339900;
  border: 1px solid #339900;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #bcff9a url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_success.png) no-repeat 5px 5px;
}

.timeoutMsg {
  padding: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  background: #d2dbe0;
  color: #000;
  text-align: center;
  line-height: 1.4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.inlineHints {
  margin: 0 0 10px 0;
  padding: 0 0 0 5px;
  border-left: 2px solid #ddd;
  color: #999999;
  font-size: 11px;
}

/* button */
a.btn {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 1.0;
}

a.btnShare {
  display: inline-block;
  width: 150px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 1.0;
}

a.btnLogin {
  display: inline-block;
  width: 150px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 1.4;
}

a.btnClose {
  padding: 10px 20px;
  color: #2c2416;
  border: 1px solid #cccccc;
  background-color: #edeff4;
}
a.btnClose:hover {
  color: #fff;
  background-color: #cccccc;
}

a.btnFollowS {
  padding: 3px 5px;
  width: 26px;
  background-color: #88b620;
  font-family: "Arial","Helvetica",sans-serif;
}
a.btnFollowS:hover {
  background-color: #abb422;
}

a.btnFollowingS {
  padding: 3px 5px;
  width: 26px;
  background-color: #adadad;
  font-family: "Arial","Helvetica",sans-serif;
}
a.btnFollowingS:hover {
  background-color: #ccc;
}

a.btnFollow {
  padding: 5px 5px;
  width: 56px;
  background-color: #88b620;
  font-family: "Arial","Helvetica",sans-serif;
}
a.btnFollow:hover {
  background-color: #abb422;
}

a.btnFollowing {
  padding: 5px 5px;
  width: 56px;
  background-color: #adadad;
  font-family: "Arial","Helvetica",sans-serif;
}
a.btnFollowing:hover {
  background-color: #ccc;
}

a.btnUnblock {
  padding: 5px 5px;
  width: 75px;
  background-color: #adadad;
}
a.btnUnblock:hover {
  color: #fff;
  background-color: #cccccc;
}

a.btnBlock {
  padding: 5px 5px;
  width: 75px;
  background-color: #5f9ea0;
}
a.btnBlock:hover {
  color: #fff;
  background-color: #cccccc;
}

a.btnFacebook {
  padding: 10px 20px;
  color: #fff;
  font-size: 12px;
  border: 0;
  background-color: #3b5997;
}

a.btnFacebook:hover {
  background-color: #4c70b9;
}

a.btnTwitter {
  padding: 10px 20px;
  color: #fff;
  font-size: 12px;
  border: 0;
  background-color: #00aced;
}

a.btnTwitter:hover {
  background-color: #21c2ff;
}

a.btnRakuten {
  padding: 10px 20px;
  color: #fff;
  font-size: 12px;
  border: 0;
  background-color: #bf0000;
}

a.btnRakuten:hover {
  background-color: #e40001;
}

/* more */
.moreBtn {
  display: block;
  margin: 0 auto;
  padding: 10px 10px;
  font-size: 12px;
  border: 1px solid #d7d7d7;
  background: #edeff4;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* loading */
.loading {
  padding: 5px;
  text-align: center;
  border: 1px solid #66b8b2;
}

/* mobileSwitchLink */
.mobileSwitchLink {
  background: #4d93c4;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.mobileSwitchLink a {
  display: block;
  padding: 20px;
  color: #fff;
  font-size: 18px;
}

/* switch order */
.switchOrder a {
  display: inline-block;
  padding: 3px 0;
  width: 80px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  background: #363636;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.switchOrder a.asc {
  background: #363636 url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_sq_up.png) no-repeat right center;
}
.switchOrder a.desc {
  background: #363636 url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_sq_down.png) no-repeat right center;
}
.switchOrder a:hover, .switchOrder a.desc:hover, .switchOrder a.asc:hover {
  background: #ccc;
  text-decoration: none;
}

.author {
  font-size: 10px;
}
.author .userIcon {
  display: table-cell;
  padding: 0 5px 0 0;
  width: 16px;
  /*
          img {
              vertical-align: middle;
          }
  */
}
.author .userIcon img {
  vertical-align: bottom;
}
.author .userName {
  display: table-cell;
  padding: 0 10px 0 0;
  line-height: 1.5;
  vertical-align: middle;
}
.author .datetime {
  display: table-cell;
  color: #999999;
  line-height: 1.5;
  vertical-align: middle;
}

/* formArea */
.formArea {
  /*
      & input[type="checkbox"] {
          margin: 0 5px 0 0;
      }
  */
}
.formArea input[type="text"], .formArea textarea, .formArea select {
  padding: 5px;
  color: dimgrey;
  border: 1px solid #e0e0e0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.formArea textarea {
  line-height: 1.4;
}
.formArea .formItem {
  margin: 0 0 10px;
}
.formArea .title {
  padding: 0 0 10px;
  font-size: 12px;
  font-weight: bold;
}
.formArea .title h2 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: dimgrey;
}
.formArea .item {
  margin: 0 0 20px;
  /*
          table.checkList {
              td {
                  padding: 0 0 5px;
              }
  
          }
  */
}
.formArea .item .title img {
  margin: 0 0 0 5px;
  vertical-align: top;
}
.formArea .item .btnArea {
  padding: 10px 0 0;
  text-align: center;
  border-top: 1px dotted #d7d7d7;
}
.formArea .item .option a {
  font-size: 11px;
}
.formArea .item .cancel {
  text-align: center;
}
.formArea .item .cancel a {
  font-size: 11px;
}
.formArea span.required {
  font-size: 11px;
  color: #f03d25;
}
.formArea span.constraint {
  font-size: 11px;
  color: dimgrey;
}

/* input */
input.btn {
  padding: 10px 20px;
  font-size: 12px;
  font-weight: bold;
  color: #2c2416;
  border: 2px solid #cccccc;
  background-color: #edeff4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input.btn:hover {
  color: #fff;
  background-color: #cccccc;
}

input.btnDisabled {
  padding: 10px 20px;
  font-size: 12px;
  color: #cccccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input.btnDisabled:hover {
  color: #cccccc;
  background-color: #edeff4;
}

input.btnSave {
  color: white;
  border: 2px solid #6ba147;
  background-color: #85ba61;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input.btnSave:hover {
  background-color: #8cca4f;
}

input.btnSaveS {
  padding: 5px 10px;
  font-size: 11px;
  font-weight: bold;
  color: white;
  border: 1px solid #6ba147;
  background-color: #85ba61;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input.btnSaveS:hover {
  background-color: #8cca4f;
}

input.btnAddItem {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: normal;
  color: #555;
  border: 1px solid #d7d7d7;
  background-color: #DEE7F8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input.btnAddItem:hover {
  background-color: #bbcef1;
}

input.btnSearch {
  padding: 3px 10px;
  font-size: 12px;
  font-family: "Arial","Helvetica",sans-serif;
  color: white;
  border: 1px solid #30474f;
  background-color: #30474f;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input.btnSearch:hover {
  background-color: #4d93c4;
}

input.btnAttention {
  padding: 10px 20px;
  font-size: 12px;
  background-color: #ff8080;
  color: #fff;
  border: 1px solid #ff0000;
}

input.btnAttention:hover {
  background-color: #ff0000;
  color: #fff;
  border: 1px solid #ff0000;
}

input.btnRegist {
  color: #fff;
  border: none;
  background-color: #FF8C00;
}

input.btnRegist:hover {
  background-color: #D2691E;
}

/* mainHeading */
.mainHeading {
  margin: 0 0 10px 0;
  padding: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #666666;
  background: #363636;
}

/* userList */
.userList ul {
  border-top: 1px solid #d7d7d7;
}
.userList ul li {
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.userList .item .userIcon {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  padding: 0 10px 0 0;
}
.userList .item .userIcon .inner {
  position: relative;
  width: 50px;
}
.userList .item .userIcon .inner img {
  vertical-align: bottom;
}
.userList .item .userIcon {
  position: relative;
}
.userList .item .userIcon .emotion {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.userList .item .content {
  display: table-cell;
  padding: 0 10px 0 0;
  vertical-align: middle;
  width: 80%;
  line-height: 1.4;
}
.userList .item .action {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  text-align: right;
}

/* moreArea */
.moreArea {
  padding: 10px;
  background: #fff;
}

/*
imageArticleListM1Cmp
----------------------------------------*/
.imageArticleListM1Cmp .itemList ul {
  margin: 0 0 20px 0;
}
.imageArticleListM1Cmp .itemList ul li {
  padding: 0 15px 0 0;
  width: 140px;
  font-size: 14px;
  float: left;
}
.imageArticleListM1Cmp .itemList ul li .item .img {
  width: 140px;
  height: 140px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  layout-grid-line: 140px;
  background: #f3f3f3;
  border: 1px solid #ddd;
}
.imageArticleListM1Cmp .itemList ul li .item .img img {
  vertical-align: middle;
}
.imageArticleListM1Cmp .itemList ul li .item .title {
  padding: 10px 0 0;
}

/*
imageArticleListM2Cmp
----------------------------------------*/
.imageArticleListM2Cmp .itemList .item {
  margin: 0 0 10px;
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.imageArticleListM2Cmp .itemList .item .article {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.imageArticleListM2Cmp .itemList .item .article .title {
  padding: 0 10px 10px 0;
  font-size: 12px;
  line-height: 1.4;
  word-wrap: break-word;
}
.imageArticleListM2Cmp .itemList .item .img {
  display: table-cell;
  padding: 0 0 0 10px;
  width: 60px;
}

/*
imageArticleListM3Cmp
----------------------------------------*/
.imageArticleListM3Cmp .itemList .item {
  margin: 0 0 10px;
  padding: 10px;
}
.imageArticleListM3Cmp .itemList .item .article {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.imageArticleListM3Cmp .itemList .item .article .title {
  padding: 0 10px 10px 0;
  font-size: 16px;
  line-height: 1.4;
  word-wrap: break-word;
}
.imageArticleListM3Cmp .itemList .item .article .title a {
  color: #595959;
  font-size: 17px;
  font-weight: bold;
}
.imageArticleListM3Cmp .itemList .item .img {
  display: table-cell;
  padding: 0 10px 0 0;
  width: 60px;
}

/*
imageArticleListM4Cmp
----------------------------------------*/
.imageArticleListM4Cmp > .inner .itemList .item {
  float: left;
  margin: 0 10px 10px 0;
  padding: 10px 10px 0;
  border: 1px solid #d7d7d7;
}
.imageArticleListM4Cmp > .inner .itemList .item .theme {
  margin: 0 0 10px;
  padding: 5px;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.imageArticleListM4Cmp > .inner .itemList .item .theme.buzz {
  background: #ffd700;
}
.imageArticleListM4Cmp > .inner .itemList .item .theme.howto {
  background: #77933c;
}
.imageArticleListM4Cmp > .inner .itemList .item .theme.it {
  background: #0f66ab;
}
.imageArticleListM4Cmp > .inner .itemList .item .theme.mind {
  background: #bb4d47;
}
.imageArticleListM4Cmp > .inner .itemList .item .theme.health {
  background: #07aeaf;
}
.imageArticleListM4Cmp > .inner .itemList .item .theme.girl {
  background: #e47283;
}
.imageArticleListM4Cmp > .inner .itemList .item .theme.scandal {
  background: #666699;
}
.imageArticleListM4Cmp > .inner .itemList .item .theme.love {
  background: #c55277;
}
.imageArticleListM4Cmp > .inner .itemList .item .theme.gourmet {
  background: #d46d11;
}
.imageArticleListM4Cmp > .inner .itemList .item .article {
  height: 70px;
}
.imageArticleListM4Cmp > .inner .itemList .item .article .img {
  float: left;
  padding: 0 10px 0 0;
  width: 60px;
  height: 60px;
}
.imageArticleListM4Cmp > .inner .itemList .item .article .title {
  float: left;
  width: 180px;
  font-size: 12px;
  word-wrap: break-word;
}
.imageArticleListM4Cmp > .inner .itemList .item .article .title > a {
  display: inline-block;
  padding: 0 0 5px;
  color: #595959;
  line-height: 1.4;
}
.imageArticleListM4Cmp > .inner .itemList .item .article.text .title {
  float: none;
  width: auto;
  font-size: 12px;
}
.imageArticleListM4Cmp .superPickup {
  padding: 0 0 20px;
  border-bottom: 1px dotted #d7d7d7;
}
.imageArticleListM4Cmp .superPickup .itemList {
  margin: 0 auto;
  width: 1168px;
}

/*
articleListT1Cmp
----------------------------------------*/
.articleListT1Cmp > .inner {
  width: 640px;
}
.articleListT1Cmp > .inner .moreLink {
  text-align: right;
}
.articleListT1Cmp > .inner .itemList > .item {
  float: left;
  width: 204px;
  font-size: 14px;
  border: 1px solid #ddd;
}
.articleListT1Cmp > .inner .itemList > .item .img {
  width: 204px;
  height: 140px;
  background: #f3f3f3;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 20%;
  border-bottom: 1px solid #ddd;
}
.articleListT1Cmp > .inner .itemList > .item.noImage .article .content .title {
  height: 226px;
}
.articleListT1Cmp > .inner .itemList > .item .article .content {
  margin: 0 0 5px;
  padding: 10px 5px 0;
  border-bottom: 1px dotted #d7d7d7;
  overflow: hidden;
}
.articleListT1Cmp > .inner .itemList > .item .article .content .title {
  margin: 0 0 5px;
  height: 85px;
  line-height: 1.4;
  word-wrap: break-word;
}
.articleListT1Cmp > .inner .itemList > .item .article .content .title a, .articleListT1Cmp > .inner .itemList > .item .article .content .title a:visited {
  display: block;
  margin: 0 0 5px;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}
.articleListT1Cmp > .inner .itemList > .item .article .content .title .datetime {
  color: #999999;
  font-size: 12px;
}
.articleListT1Cmp > .inner .itemList > .item .article .meta {
  background: #fff;
}
.articleListT1Cmp > .inner .itemList > .item .article .meta .author {
  padding: 0 5px 5px;
}
.articleListT1Cmp > .inner .itemList > .item .article .meta .action {
  padding: 5px 5px;
  border-top: 1px dotted #d7d7d7;
}
.articleListT1Cmp > .inner .itemList > .item .article .meta .action .actionItem {
  float: left;
  padding: 0 20px 0 0;
}
.articleListT1Cmp > .inner .itemList > .item .article .meta .action .actionItem.emote {
  position: relative;
}
.articleListT1Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem a, .articleListT1Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem span {
  color: #595959;
  font-size: 12px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: bold;
}
.articleListT1Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem a.num, .articleListT1Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem span.num {
  margin: 0 0 0 5px;
}
.articleListT1Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem img {
  vertical-align: top;
  cursor: pointer;
}

/*
articleListT2Cmp
----------------------------------------*/
.articleListT2Cmp > .inner .moreLink {
  text-align: right;
}
.articleListT2Cmp > .inner .itemList > .item {
  margin-bottom: 10px;
  border: 1px solid #d7d7d7;
}
.articleListT2Cmp > .inner .itemList > .item .img {
  float: left;
  width: 204px;
  height: 140px;
  background: #f3f3f3;
  border-right: 1px solid #ddd;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 20%;
}
.articleListT2Cmp > .inner .itemList > .item.noImage .article {
  width: 638px;
}
.articleListT2Cmp > .inner .itemList > .item.noImage .article .meta {
  width: 638px;
}
.articleListT2Cmp > .inner .itemList > .item.noImage .article .meta .author {
  width: 438px;
}
.articleListT2Cmp > .inner .itemList > .item .article {
  position: relative;
  float: left;
  width: 433px;
  height: 140px;
}
.articleListT2Cmp > .inner .itemList > .item .article .content {
  height: 113px;
  overflow: hidden;
}
.articleListT2Cmp > .inner .itemList > .item .article .content .title {
  padding: 5px 5px 0;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4;
  word-wrap: break-word;
}
.articleListT2Cmp > .inner .itemList > .item .article .content .title a, .articleListT2Cmp > .inner .itemList > .item .article .content .title a:visited {
  color: #333333;
}
.articleListT2Cmp > .inner .itemList > .item .article .content .description {
  margin: 0 0 5px;
  padding: 0 5px 5px;
  color: #A0A0A0;
  line-height: 1.4;
  word-wrap: break-word;
}
.articleListT2Cmp > .inner .itemList > .item .article .meta {
  position: absolute;
  bottom: 0;
  padding: 5px 0;
  width: 433px;
  border-top: 1px dotted #d7d7d7;
  background: #fff;
}
.articleListT2Cmp > .inner .itemList > .item .article .meta .author {
  float: left;
  padding: 0 5px;
  width: 248px;
}
.articleListT2Cmp > .inner .itemList > .item .article .meta .action {
  float: right;
}
.articleListT2Cmp > .inner .itemList > .item .article .meta .action .actionItem {
  display: inline-block;
  padding: 0 20px 0 0;
}
.articleListT2Cmp > .inner .itemList > .item .article .meta .action .actionItem.emote {
  position: relative;
}
.articleListT2Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem {
  display: inline-block;
}
.articleListT2Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem a, .articleListT2Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem span {
  color: #595959;
  font-size: 12px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: bold;
}
.articleListT2Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem a.num, .articleListT2Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem span.num {
  margin: 0 0 0 5px;
}
.articleListT2Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem img {
  vertical-align: top;
  cursor: pointer;
}

/*
articleListT3Cmp
----------------------------------------*/
.articleListT3Cmp > .inner .moreLink {
  text-align: right;
}
.articleListT3Cmp > .inner .itemList > .item {
  margin: 0 0 20px;
  padding: 0 0 15px;
  border-bottom: 1px solid #d7d7d7;
}
.articleListT3Cmp > .inner .itemList > .item .article .content .title {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  word-wrap: break-word;
}
.articleListT3Cmp > .inner .itemList > .item .article .content .title a, .articleListT3Cmp > .inner .itemList > .item .article .content .title a:visited {
  color: #333333;
}
.articleListT3Cmp > .inner .itemList > .item .article .meta {
  padding: 5px 0;
}
.articleListT3Cmp > .inner .itemList > .item .article .meta .author {
  float: left;
  padding: 0;
  width: 273px;
}
.articleListT3Cmp > .inner .itemList > .item .article .meta .action {
  float: right;
  width: 150px;
}
.articleListT3Cmp > .inner .itemList > .item .article .meta .action .actionItem {
  float: left;
  padding: 0 20px 0 0;
}
.articleListT3Cmp > .inner .itemList > .item .article .meta .action .actionItem.emote {
  position: relative;
}
.articleListT3Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem a, .articleListT3Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem span {
  color: #595959;
  font-size: 12px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: bold;
}
.articleListT3Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem a.num, .articleListT3Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem span.num {
  margin: 0 0 0 5px;
}
.articleListT3Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem img {
  vertical-align: top;
  cursor: pointer;
}

/*
articleListT4Cmp
----------------------------------------*/
.articleListT4Cmp > .inner > .title {
  margin: 0 0 20px 0;
  padding: 5px 0;
  border-bottom: 1px solid #d7d7d7;
}
.articleListT4Cmp > .inner > .title h2 {
  font-size: 14px;
  font-weight: bold;
}
.articleListT4Cmp > .inner .itemList > .item {
  margin: 0 0 10px;
  padding: 0 0 5px;
  border-bottom: 1px solid #d7d7d7;
}
.articleListT4Cmp > .inner .itemList > .item .img {
  float: left;
  margin: 0 10px 0 0;
  width: 60px;
}
.articleListT4Cmp > .inner .itemList > .item .article {
  float: left;
  width: 570px;
}
.articleListT4Cmp > .inner .itemList > .item .article .content .title {
  margin: 0 0 5px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  word-wrap: break-word;
}
.articleListT4Cmp > .inner .itemList > .item .article .content .title a, .articleListT4Cmp > .inner .itemList > .item .article .content .title a:visited {
  color: #333333;
}
.articleListT4Cmp > .inner .itemList > .item .article .content .description {
  margin: 0 0 10px;
  word-wrap: break-word;
}
.articleListT4Cmp > .inner .itemList > .item .article .meta {
  padding: 5px 0;
}
.articleListT4Cmp > .inner .itemList > .item .article .meta .author {
  float: left;
  padding: 0;
  width: 273px;
}
.articleListT4Cmp > .inner .itemList > .item .article .meta .action {
  float: right;
  width: 150px;
}
.articleListT4Cmp > .inner .itemList > .item .article .meta .action .actionItem {
  float: left;
  padding: 0 20px 0 0;
}
.articleListT4Cmp > .inner .itemList > .item .article .meta .action .actionItem.emote {
  position: relative;
}
.articleListT4Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem a, .articleListT4Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem span {
  color: #595959;
  font-size: 12px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: bold;
}
.articleListT4Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem a.num, .articleListT4Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem span.num {
  margin: 0 0 0 5px;
}
.articleListT4Cmp > .inner .itemList > .item .article .meta .action .actionItem .btnItem img {
  vertical-align: top;
  cursor: pointer;
}

/*
articleListT5Cmp
----------------------------------------*/
.articleListT5Cmp > .inner {
  position: relative;
  /* toolArea */
  /* newEntryBar */
  /* streamItemList */
}
.articleListT5Cmp > .inner .toolArea {
  margin: 0 0 10px;
  padding: 10px;
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.articleListT5Cmp > .inner .toolArea .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  width: 300px;
}
.articleListT5Cmp > .inner .toolArea #tlFilter {
  position: relative;
  float: right;
  padding: 4px 0 0;
  width: 17px;
  height: 17px;
}
.articleListT5Cmp > .inner .toolArea #tlFilter .tlFilterPanel {
  position: absolute;
  z-index: 6021;
  top: 30px;
  right: -18px;
  width: 250px;
}
.articleListT5Cmp > .inner .toolArea #tlFilter .tlFilterPanel ul li {
  padding: 0 0 10px;
}
.articleListT5Cmp > .inner .toolArea #tlFilter .tlFilterPanel ul li input[type="checkbox"] {
  float: left;
  margin: 0 5px 0 0;
}
.articleListT5Cmp > .inner .toolArea #tlFilter .tlFilterPanel ul li label {
  display: block;
  padding: 1px 0 0;
  vertical-align: baseline;
}
.articleListT5Cmp > .inner .toolArea #tlFilter .tlFilterPanel ul.categorySetting li {
  float: left;
  width: 115px;
  font-size: 11px;
}
.articleListT5Cmp > .inner .toolArea #tlFilter .tlFilterPanel:before {
  position: absolute;
  top: -7px;
  right: 20px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 7px solid #30474f;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.articleListT5Cmp > .inner .searchArea {
  margin: 0 0 10px;
  padding: 10px;
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.articleListT5Cmp > .inner .newEntryBar a {
  display: block;
  margin: 0 0 10px;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #4394cd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.articleListT5Cmp > .inner .newEntryBar a:hover {
  color: #fff;
  text-decoration: none;
  background: #21b6a8;
}
.articleListT5Cmp > .inner .noticeMsg {
  margin: 0 0 10px;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #595959;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.articleListT5Cmp > .inner .loading {
  margin: 0 0 10px;
  padding: 5px;
  text-align: center;
  border: 1px solid #66b8b2;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.articleListT5Cmp > .inner .itemList {
  position: relative;
}
.articleListT5Cmp > .inner .itemList > .item {
  margin: 0 0 10px;
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.articleListT5Cmp > .inner .itemList > .item .contentHeader {
  padding: 10px;
}
.articleListT5Cmp > .inner .itemList > .item .contentBody .inner {
  position: relative;
  padding: 20px 10px 0;
  border-top: 1px solid #d7d7d7;
}
.articleListT5Cmp > .inner .itemList > .item .contentBody .inner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 40px;
  border-top: 8px solid #d7d7d7;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.articleListT5Cmp > .inner .itemList > .item .contentBody .inner > .description {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.7;
  word-wrap: break-word;
}
.articleListT5Cmp > .inner .itemList > .item .contentBody .inner .openBtn {
  margin: 0 0 10px;
}
.articleListT5Cmp > .inner .itemList > .item .contentBody .inner .originalContent .article {
  max-width: 411px;
}
.articleListT5Cmp > .inner .itemList > .item .contentBody .inner .originalContent.noImage .article {
  max-width: 618px;
}
.articleListT5Cmp > .inner .itemList > .item .actionStatus {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #d7d7d7;
}
.articleListT5Cmp > .inner .itemList > .item .actionStatus span.datetime {
  color: #999999;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action {
  padding: 10px;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .actionItem {
  float: left;
  padding: 0 20px 0 0;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .actionItem.emote {
  position: relative;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .actionItem .btnItem a, .articleListT5Cmp > .inner .itemList > .item .actionArea .action .actionItem .btnItem span {
  font-size: 12px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .actionItem .btnItem a.num, .articleListT5Cmp > .inner .itemList > .item .actionArea .action .actionItem .btnItem span.num {
  margin: 0 0 0 5px;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .actionItem .btnItem img {
  vertical-align: top;
  cursor: pointer;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .vote {
  position: relative;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .menu .menuBtn {
  position: relative;
  z-index: 2010;
  overflow: visible;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .menu .menuBtn .menuPanel {
  display: none;
  position: absolute;
  left: 10px;
  z-index: 3010;
  padding: 10px 10px 0;
  width: 200px;
  background: #fff;
  border: 1px solid #d7d7d7;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .menu .menuBtn .menuPanel.on {
  display: block;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .menu .menuBtn .menuPanel.off {
  display: none;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .action .menu .menuBtn .menuPanel ul li {
  padding: 0 0 10px 15px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bullet_user_menu_off.png) no-repeat left 2px;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .voteStatus {
  padding: 5px 10px;
  border-top: 1px solid #d7d7d7;
  background: whitesmoke;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .voteStatus ul.users li .userIcon {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .voteStatus ul.users li .userIcon img {
  vertical-align: bottom;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .voteStatus ul.users li .userIcon .emotion {
  position: absolute;
  left: 9px;
  top: 9px;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .voteStatus ul.users li .others {
  display: inline-block;
  font-size: 12px;
}
.articleListT5Cmp > .inner .itemList > .item .actionArea .commentStatus {
  padding: 5px 10px 5px 40px;
  line-height: 1.3;
  border-top: 1px solid #d7d7d7;
  background: whitesmoke url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_comment_s.png) no-repeat 10px 3px;
}

/*
pickupArticleT1Cmp
----------------------------------------*/
.pickupArticleListT1Cmp > .inner .mainArticle {
  width: 204px;
  height: 225px;
  font-size: 14px;
  border: 1px solid #ddd;
}
.pickupArticleListT1Cmp > .inner .mainArticle .img {
  width: 204px;
  height: 140px;
  background: #f3f3f3;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 20%;
  border-bottom: 1px solid #ddd;
}
.pickupArticleListT1Cmp > .inner .mainArticle .article .content .title {
  margin: 0 0 5px;
  padding: 10px 5px 0;
  height: 70px;
  font-weight: bold;
  line-height: 1.4;
  word-wrap: break-word;
}
.pickupArticleListT1Cmp > .inner .mainArticle .article .content .title a, .pickupArticleListT1Cmp > .inner .mainArticle .article .content .title a:visited {
  color: #333333;
}
.pickupArticleListT1Cmp > .inner .textArticleList {
  padding: 0 0 0 30px;
  width: 393px;
}
.pickupArticleListT1Cmp > .inner .textArticleList .itemList ul li {
  padding: 0 0 10px 0;
  font-size: 14px;
  list-style: disc inside;
}
.pickupArticleListT1Cmp > .inner .textArticleList .itemList ul li img {
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.pickupArticleListT1Cmp > .inner .textArticleList .moreLink {
  text-align: right;
}

/*
rankingListCmp
----------------------------------------*/
.rankingListCmp > .inner .itemList {
  float: left;
  margin: 0 0 20px 0;
  width: 320px;
}
.rankingListCmp > .inner .itemList > .title {
  width: 280px;
  margin: 0 0 10px;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #d7d7d7;
}
.rankingListCmp > .inner .itemList ul {
  margin: 0 0 10px;
  height: 125px;
}
.rankingListCmp > .inner .itemList ul li .img {
  width: 20px;
  height: 20px;
  float: left;
}
.rankingListCmp > .inner .itemList ul li .title {
  padding: 0 0 10px 8px;
  width: 270px;
  font-weight: normal;
  background: #fff;
  float: left;
}
.rankingListCmp > .inner .itemList .moreLink {
  padding: 0 20px 0 0;
  text-align: right;
}

/*
profileDashboardCmp
----------------------------------------*/
.profileDashboardCmp > .inner {
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.profileDashboardCmp > .inner .profile {
  margin: 0 0 10px;
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.profileDashboardCmp > .inner .profile .img {
  float: left;
  margin: 0 10px 0 0;
  width: 50px;
}
.profileDashboardCmp > .inner .profile .name {
  float: left;
  width: 158px;
}
.profileDashboardCmp > .inner .activitySummary ul {
  margin: 0 0 10px;
  padding: 0 10px;
}
.profileDashboardCmp > .inner .activitySummary ul li {
  margin: 0 10px 10px 0;
  width: 66px;
  float: left;
}
.profileDashboardCmp > .inner .activitySummary ul li strong {
  font-size: 18px;
  font-family: "Arial","Helvetica",sans-serif;
}
.profileDashboardCmp > .inner .activitySummary ul li span {
  display: block;
  color: #999999;
  font-size: 10px;
}
.profileDashboardCmp > .inner .activitySummary ul li a {
  text-decoration: none;
}
.profileDashboardCmp > .inner .activitySummary ul li a:hover {
  text-decoration: underline;
}
.profileDashboardCmp > .inner .activitySummary ul li:last-child {
  margin: 0 0 10px 0;
}
.profileDashboardCmp > .inner .activitySummary ul li.userRank {
  float: none;
  width: auto;
}
.profileDashboardCmp > .inner .activitySummary ul li.userRank strong {
  padding: 0 0 5px;
  font-size: 16px;
  font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}

/*
tickerStreamCmp
----------------------------------------*/
.activityTimelineCmp > .inner {
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /*
          border-bottom: 1px solid $line-color;
  
          > .title {
              padding: 5px 10px;
              color: #fff;
              background: $title-bg-color-black;
          }
  */
}
.activityTimelineCmp > .inner .noticeMsg {
  padding: 10px;
}
.activityTimelineCmp > .inner > .title {
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
}
.activityTimelineCmp > .inner .itemList .item {
  padding: 5px 5px;
  border-bottom: 1px solid #d7d7d7;
  /*
                  a {
                      display: block;
                  }
  
                  a:hover{
                      background: $line-bg-color;
                  }
  */
}
.activityTimelineCmp > .inner .itemList .item .userIcon {
  float: left;
  margin: 0 10px 0 0;
  width: 40px;
}
.activityTimelineCmp > .inner .itemList .item .content {
  float: left;
  width: 178px;
  color: #595959;
  font-size: 11px;
  line-height: 1.4;
}

/*
textArticleListM1Cmp
----------------------------------------*/
.textArticleListM1Cmp > .inner .title {
  margin: 0 0 15px;
  padding: 0 0 10px;
  font-size: 18px;
  border-bottom: 5px solid #d7d7d7;
  word-wrap: break-word;
}
.textArticleListM1Cmp > .inner .contentArea {
  padding: 0 5px;
  text-align: left;
}
.textArticleListM1Cmp > .inner ul li {
  margin: 0 0 10px 20px;
  font-size: 16px;
  list-style-type: disc;
}
.textArticleListM1Cmp > .inner .moreLink {
  font-size: 12px;
  text-align: right;
}

.sideBoxCmp {
  margin: 0 0 10px;
}
.sideBoxCmp > .inner {
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.sideBoxCmp > .inner > .title {
  margin: 0;
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
}
.sideBoxCmp > .inner .contentArea {
  padding: 10px;
}

.siteInfoCmp > .inner ul li {
  margin: 0 0 10px;
}
.siteInfoCmp > .inner ul li:last-child {
  margin: 0;
}

/* textArticleListM2Cmp */
.textArticleListM2Cmp .itemList ul {
  padding: 0 0 5px 5px;
  width: 305px;
  float: left;
}
.textArticleListM2Cmp .itemList ul li {
  padding: 0 0 5px 0;
  font-size: 12px;
  list-style: disc inside;
}

/* textArticleListS1Cmp */
.textArticleListS1Cmp .relatedLink {
  font-size: 12px;
  text-align: left;
}
.textArticleListS1Cmp .moreLink {
  text-align: right;
}
.textArticleListS1Cmp ul li {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  font-size: 13px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bullet_arrow1.gif) no-repeat 0 50%;
}
.textArticleListS1Cmp ul li.img {
  margin: 0;
  padding: 0 0 10px;
  list-style-type: none;
  background: none;
  text-align: center;
}
.textArticleListS1Cmp ul li img {
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.textArticleListS1Cmp .mainImgArea {
  text-align: left;
}
.textArticleListS1Cmp .mainImgArea .title {
  margin: 0 0 10px;
  color: #166797;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.4;
}
.textArticleListS1Cmp .mainImgArea .title a {
  color: #595959;
}
.textArticleListS1Cmp .mainImgArea .lede {
  font-size: 12px;
}
.textArticleListS1Cmp .mainImgArea .lede a {
  color: dimgrey;
}
.textArticleListS1Cmp .mainImgArea .caption {
  width: 294px;
  margin: 0 0 5px;
  padding: 3px;
  color: #fff;
  background: #333;
  font-size: 10.5px;
}

/* imageArticleListS1Cmp */
.imageArticleListS1Cmp ul {
  margin: 0 0 10px;
}
.imageArticleListS1Cmp ul li {
  margin: 0;
  padding: 10px 0;
  font-size: 13px;
  border-bottom: 1px dotted #d7d7d7;
}
.imageArticleListS1Cmp ul li img {
  float: left;
  padding: 0 10px 0 10px;
  text-align: center;
}
.imageArticleListS1Cmp .item.text {
  padding: 20px 10px;
}

/* imageArticleListS2Cmp */
.imageArticleListS2Cmp ul {
  margin: 0 0 10px;
}
.imageArticleListS2Cmp ul li {
  margin: 0 0 0 10px;
  padding: 10px 0;
  font-size: 13px;
  border-bottom: 1px dotted #d7d7d7;
}
.imageArticleListS2Cmp ul li img {
  padding: 0 10px 0 10px;
  text-align: center;
  float: right;
}
.imageArticleListS2Cmp .item.text {
  padding: 20px 0;
}

/* imageArticleListS3Cmp */
.imageArticleListS3Cmp > .inner {
  width: 300px;
}
.imageArticleListS3Cmp > .inner .itemList .item {
  float: left;
  margin: 0 0 6px 6px;
  width: 138px;
  height: 183px;
  font-size: 14px;
  border: 1px solid #ddd;
}
.imageArticleListS3Cmp > .inner .itemList .item .img {
  width: 138px;
  height: 98px;
  background: #f3f3f3;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 20%;
  border-bottom: 1px solid #ddd;
}
.imageArticleListS3Cmp > .inner .itemList .item.noImage .article .content .title {
  height: 210px;
}
.imageArticleListS3Cmp > .inner .itemList .item .article .content .title {
  margin: 0 0 5px;
  padding: 10px 5px 0;
  height: 70px;
  font-weight: bold;
  line-height: 1.4;
  word-wrap: break-word;
}
.imageArticleListS3Cmp > .inner .itemList .item .article .content .title a, .imageArticleListS3Cmp > .inner .itemList .item .article .content .title a:visited {
  color: #333333;
}

/*
activitySummaryCmp
----------------------------------------*/
.activitySummaryCmp > .inner ul li {
  padding: 0 10px 10px;
  width: 120px;
  float: left;
}
.activitySummaryCmp > .inner ul li strong {
  font-size: 24px;
  font-family: "Arial","Helvetica",sans-serif;
}
.activitySummaryCmp > .inner ul li span {
  display: block;
  color: #999999;
  font-size: 10px;
}

/*
userLevelCmp
----------------------------------------*/
.userLevelCmp > .inner .rank {
  padding: 0 10px 10px;
  color: #595959;
  font-size: 16px;
  font-weight: bold;
  font-family: "Arial","Helvetica",sans-serif;
}

/*
rankingListS1Cmp
----------------------------------------*/
.rankingListS1Cmp .tabMenu {
  margin: 0 0 20px;
  border-bottom: 1px solid #d7d7d7;
}
.rankingListS1Cmp .tabMenu li {
  margin: 0 10px 0 0;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  float: left;
}
.rankingListS1Cmp .tabMenu li a {
  display: block;
  font-weight: bold;
  padding: 5px 25px;
  background: #edeff4;
}
.rankingListS1Cmp .tabMenu li a:hover {
  color: #fff;
  background: #9ACD32;
  text-decoration: none;
}
.rankingListS1Cmp .tabMenu li span.current {
  display: block;
  padding: 5px 25px;
  color: #fff;
  font-weight: bold;
  background: #9ACD32;
}
.rankingListS1Cmp .itemList .img {
  width: 20px;
  height: 20px;
  float: left;
}
.rankingListS1Cmp .itemList .title {
  padding: 0 0 10px 8px;
  width: 270px;
  font-weight: normal;
  background: #fff;
  float: left;
}

/*
userListS1Cmp
----------------------------------------*/
.userListS1Cmp ul {
  border: none;
}
.userListS1Cmp ul li {
  margin: 0 0 10px;
  padding: 0;
  border: none;
}

/*
categoryListS1Cmp
----------------------------------------*/
.categoryListS1Cmp ul li {
  margin: 0 0 0 20px;
  font-size: 14px;
  line-height: 1.4;
  list-style: disc;
}

/*
supportBrowserArea
----------------------------------------*/
#supportBrowser a {
  font-weight: normal;
  text-decoration: underline;
}

/*
topcontrol
----------------------------------------*/
#topcontrol a, #topcontrol a:visited {
  display: block;
  overflow: hidden;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/btn_scrolltop.png) no-repeat;
  outline: none;
}

#topcontrol a:hover {
  background-position: 0 -30px;
}

/*
headerContainer
----------------------------------------*/
/*
#headerContainer.login {
    position: fixed;
    top: 0px;
    z-index: 999999;
    width: 100%;
    background: #000;

    #globalNav {
        margin: 0;
    }

    #grpHeader {
        > .inner {
            margin: 0 auto;
        }

        a {
            color: #fff;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }
    }
}
*/
#headerContainer {
  position: fixed;
  top: 0px;
  z-index: 9000;
  width: 100%;
  background: #000;
}
#headerContainer .noScroll {
  display: none;
}
#headerContainer #globalNav {
  margin: 0;
}
#headerContainer #grpHeader > .inner {
  margin: 0 auto;
}
#headerContainer #grpHeader a {
  color: #fff;
  text-decoration: none;
}
#headerContainer #grpHeader a:hover {
  text-decoration: underline;
}

/* grpHeader */
#grpHeader .inner {
  margin: 10px auto 10px;
  max-width: 1200px;
  min-width: 840px;
}
#grpHeader .logo {
  float: left;
}
#grpHeader .grpRelation {
  padding: 5px 0;
  float: right;
}
#grpHeader .grpRelation li {
  float: left;
  padding: 0 5px;
  font-size: 10px;
  line-height: 1.5;
}

/* globalNav */
#globalNav {
  padding: 0;
  margin: 0 0 20px;
  height: 35px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_gnav.png) repeat-x;
  font-size: 14px;
}
#globalNav img {
  vertical-align: bottom;
}
#globalNav > .inner {
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
  min-width: 840px;
}
#globalNav > .inner .logoArea {
  float: left;
  margin: 0 5px 0 0;
  width: 35px;
  height: 35px;
}
#globalNav > .inner .search {
  padding: 0 10px 0 0;
  float: left;
  /* globalNavSearch */
}
#globalNav > .inner .search .globalNavSearch {
  margin: 0 50px 0 0;
  padding: 4px 0 0;
}
#globalNav > .inner .search .globalNavSearch .searchBtn {
  float: left;
}
#globalNav > .inner .search .globalNavSearch .searchBox {
  position: relative;
  float: left;
  padding: 2px 5px;
  width: 260px;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#globalNav > .inner .search .globalNavSearch input[name='searchText'] {
  width: 240px;
  height: 22px;
  border: 0;
  font-size: 14px;
  outline: 0;
}
#globalNav > .inner .search .globalNavSearch button {
  position: absolute;
  top: 6px;
  right: 2px;
  text-transform: none;
  color: #ccc;
  font-size: 13px;
  border: 0;
  background: none;
  box-sizing: border-box;
  align-items: flex-start;
  text-align: center;
}
#globalNav > .inner .search .globalNavSearch .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#globalNav > .inner .menuArea {
  float: right;
}
#globalNav > .inner .menuArea ul.noLogin {
  float: right;
  color: #fff;
  font-size: 12px;
}
#globalNav > .inner .menuArea ul.noLogin > li {
  padding: 10px 10px 0 0;
  font-size: 12px;
  float: left;
}
#globalNav > .inner .menuArea ul.noLogin a {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #fff;
  text-decoration: none;
}
#globalNav > .inner .menuArea ul.noLogin a:hover {
  text-decoration: underline;
}
#globalNav > .inner .menuArea ul.login {
  float: right;
}
#globalNav > .inner .menuArea ul.login > li {
  float: left;
}
#globalNav > .inner .menuArea ul.login .home a {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  line-height: 35px;
}
#globalNav > .inner .menuArea ul.login .home a:hover {
  text-decoration: underline;
}

/* submitBtn */
#globalNav .submitBtn {
  width: 42px;
}

/* user menu */
#userMenu {
  position: relative;
  z-index: 1020;
  /* layer adjustment for IE7 */
}

#userMenuBtn .userImg {
  width: 41px;
  height: 28px;
  padding: 7px 0 0 14px;
  cursor: pointer;
}
#userMenuBtn .off {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/btn_gnav_user_menu_off.png) no-repeat;
}
#userMenuBtn img {
  border: 1px solid #fff;
}

/* userMenuPanel */
#userMenuPanel {
  background: #30474f;
  padding: 5px;
  font-size: 12px;
  position: absolute;
  z-index: 1021;
  top: 45px;
  right: -2px;
  width: 180px;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#userMenuPanel.off {
  display: none;
}
#userMenuPanel.on {
  display: block;
}
#userMenuPanel:before {
  position: absolute;
  top: -7px;
  right: 20px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 7px solid #30474f;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
#userMenuPanel .inner {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#userMenuPanel .profile {
  padding: 5px;
}
#userMenuPanel .profile .img {
  float: left;
  width: 40px;
  padding: 0 10px 0 0;
}
#userMenuPanel .profile .name {
  float: left;
  width: 120px;
  font-size: 14px;
  word-wrap: break-word;
  vertical-align: middle;
}
#userMenuPanel ul li a {
  display: block;
  margin: 0 0 1px 0;
  padding: 6px 0 0 20px;
  height: 20px;
  color: #595959;
  background: whitesmoke url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bullet_user_menu_off.png) no-repeat 5px 10px;
}
#userMenuPanel ul li a.last {
  margin: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
#userMenuPanel ul li a:hover {
  color: #fff;
  text-decoration: none;
  background: #239b92 url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bullet_user_menu_on.png) no-repeat 5px 10px;
}

/* userNotifications */
#userNotifications {
  position: relative;
  height: 35px;
  z-index: 1010;
  /* layer adjustment for IE7 */
}

#userNotificationsBtn .clickArea {
  width: 46px;
  height: 35px;
  padding: 8px 0 0 1px;
  color: #f03d25;
  font-weight: bold;
  font-size: 11px;
  font-family: "Arial","Helvetica",sans-serif;
  text-align: center;
  cursor: pointer;
}
#userNotificationsBtn .num {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/btn_gnav_notification_on.png) no-repeat;
}
#userNotificationsBtn .on {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/btn_gnav_notification_on.png) no-repeat;
}
#userNotificationsBtn .off {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/btn_gnav_notification_off.png) no-repeat;
}

#userNotificationsPanel {
  position: absolute;
  z-index: 1011;
  top: 45px;
  right: -2px;
  padding: 5px;
  width: 225px;
  font-size: 11px;
  background: #30474f;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#userNotificationsPanel:before {
  position: absolute;
  top: -7px;
  right: 15px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 7px solid #30474f;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
#userNotificationsPanel.off {
  display: none;
}
#userNotificationsPanel.on {
  display: block;
}
#userNotificationsPanel .inner {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: #fff;
}
#userNotificationsPanel ul {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#userNotificationsPanel ul li {
  width: 225px;
  line-height: 1.4;
}
#userNotificationsPanel ul li .noticeMsg {
  padding: 10px;
}
#userNotificationsPanel a {
  display: block;
  color: #595959;
  padding: 5px 10px;
  background: #fff;
  border-bottom: 1px dotted #d7d7d7;
}
#userNotificationsPanel a.unread {
  background: #fafad2;
}
#userNotificationsPanel a:hover {
  color: #fff;
  background: #239b92;
  text-decoration: none;
}
#userNotificationsPanel a img {
  float: left;
  margin-right: 10px;
}
#userNotificationsPanel .msg {
  text-align: left;
}
#userNotificationsPanel .first a {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#userNotificationsPanel .first a:hover {
  text-decoration: none;
  background: #239b92;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#userNotificationsPanel .seeAll {
  text-align: center;
}
#userNotificationsPanel .seeAll a {
  color: #21558a;
  background: whitesmoke;
  border-bottom: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
#userNotificationsPanel .seeAll a:hover {
  text-decoration: none;
  color: #fff;
  background: #239b92;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

/*
optionContainer
----------------------------------------*/
#optionContainer .wrapper {
  margin: 0 auto 40px;
  padding: 80px 0 0;
  max-width: 1200px;
}
#optionContainer .wrapper .logo {
  margin: 0 0 20px;
}
#optionContainer .wrapper .tracePath {
  font-size: 10px;
}

/*
mainContainer
----------------------------------------*/
#mainContainer {
  padding: 0 0 20px;
}

#mainContainer.mypage {
  padding: 70px 0 0;
}

#mainContainer .wrapper {
  margin: 0 auto;
  width: 100%;
  min-height: 500px;
  max-width: 1200px;
}

#mainContainer.full .wrapper {
  max-width: none;
  min-width: 780px;
}

#mainContainer.fixed .wrapper {
  width: 1200px;
}

#footerContainer .wrapper {
  margin: 0 auto;
  width: 1200px;
}

#extra {
  position: relative;
  min-height: 50px;
}

.mainCmp h1 {
  font-size: 18px;
  font-weight: bold;
}
.mainCmp h2 {
  font-size: 14px;
  font-weight: bold;
}
.mainCmp .tlT1 {
  margin: 0 0 20px;
}
.mainCmp .tlT2 {
  margin: 0 0 20px 0;
  padding: 5px 0;
  border-bottom: 1px solid #d7d7d7;
}

/*
sideCmp
----------------------------------------*/
.sideCmp {
  margin: 0 0 20px;
}
.sideCmp > .inner h3 {
  font-size: 12px;
  font-weight: bold;
}
.sideCmp > .inner .tlT1 {
  margin: 0 0 10px;
  padding: 10px 10px 10px 0;
  border-bottom: 5px solid #d7d7d7;
}
.sideCmp > .inner .moreLink {
  text-align: right;
}
.sideCmp > .inner .moreLink .logo {
  float: left;
}
.sideCmp > .inner .moreLink .more {
  float: right;
}

.subCmp {
  margin: 0 0 10px;
}

.fullWide {
  width: 100%;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.w160 {
  width: 160px;
}

.w220 {
  width: 220px;
}

.w240 {
  width: 240px;
}

.w260 {
  width: 260px;
}

.w300 {
  width: 300px;
}

.w320 {
  width: 320px;
}

.w360 {
  width: 360px;
}

.w620 {
  width: 620px;
}

.w640 {
  width: 640px;
}

.w880 {
  width: 880px;
}

.w940-flex {
  width: 100%;
  margin-left: -260px;
}

.w940-flex > .inner {
  margin-left: 260px;
  min-width: 620px;
}

.w780-flex {
  width: 100%;
  margin-right: -320px;
}

.w780-flex > .inner {
  margin-right: 320px;
}

.w890 {
  width: 890px;
}

.w1200 {
  width: 1200px;
}

.pT5 {
  padding-top: 5px;
}

.pT10 {
  padding-top: 5px;
}

.pT20 {
  padding-top: 20px;
}

.pB5 {
  padding-bottom: 5px;
}

.pB10 {
  padding-bottom: 10px;
}

.pB20 {
  padding-bottom: 20px;
}

.pL20 {
  padding-left: 20px;
}

.pLR10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pLR20 {
  padding-left: 20px;
  padding-right: 20px;
}

.pL80 {
  padding-left: 80px;
}

.mB5 {
  margin-bottom: 5px;
}

.mB10 {
  margin-bottom: 10px;
}

.mB20 {
  margin-bottom: 20px;
}

.mB30 {
  margin-bottom: 30px;
}

.mB60 {
  margin-bottom: 60px;
}

.mL10 {
  margin-left: 10px;
}

.mL20 {
  margin-left: 20px;
}

.mR10 {
  margin-right: 10px;
}

.mR20 {
  margin-right: 20px;
}

.mL260 {
  margin-left: 260px;
}

.mR10 {
  margin-right: 10px;
}

.rb {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.rbL {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

.rbR {
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

.rbT {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.rbB {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.rbB3 {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.bLR {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}

.bT {
  border-top: 1px solid #d7d7d7;
}

.bB {
  border-bottom: 1px solid #d7d7d7;
}

/*
common option panel
----------------------------------------*/
/* panel */
.panel {
  background: #66757c;
  background: #fff;
  padding: 5px;
  font-size: 12px;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.panel .inner {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.panel .title {
  padding: 5px;
  color: #595959;
  font-size: 14px;
  font-weight: bold;
  background: #30474f;
  background: #fff;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.panel .btnArea {
  padding: 10px 0 10px 0;
  text-align: center;
  background: #eee;
  background: #fff;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.optionPanel {
  display: none;
  position: absolute;
  background: #30474f;
  padding: 5px;
  font-size: 12px;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.optionPanel.off {
  display: none;
}
.optionPanel.on {
  display: block;
}
.optionPanel .inner {
  padding: 10px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.optionPanel .inner .btnArea {
  text-align: center;
}

.emotePanel {
  position: absolute;
  z-index: 5021;
  top: 30px;
  left: -9px;
}
.emotePanel:before {
  position: absolute;
  top: -7px;
  left: 10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 7px solid #30474f;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.emotePanel .inner {
  width: 146px;
  padding: 10px 5px 5px 10px;
}
.emotePanel .inner .emote {
  display: inline-block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 5px;
  cursor: pointer;
}
.emotePanel .inner .emote.on {
  background: #66b8b2;
}
.emotePanel .inner .emote.current {
  background: #66b8b2;
}
.emotePanel .inner .snsShareList {
  padding: 10px 0 0;
  border-top: 1px solid #d7d7d7;
  cursor: pointer;
}
.emotePanel .inner .snsShareList ul li {
  float: left;
  padding: 0 8px 0 0;
}

.voterListPanel {
  width: 450px;
}

.loginPanel {
  width: 500px;
  font-size: 12px;
}
.loginPanel .inner {
  padding: 20px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.loginPanel .inner .title {
  margin: 0 0 20px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #4d93c4;
}
.loginPanel .inner .description {
  font-size: 12px;
}
.loginPanel .inner .loginBtnArea {
  text-align: center;
}
.loginPanel .inner .loginBtnArea .item {
  margin: 20px;
}

/*
originalContent
----------------------------------------*/
.originalContent {
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #d7d7d7;
}
.originalContent a.linkOverall {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.originalContent .img {
  display: table-cell;
  width: 204px;
  background: #f3f3f3;
  border-right: 1px solid #ddd;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 20%;
}
.originalContent .article {
  display: table-cell;
  height: 140px;
  overflow: hidden;
}
.originalContent .article .content {
  padding: 10px;
}
.originalContent .article .content .title {
  margin: 0 0 5px;
  padding: 0;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4;
}
.originalContent .article .content .title a, .originalContent .article .content .title a:visited {
  color: #333333;
}
.originalContent .article .content .description {
  margin: 0 0 5px;
  color: #A0A0A0;
  font-size: 12px;
  line-height: 1.4;
}
.originalContent .article .content .url {
  color: #999999;
  font-size: 12px;
}

.imageOption {
  margin: 0 0 10px;
}
.imageOption input[type="checkbox"] {
  float: left;
  margin: 0 5px 0 0;
}
.imageOption label {
  display: block;
  padding: 1px 0 0;
  vertical-align: baseline;
}
.imageOption .editLink {
  padding: 5px 0 0;
}

/*
tabMenuCmp
----------------------------------------*/
.tabMenuCmp {
  margin: 0 0 0 20px;
}
.tabMenuCmp li {
  margin: 0 10px 0 0;
  font-size: 12px;
  background: #c5c5c5;
  float: left;
}
.tabMenuCmp li a {
  color: #656565;
  font-weight: bold;
  padding: 10px 25px;
  display: block;
}
.tabMenuCmp li a:hover {
  color: white;
  background: #66757c;
  text-decoration: none;
}
.tabMenuCmp li .current {
  display: block;
  padding: 10px 25px;
  color: #fff;
  font-weight: bold;
  background: #66757c;
}

/*
helpTopicCmp
----------------------------------------*/
.helpTopicCmp > .inner {
  padding: 10px;
}
.helpTopicCmp > .inner .title {
  margin: 0 0 10px;
  padding: 0 0 0 30px;
  color: #595959;
  font-size: 14px;
  line-height: 1.8;
  background: white url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_help.png) no-repeat;
  border: none;
}
.helpTopicCmp > .inner .itemList ul li {
  padding: 0 0 10px 0;
  font-size: 14px;
  list-style: disc inside;
}

/*
registCmp
----------------------------------------*/
.registCmp > .inner {
  padding: 20px;
}
.registCmp > .inner .agreement {
  padding: 10px 0 0;
}
.registCmp > .inner input[type="checkbox"] {
  float: left;
  margin: 0 5px 0 0;
}
.registCmp > .inner label {
  display: block;
  padding: 1px 0 0;
  vertical-align: baseline;
}

/*
submitLinkCmp
----------------------------------------*/
.submitLinkCmp > .inner {
  padding: 20px;
  background: #fff;
}
.submitLinkCmp > .inner .sameLinkList {
  padding: 0 0 0 10px;
  border-left: 5px solid #d7d7d7;
}
.submitLinkCmp > .inner .sameLinkList .itemList .item {
  margin-bottom: 10px;
  padding: 0 0 5px;
  border-bottom: 1px solid #d7d7d7;
}
.submitLinkCmp > .inner .sameLinkList .itemList .item .img {
  float: left;
  margin: 0 10px 0 0;
  width: 60px;
}
.submitLinkCmp > .inner .sameLinkList .itemList .item .article {
  float: left;
  width: 513px;
}
.submitLinkCmp > .inner .sameLinkList .itemList .item .article .content .title {
  margin: 0 0 5px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}
.submitLinkCmp > .inner .sameLinkList .itemList .item .article .content .title a, .submitLinkCmp > .inner .sameLinkList .itemList .item .article .content .title a:visited {
  color: #333333;
}
.submitLinkCmp > .inner .sameLinkList .itemList .item .article .content .description {
  margin: 0 0 10px;
  word-wrap: break-word;
}
.submitLinkCmp > .inner .sameLinkList .itemList .item .article .meta {
  padding: 5px 0;
}
.submitLinkCmp > .inner .sameLinkList .itemList .item .article .meta .author {
  float: left;
  padding: 0;
  width: 273px;
}
.submitLinkCmp > .inner .urlText {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.submitLinkCmp > .inner .titleText {
  width: 450px;
  height: 30px;
}
.submitLinkCmp > .inner .commentText {
  width: 450px;
  height: 30px;
}
.submitLinkCmp > .inner .textCount {
  color: #999999;
  font-size: 12px;
}
.submitLinkCmp > .inner .textCount .num {
  font-weight: bold;
}
.submitLinkCmp > .inner .voteSelectForm {
  margin: 0 0 10px;
}
.submitLinkCmp > .inner .voteSelectForm .normal {
  float: left;
  width: 170px;
}
.submitLinkCmp > .inner .voteSelectForm .normal input {
  border: none;
  background: #fff;
}
.submitLinkCmp > .inner .voteSelectForm .option {
  float: left;
  width: 300px;
}
.submitLinkCmp > .inner .snsShareList ul li {
  float: left;
  padding: 0 10px 0 0;
}
.submitLinkCmp > .inner .optionLink {
  margin: 0 0 10px;
}
.submitLinkCmp > .inner .optionItem.off {
  display: none;
}
.submitLinkCmp > .inner ul.voteText li {
  margin: 0 0 10px;
}
.submitLinkCmp > .inner .addItem {
  margin: 0 0 0 20px;
}
.submitLinkCmp > .inner .radioSwitch ul li {
  padding: 0 20px 18px 0;
  float: left;
}
.submitLinkCmp > .inner .radioSwitch ul li label {
  line-height: 1.5;
}
.submitLinkCmp ul.ui-widget-content {
  border: 1px solid #e0e0e0;
}
.submitLinkCmp ul.ui-corner-all {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.submitLinkCmp #inputTags {
  width: 450px;
}

span.linkBtn {
  color: #21558a;
  cursor: pointer;
}

/*
imageSelection
----------------------------------------*/
.imageSelection.off {
  display: none;
}
.imageSelection ul {
  margin: 0 0 20px 0;
}
.imageSelection ul li {
  padding: 0 10px 10px 0;
  width: 100px;
  float: left;
}
.imageSelection ul li .img {
  display: table-cell;
  width: 100px;
  height: 100px;
  text-align: center;
  vertical-align: middle;
  layout-grid-line: 100px;
  background: #f3f3f3;
  border: 1px solid #ddd;
  cursor: pointer;
}
.imageSelection ul li .img img {
  max-width: 100px;
  max-height: 100px;
  vertical-align: middle;
}

ul.snsShareList li {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 5px 5px 5px 25px;
  border: 1px solid #e0e0e0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
}
ul.snsShareList li input[type="checkbox"] {
  float: right;
  margin: 0;
}
ul.snsShareList li label {
  display: block;
  float: left;
  padding: 1px 0 0;
  vertical-align: top;
  width: 100px;
}
ul.snsShareList li.facebookIcon {
  background: white url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_facebook_on_s.png) no-repeat 5px 4px;
}
ul.snsShareList li.twitterIcon {
  background: white url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_twitter_on_s.png) no-repeat 5px 4px;
}
ul.snsShareList li.mixiIcon {
  background: white url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_mixi_on_s.png) no-repeat 5px 4px;
}
ul.snsShareList li.rprofIcon {
  background: white url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_rprof_on_s.png) no-repeat 5px 4px;
}

.bookmarkletCmp > .inner {
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.bookmarkletCmp > .inner > .title {
  margin: 0;
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
}
.bookmarkletCmp > .inner .contentArea {
  padding: 10px;
  line-height: 1.4;
}
.bookmarkletCmp > .inner .contentArea .url {
  margin: 0 0 10px;
  font-size: 14px;
}

/*
articleStreamCmp
----------------------------------------*/
.articleStreamCmp > .inner {
  position: relative;
  background: #e5e5e5;
  /* toolArea */
  /* newEntryBar */
  /* streamItemList */
}
.articleStreamCmp > .inner .toolArea {
  padding: 10px;
  background: whitesmoke;
  border-bottom: 1px solid #d7d7d7;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
.articleStreamCmp > .inner .toolArea #tlFilter {
  position: relative;
  float: right;
  padding: 0;
  width: 17px;
  height: 17px;
}
.articleStreamCmp > .inner .toolArea #tlFilter .tlFilterPanel {
  position: absolute;
  z-index: 6021;
  top: 30px;
  right: -18px;
  width: 250px;
}
.articleStreamCmp > .inner .toolArea #tlFilter .tlFilterPanel ul li {
  padding: 0 0 10px;
}
.articleStreamCmp > .inner .toolArea #tlFilter .tlFilterPanel ul li input[type="checkbox"] {
  float: left;
  margin: 0 5px 0 0;
}
.articleStreamCmp > .inner .toolArea #tlFilter .tlFilterPanel ul li label {
  display: block;
  padding: 1px 0 0;
  vertical-align: baseline;
}
.articleStreamCmp > .inner .toolArea #tlFilter .tlFilterPanel ul.categorySetting li {
  float: left;
  width: 115px;
  font-size: 11px;
}
.articleStreamCmp > .inner .toolArea #tlFilter .tlFilterPanel:before {
  position: absolute;
  top: -7px;
  right: 20px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 7px solid #30474f;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.articleStreamCmp > .inner .toolArea #switchBtn {
  float: right;
  padding: 0 10px 0 0;
  width: 22px;
  height: 15px;
}
.articleStreamCmp > .inner .toolArea .favoriteNum {
  padding: 2px 0 0 10px;
  height: 15px;
}
.articleStreamCmp > .inner .newEntryBar a {
  position: absolute;
  left: 0;
  z-index: 2100;
  display: block;
  padding: 10px 10px;
  width: 340px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: #4394cd;
}
.articleStreamCmp > .inner .newEntryBar a:hover {
  color: #fff;
  text-decoration: none;
  background: #21b6a8;
}
.articleStreamCmp > .inner .streamItemList {
  position: relative;
}
.articleStreamCmp > .inner .streamItemList .noticeMsg {
  padding: 10px;
  background: #fff;
}
.articleStreamCmp > .inner .streamItemList .pagingArea {
  padding: 10px;
}
.articleStreamCmp > .inner .streamItemList .streamItem {
  margin: 0 0 5px;
  padding: 10px 0 0;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  background: #fff;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .contentHeader {
  padding: 0 0 10px 0;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .contentHeader .userIcon {
  display: table-cell;
  width: 20px;
  padding: 0 10px 0 10px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .contentHeader .userName {
  display: table-cell;
  padding: 0 10px 0 0;
  width: 287px;
  height: 24px;
  vertical-align: middle;
  font-size: 12px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .contentHeader .menu {
  display: table-cell;
  width: 12px;
  vertical-align: top;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .contentHeader .menu .menuBtn {
  display: none;
  position: relative;
  z-index: 2010;
  overflow: visible;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .contentHeader .menu .menuPanel {
  display: none;
  position: absolute;
  right: 10px;
  z-index: 3010;
  padding: 10px 10px 0;
  width: 200px;
  background: #fff;
  border: 1px solid #d7d7d7;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .contentHeader .menu .menuPanel.on {
  display: block;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .contentHeader .menu .menuPanel.off {
  display: none;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .contentHeader .menu .menuPanel ul li {
  padding: 0 0 10px 15px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bullet_user_menu_off.png) no-repeat left 2px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionStatus {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #d7d7d7;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionStatus span.datetime {
  color: #999999;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .article {
  position: relative;
  padding: 20px 10px 0;
  border-top: 1px solid #d7d7d7;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .article:after {
  content: '';
  position: absolute;
  top: 0;
  left: 40px;
  border-top: 8px solid #d7d7d7;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .article .img {
  padding: 0 10px 0 0;
  float: left;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .article .title {
  padding: 0 0 5px 0;
  font-size: 14px;
  line-height: 1.3;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .article .title a, .articleStreamCmp > .inner .streamItemList .streamItem .content .article .title a:visited {
  color: #21558a;
  font-weight: bold;
  text-decoration: none;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .article .title a:hover {
  text-decoration: underline;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .article .description {
  line-height: 1.4;
  word-wrap: break-word;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li {
  padding: 5px 10px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.action {
  padding: 10px;
  background: #fff;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.action > ul > li {
  margin: 0 10px 0 0;
  float: left;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.action > ul > li.emote {
  position: relative;
  cursor: pointer;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.action > ul > li.favorite {
  cursor: pointer;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.action > ul > li.datetime {
  padding: 2px 0 0;
  color: #999999;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.voteStatus {
  border-top: 1px solid #d7d7d7;
  background: whitesmoke;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.voteStatus ul.users li .userIcon {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.voteStatus ul.users li .userIcon img {
  vertical-align: bottom;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.voteStatus ul.users li .userIcon .emotion {
  position: absolute;
  left: 9px;
  top: 9px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.voteStatus ul.users li .others {
  display: inline-block;
  font-size: 12px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.commentStatus {
  padding: 5px 10px 5px 40px;
  line-height: 1.3;
  border-top: 1px solid #d7d7d7;
  background: whitesmoke url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_comment_s.png) no-repeat 10px 3px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel {
  position: relative;
  padding: 0 0 10px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel > .title {
  padding: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: #4d93c4;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .status {
  padding: 5px;
  color: #7a7a7a;
  font-size: 12px;
  text-align: center;
  background: #e2e2e2;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .status img {
  margin: 0 0 0 5px;
  vertical-align: top;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .status.aVoted {
  color: #fff;
  background: #77a54d;
  border-left: 1px solid #77a54d;
  border-right: 1px solid #77a54d;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .status.bVoted {
  color: #fff;
  background: #50a3b3;
  border-left: 1px solid #50a3b3;
  border-right: 1px solid #50a3b3;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea {
  position: relative;
  padding: 45px 10px 10px;
  height: 170px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_debate_panel.png) repeat;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .switchBtn {
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .aArea {
  float: left;
  width: 80px;
  text-align: center;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .aArea .voteBtn {
  margin: 5px;
  cursor: pointer;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .aArea .answerA {
  color: #77a54d;
  font-weight: bold;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .centerArea {
  float: left;
  padding: 125px 0 0 0;
  width: 156px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/lb_debate_panel_s.png) no-repeat center 15px;
  text-align: center;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .centerArea .property ul.timer li {
  display: inline-block;
  padding: 2px 0 0 24px;
  font-size: 12px;
  color: #999999;
  font-weight: bold;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_timer.png) no-repeat 0 2px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .centerArea .property ul.users li .userIcon {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .centerArea .property ul.users li .userIcon img {
  vertical-align: bottom;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .centerArea .property ul.users li .userIcon .emotion {
  position: absolute;
  left: 9px;
  top: 9px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .centerArea .property ul.users li .others {
  display: inline-block;
  font-size: 12px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .bArea {
  float: left;
  width: 80px;
  text-align: center;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .bArea .voteBtn {
  margin: 5px;
  cursor: pointer;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .actionArea .bArea .answerB {
  color: #50a3b3;
  font-weight: bold;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .property {
  padding: 10px 0 0;
  text-align: center;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .property ul.timer li {
  display: inline-block;
  padding: 2px 0 8px 24px;
  color: #999999;
  font-weight: bold;
  font-size: 12px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_timer.png) no-repeat 0 2px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answer .title {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.0;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answer .voteStatus ul.users li .userIcon {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answer .voteStatus ul.users li .userIcon img {
  vertical-align: bottom;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answer .voteStatus ul.users li .userIcon .emotion {
  position: absolute;
  left: 9px;
  top: 9px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answer .voteStatus ul.users li .others {
  display: inline-block;
  font-size: 12px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answer .voteStatus .chart {
  margin: 0 10px 0 0;
  width: 280px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_line_chart.png) repeat-x;
  border: #d7d7d7 solid 1px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answer .voteStatus .chart .performance {
  font-size: 14px;
  font-weight: bold;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answer .voteStatus .chart .performance .num {
  padding: 6px 5px 0;
  height: 22px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answer .voteStatus .users {
  padding: 5px 0 0;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answerA {
  margin: 0 0 15px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answerA .title {
  color: #77a54d;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answerA .chart {
  border: #d7d7d7 solid 1px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answerA .chart .performance {
  color: #254f0f;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answerB {
  margin: 0 0 15px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answerB .title {
  color: #50a3b3;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answerB .chart {
  border: #d7d7d7 solid 1px;
}
.articleStreamCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.debateStatus .debatePanel .result .answerB .chart .performance {
  color: #124b54;
}

/*
articleContentCmp
----------------------------------------*/
.articleContentCmp {
  position: relative;
}
.articleContentCmp .contentArea {
  position: relative;
}
.articleContentCmp .contentArea > .title {
  padding: 0 20px;
}
.articleContentCmp .contentArea > .title h1 {
  margin: 0;
  padding: 10px 20px 10px 47px;
  font-size: 24px;
  line-height: 1.4;
}
.articleContentCmp .contentArea > .title h1.debate {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_debate_article_w.png) no-repeat 0px 10px;
}
.articleContentCmp .contentArea > .title h1.shared {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_share_article_w.png) no-repeat 0px 10px;
}
.articleContentCmp .contentArea .originalLink {
  padding: 0 20px 10px 20px;
  color: dimgrey;
  font-size: 12px;
  border-bottom: 1px dotted #d7d7d7;
}
.articleContentCmp .contentArea .author {
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px dotted #d7d7d7;
}
.articleContentCmp .contentArea .author .edit {
  position: absolute;
  top: 10px;
  right: 10px;
}
.articleContentCmp .contentArea .share {
  padding: 10px 20px;
}
.articleContentCmp .contentArea .share .sns {
  float: left;
  width: 250px;
}
.articleContentCmp .contentArea .share .sns .bar {
  float: left;
  margin: 0 10px 5px 0;
  width: 70px;
  height: 25px;
  cursor: pointer;
}
.articleContentCmp .contentArea .share .sns .bar .number {
  margin: 0 0 0 25px;
  padding: 5px 5px 0 5px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.articleContentCmp .contentArea .share .sns .facebook {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_share_facebook_s.png) no-repeat;
}
.articleContentCmp .contentArea .share .sns .facebook .number {
  background: #8b9dc3;
}
.articleContentCmp .contentArea .share .sns .twitter {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_share_twitter_s.png) no-repeat;
}
.articleContentCmp .contentArea .share .sns .twitter .number {
  background: #21c2ff;
}
.articleContentCmp .contentArea .share .others {
  float: left;
  width: 325px;
  padding: 3px 0 0;
}
.articleContentCmp .contentArea > .content {
  padding: 0 20px 10px;
}
.articleContentCmp .contentArea > .content > .description {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.7;
  word-wrap: break-word;
}
.articleContentCmp .contentArea > .content > .meta {
  margin: 0 0 40px;
  color: #999999;
  text-align: right;
}
.articleContentCmp .contentArea > .content > .originalContent {
  margin: 0 0 40px;
}
.articleContentCmp .contentArea .articleImage {
  padding: 0 5px 20px 20px;
  text-align: center;
}
.articleContentCmp .contentArea .tag {
  margin: 0 0 20px;
  padding: 10px 10px 10px 35px;
  font-size: 12px;
  line-height: 1.4;
  background: #e8e8e8 url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_tag.png) no-repeat 7px 7px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.articleContentCmp .contentArea .tag a {
  padding: 0 5px 0 0;
  color: #595959;
}
.articleContentCmp .contentArea .debatePanel {
  position: relative;
  padding: 0 0 10px;
}
.articleContentCmp .contentArea .debatePanel > .title {
  padding: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #4d93c4;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.articleContentCmp .contentArea .debatePanel .status {
  padding: 5px;
  color: #7a7a7a;
  font-size: 12px;
  text-align: center;
  background: #e2e2e2;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.articleContentCmp .contentArea .debatePanel .status img {
  margin: 0 0 0 5px;
  vertical-align: top;
}
.articleContentCmp .contentArea .debatePanel .status.aVoted {
  color: #fff;
  background: #77a54d;
  border-left: 1px solid #77a54d;
  border-right: 1px solid #77a54d;
}
.articleContentCmp .contentArea .debatePanel .status.bVoted {
  color: #fff;
  background: #50a3b3;
  border-left: 1px solid #50a3b3;
  border-right: 1px solid #50a3b3;
}
.articleContentCmp .contentArea .debatePanel .actionArea {
  position: relative;
  padding: 25px 10px 20px;
  height: 141px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_debate_panel.png) repeat;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .switchBtn {
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
}
.articleContentCmp .contentArea .debatePanel .actionArea .aArea {
  float: left;
  width: 160px;
  text-align: center;
}
.articleContentCmp .contentArea .debatePanel .actionArea .aArea .voteBtn {
  margin: 5px;
  cursor: pointer;
}
.articleContentCmp .contentArea .debatePanel .actionArea .aArea .answer {
  color: #77a54d;
  font-weight: bold;
}
.articleContentCmp .contentArea .debatePanel .actionArea .centerArea {
  float: left;
  padding: 125px 0 0 0;
  width: 235px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/lb_debate_panel.png) no-repeat center 15px;
  text-align: center;
}
.articleContentCmp .contentArea .debatePanel .actionArea .centerArea .property ul.timer li {
  display: inline-block;
  padding: 2px 0 8px 24px;
  font-size: 12px;
  color: #999999;
  font-weight: bold;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_timer.png) no-repeat 0 2px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .centerArea .property ul.users li .userIcon {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
}
.articleContentCmp .contentArea .debatePanel .actionArea .centerArea .property ul.users li .userIcon img {
  vertical-align: bottom;
}
.articleContentCmp .contentArea .debatePanel .actionArea .centerArea .property ul.users li .userIcon .emotion {
  position: absolute;
  left: 9px;
  top: 9px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .centerArea .property ul.users li .others {
  display: inline-block;
  font-size: 12px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .bArea {
  float: left;
  width: 160px;
  text-align: center;
}
.articleContentCmp .contentArea .debatePanel .actionArea .bArea .voteBtn {
  margin: 5px;
  cursor: pointer;
}
.articleContentCmp .contentArea .debatePanel .actionArea .bArea .answer {
  color: #50a3b3;
  font-weight: bold;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result {
  padding: 20px 10px 0;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .property {
  padding: 10px 0 0;
  text-align: center;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .property ul.timer li {
  display: inline-block;
  padding: 2px 0 8px 24px;
  color: #999999;
  font-weight: bold;
  font-size: 12px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_timer.png) no-repeat 0 2px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .voteStatus ul.users li .userIcon {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .voteStatus ul.users li .userIcon img {
  vertical-align: bottom;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .voteStatus ul.users li .userIcon .emotion {
  position: absolute;
  left: 9px;
  top: 9px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .voteStatus ul.users li .others {
  display: inline-block;
  font-size: 12px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .answerA {
  float: left;
  margin: 0 0 15px;
  width: 268px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .answerA .title {
  margin: 0 0 5px;
  color: #77a54d;
  font-size: 12px;
  font-weight: bold;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .answerA .chart {
  margin: 0 0 10px;
  width: 250px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_line_chart.png) repeat-x;
  border: #d7d7d7 solid 1px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .answerA .chart .performance {
  width: 188px;
  color: #254f0f;
  font-size: 14px;
  font-weight: bold;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .answerA .chart .performance .num {
  padding: 6px 5px 0;
  height: 22px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .answerB {
  float: left;
  width: 268px;
  margin: 0 0 15px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .answerB .title {
  margin: 0 0 5px;
  color: #50a3b3;
  font-size: 12px;
  font-weight: bold;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .answerB .chart {
  margin: 0 0 10px;
  width: 250px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_line_chart.png) repeat-x;
  border: #d7d7d7 solid 1px;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .answerB .chart .performance {
  width: 188px;
  color: #124b54;
  font-size: 14px;
  font-weight: bold;
}
.articleContentCmp .contentArea .debatePanel .actionArea .result .answerB .chart .performance .num {
  padding: 6px 5px 0;
  height: 22px;
}

.articleContentDetailCmp .contentArea > .title {
  color: #fff;
  background: #363636;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.articleContentDetailCmp .contentArea > .title a, .articleContentDetailCmp .contentArea > .title a:visited {
  color: #fff;
  text-decoration: none;
}
.articleContentDetailCmp .contentArea > .title a:hover {
  color: #ccc;
  text-decoration: underline;
}
.articleContentDetailCmp .contentArea > .title h1 {
  margin: 0;
}
.articleContentDetailCmp .contentArea > .title h1.debate {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_debate_article_b.png) no-repeat 0px 10px;
}
.articleContentDetailCmp .contentArea > .title h1.shared {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_share_article_b.png) no-repeat 0px 10px;
}
.articleContentDetailCmp .contentArea .originalLink {
  padding: 10px;
  color: dimgrey;
  font-size: 12px;
  border-bottom: 1px solid #d7d7d7;
  background: whitesmoke;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.articleContentDetailCmp .contentArea .author {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.articleContentDetailCmp .contentArea > .action {
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.articleContentDetailCmp .contentArea > .action .actionItem {
  float: left;
  padding: 0 20px 0 0;
}
.articleContentDetailCmp .contentArea > .action .actionItem.emote {
  position: relative;
}
.articleContentDetailCmp .contentArea > .action .actionItem .btnItem a, .articleContentDetailCmp .contentArea > .action .actionItem .btnItem span {
  color: #595959;
  font-size: 20px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: bold;
}
.articleContentDetailCmp .contentArea > .action .actionItem .btnItem a.num, .articleContentDetailCmp .contentArea > .action .actionItem .btnItem span.num {
  margin: 0 0 0 5px;
}
.articleContentDetailCmp .contentArea > .action .actionItem .btnItem img {
  vertical-align: top;
  cursor: pointer;
}
.articleContentDetailCmp .contentArea > .action .emotePanel {
  top: 35px;
  left: -5px;
}
.articleContentDetailCmp .contentArea .share {
  float: right;
  padding: 0;
}
.articleContentDetailCmp .contentArea .share .sns {
  float: left;
  width: 240px;
}
.articleContentDetailCmp .contentArea .share .sns .bar {
  float: left;
  margin: 0 10px 0 0;
  width: 70px;
  height: 25px;
  cursor: pointer;
}
.articleContentDetailCmp .contentArea .share .sns .bar .number {
  margin: 0 0 0 25px;
  padding: 5px 5px 0 5px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.articleContentDetailCmp .contentArea .share .sns .facebook {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_share_facebook_s.png) no-repeat;
}
.articleContentDetailCmp .contentArea .share .sns .facebook .number {
  background: #8b9dc3;
}
.articleContentDetailCmp .contentArea .share .sns .twitter {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_share_twitter_s.png) no-repeat;
}
.articleContentDetailCmp .contentArea .share .sns .twitter .number {
  background: #21c2ff;
}
.articleContentDetailCmp .contentArea .share .others {
  float: left;
  width: 50px;
  padding: 3px 0 0;
}
.articleContentDetailCmp .contentArea .fixed {
  position: fixed;
  margin: 0px 10px 0 0;
  padding: 0 10px;
  top: 65px;
}
.articleContentDetailCmp .contentArea .rail {
  margin: 2px 10px 0 0;
}
.articleContentDetailCmp .contentArea > .content {
  position: relative;
  padding: 20px 20px 10px;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.articleContentDetailCmp .contentArea > .content:after {
  content: '';
  position: absolute;
  top: 0;
  left: 40px;
  border-top: 8px solid #d7d7d7;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.articleContentDetailCmp .contentArea > .content .shareButtons {
  text-align: center;
}
.articleContentDetailCmp .contentArea > .content .shareButtons i {
  margin: 0 10px 0 0;
}

/*
debateArticleCmp
----------------------------------------*/
.debateArticleCmp .debateArticleList .item {
  padding: 10px;
}

/*
tickerStreamCmp
----------------------------------------*/
.tickerStreamCmp > .inner {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  -moz-border-radius: 0 0 5px 0;
  -webkit-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
  /*
          border-bottom: 1px solid $line-color;
  
          > .title {
              padding: 5px 10px;
              color: #fff;
              background: $title-bg-color-black;
          }
  */
}
.tickerStreamCmp > .inner .noticeMsg {
  padding: 10px;
}
.tickerStreamCmp > .inner > .title {
  padding: 10px;
  width: 199px;
  color: #fff;
  font-weight: bold;
  background: #363636;
  border-right: 1px solid #363636;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
.tickerStreamCmp > .inner .streamItemList .streamItem {
  padding: 7px 5px;
  border-bottom: 1px solid #d7d7d7;
}
.tickerStreamCmp > .inner .streamItemList .streamItem a {
  background: whitesmoke;
}
.tickerStreamCmp > .inner .streamItemList .streamItem a:hover {
  background: whitesmoke;
}
.tickerStreamCmp > .inner .streamItemList .streamItem .userIcon {
  float: left;
  width: 40px;
}
.tickerStreamCmp > .inner .streamItemList .streamItem .content {
  float: right;
  padding: 5px 5px 0 0;
  width: 160px;
  color: #595959;
  font-size: 11px;
  line-height: 1.2;
}

/*
debateMonitorCmp
----------------------------------------*/
.debateMonitorCmp {
  margin: 20px 0 20px;
}
.debateMonitorCmp > .inner {
  border-bottom: 1px solid #d7d7d7;
  -moz-border-radius: 0 0 5px 0;
  -webkit-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
.debateMonitorCmp > .inner .noticeMsg {
  padding: 10px;
}
.debateMonitorCmp > .inner > .title {
  padding: 10px;
  width: 199px;
  color: #fff;
  font-weight: bold;
  background: #363636;
  border-right: 1px solid #363636;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
.debateMonitorCmp > .inner .debateArticleList {
  position: relative;
  width: 219px;
  height: 243px;
  overflow: hidden;
  border-right: 1px solid #d7d7d7;
  -moz-border-radius: 0 0 5px 0;
  -webkit-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
.debateMonitorCmp > .inner .debateArticleList .previous {
  display: none;
  position: absolute;
  z-index: 101;
  top: 100px;
  left: 10px;
  opacity: 0.7;
}
.debateMonitorCmp > .inner .debateArticleList .next {
  display: none;
  position: absolute;
  z-index: 101;
  top: 100px;
  left: 163px;
  opacity: 0.7;
}
.debateMonitorCmp > .inner .debateArticleList > .inner {
  position: absolute;
  z-index: 100;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item {
  float: left;
  width: 220px;
  height: 244px;
  background: #ececec;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .description {
  padding: 10px;
  height: 24px;
  line-height: 1.2;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .comment {
  border-top: 1px solid #d7d7d7;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .comment ul {
  padding: 10px;
  background: whitesmoke url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_comment_l.png) no-repeat 10px 3px;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .comment ul li {
  padding: 0 0 0 40px;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result {
  padding: 0 10px;
  height: 165px;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .voteStatus ul.users li .userIcon {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .voteStatus ul.users li .userIcon img {
  vertical-align: bottom;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .voteStatus ul.users li .userIcon .emotion {
  position: absolute;
  left: 9px;
  top: 9px;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .voteStatus ul.users li .others {
  display: inline-block;
  font-size: 12px;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .answerA {
  margin: 0 0 10px;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .answerA .title {
  margin: 0 0 5px;
  color: #77a54d;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.0;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .answerA .chart {
  margin: 0 0 5px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_line_chart.png) repeat-x;
  border: #d7d7d7 solid 1px;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .answerA .chart .performance {
  width: 188px;
  color: #254f0f;
  font-size: 14px;
  font-weight: bold;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .answerA .chart .performance .num {
  padding: 6px 5px 0;
  height: 22px;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .answerB {
  margin: 0 0 10px;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .answerB .title {
  margin: 0 0 5px;
  color: #50a3b3;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.0;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .answerB .chart {
  margin: 0 0 5px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_line_chart.png) repeat-x;
  border: #d7d7d7 solid 1px;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .answerB .chart .performance {
  width: 188px;
  color: #124b54;
  font-size: 14px;
  font-weight: bold;
}
.debateMonitorCmp > .inner .debateArticleList > .inner .item .result .answerB .chart .performance .num {
  padding: 6px 5px 0;
  height: 22px;
}

/*
linkDetailCmp
----------------------------------------*/
.linkDetailCmp {
  position: relative;
}
.linkDetailCmp .contentArea {
  position: relative;
}
.linkDetailCmp .contentArea .debatePanel {
  position: relative;
  padding: 0 0 10px;
}
.linkDetailCmp .contentArea .debatePanel > .title {
  padding: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #4d93c4;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.linkDetailCmp .contentArea .debatePanel .status {
  padding: 5px;
  color: #7a7a7a;
  font-size: 12px;
  text-align: center;
  background: #e2e2e2;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.linkDetailCmp .contentArea .debatePanel .status img {
  margin: 0 0 0 5px;
  vertical-align: top;
}
.linkDetailCmp .contentArea .debatePanel .status.aVoted {
  color: #fff;
  background: #77a54d;
  border-left: 1px solid #77a54d;
  border-right: 1px solid #77a54d;
}
.linkDetailCmp .contentArea .debatePanel .status.bVoted {
  color: #fff;
  background: #50a3b3;
  border-left: 1px solid #50a3b3;
  border-right: 1px solid #50a3b3;
}
.linkDetailCmp .contentArea .debatePanel .actionArea {
  position: relative;
  padding: 25px 10px 20px;
  height: 141px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_debate_panel.png) repeat;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .switchBtn {
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .aArea {
  float: left;
  width: 160px;
  text-align: center;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .aArea .voteBtn {
  margin: 5px;
  cursor: pointer;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .aArea .answer {
  color: #77a54d;
  font-weight: bold;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .centerArea {
  float: left;
  padding: 125px 0 0 0;
  width: 235px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/lb_debate_panel.png) no-repeat center 15px;
  text-align: center;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .centerArea .property ul.timer li {
  display: inline-block;
  padding: 2px 0 8px 24px;
  font-size: 12px;
  color: #999999;
  font-weight: bold;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_timer.png) no-repeat 0 2px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .centerArea .property ul.users li .userIcon {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .centerArea .property ul.users li .userIcon img {
  vertical-align: bottom;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .centerArea .property ul.users li .userIcon .emotion {
  position: absolute;
  left: 9px;
  top: 9px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .centerArea .property ul.users li .others {
  display: inline-block;
  font-size: 12px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .bArea {
  float: left;
  width: 160px;
  text-align: center;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .bArea .voteBtn {
  margin: 5px;
  cursor: pointer;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .bArea .answer {
  color: #50a3b3;
  font-weight: bold;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result {
  padding: 20px 10px 0;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .property {
  padding: 10px 0 0;
  text-align: center;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .property ul.timer li {
  display: inline-block;
  padding: 2px 0 8px 24px;
  color: #999999;
  font-weight: bold;
  font-size: 12px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_timer.png) no-repeat 0 2px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .voteStatus ul.users li .userIcon {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .voteStatus ul.users li .userIcon img {
  vertical-align: bottom;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .voteStatus ul.users li .userIcon .emotion {
  position: absolute;
  left: 9px;
  top: 9px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .voteStatus ul.users li .others {
  display: inline-block;
  font-size: 12px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .answerA {
  float: left;
  margin: 0 0 15px;
  width: 268px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .answerA .title {
  margin: 0 0 5px;
  color: #77a54d;
  font-size: 12px;
  font-weight: bold;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .answerA .chart {
  margin: 0 0 10px;
  width: 250px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_line_chart.png) repeat-x;
  border: #d7d7d7 solid 1px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .answerA .chart .performance {
  width: 188px;
  color: #254f0f;
  font-size: 14px;
  font-weight: bold;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .answerA .chart .performance .num {
  padding: 6px 5px 0;
  height: 22px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .answerB {
  float: left;
  width: 268px;
  margin: 0 0 15px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .answerB .title {
  margin: 0 0 5px;
  color: #50a3b3;
  font-size: 12px;
  font-weight: bold;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .answerB .chart {
  margin: 0 0 10px;
  width: 250px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_line_chart.png) repeat-x;
  border: #d7d7d7 solid 1px;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .answerB .chart .performance {
  width: 188px;
  color: #124b54;
  font-size: 14px;
  font-weight: bold;
}
.linkDetailCmp .contentArea .debatePanel .actionArea .result .answerB .chart .performance .num {
  padding: 6px 5px 0;
  height: 22px;
}
.linkDetailCmp .contentArea > .title {
  padding: 20px;
  color: #fff;
  background: #363636;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.linkDetailCmp .contentArea > .title a, .linkDetailCmp .contentArea > .title a:visited {
  color: #fff;
  text-decoration: none;
}
.linkDetailCmp .contentArea > .title a:hover {
  color: #ccc;
  text-decoration: underline;
}
.linkDetailCmp .contentArea > .title h1 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 1.4;
}
.linkDetailCmp .contentArea .originalLink {
  padding: 10px;
  color: dimgrey;
  font-size: 12px;
  border-bottom: 1px solid #d7d7d7;
  background: whitesmoke;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.linkDetailCmp .contentArea .author {
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.linkDetailCmp .contentArea .author .edit {
  position: absolute;
  top: 10px;
  right: 10px;
}
.linkDetailCmp .contentArea > .action {
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.linkDetailCmp .contentArea > .action .actionItem {
  float: left;
  padding: 0 20px 0 0;
}
.linkDetailCmp .contentArea > .action .actionItem.emote {
  position: relative;
}
.linkDetailCmp .contentArea > .action .actionItem .btnItem a, .linkDetailCmp .contentArea > .action .actionItem .btnItem span {
  color: #595959;
  font-size: 20px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: bold;
}
.linkDetailCmp .contentArea > .action .actionItem .btnItem a.num, .linkDetailCmp .contentArea > .action .actionItem .btnItem span.num {
  margin: 0 0 0 5px;
}
.linkDetailCmp .contentArea > .action .actionItem .btnItem img {
  vertical-align: top;
  cursor: pointer;
}
.linkDetailCmp .contentArea > .action .emotePanel {
  top: 35px;
  left: -5px;
}
.linkDetailCmp .contentArea .share {
  float: right;
}
.linkDetailCmp .contentArea .share .sns {
  float: left;
}
.linkDetailCmp .contentArea .share .sns .bar {
  float: left;
  margin: 0 10px 0 0;
  width: 70px;
  height: 25px;
  cursor: pointer;
}
.linkDetailCmp .contentArea .share .sns .bar .number {
  margin: 0 0 0 25px;
  padding: 5px 5px 0 5px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.linkDetailCmp .contentArea .share .sns .facebook {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_share_facebook_s.png) no-repeat;
}
.linkDetailCmp .contentArea .share .sns .facebook .number {
  background: #8b9dc3;
}
.linkDetailCmp .contentArea .share .sns .twitter {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_share_twitter_s.png) no-repeat;
}
.linkDetailCmp .contentArea .share .sns .twitter .number {
  background: #21c2ff;
}
.linkDetailCmp .contentArea .share .others {
  float: left;
  padding: 3px 0 0;
}
.linkDetailCmp .contentArea > .content {
  position: relative;
  padding: 20px 20px 10px;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.linkDetailCmp .contentArea > .content:after {
  content: '';
  position: absolute;
  top: 0;
  left: 40px;
  border-top: 8px solid #d7d7d7;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.linkDetailCmp .contentArea > .content > .description {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.7;
  word-wrap: break-word;
}
.linkDetailCmp .contentArea > .content > .meta {
  margin: 0 0 40px;
  font-size: 14px;
  color: #999999;
  text-align: right;
}
.linkDetailCmp .contentArea > .content > .originalContent {
  margin: 0 0 40px;
}
.linkDetailCmp .contentArea > .content .shareButtons {
  text-align: center;
}
.linkDetailCmp .contentArea > .content .shareButtons i {
  margin: 0 10px 0 0;
}
.linkDetailCmp .contentArea > .content .shareButtons a {
  display: inline-block;
  margin: 0 10px 0 0;
}
.linkDetailCmp .contentArea .articleImage {
  padding: 0 5px 20px 20px;
  text-align: center;
}
.linkDetailCmp .contentArea .voteOption {
  position: relative;
  padding: 0 0 10px;
}
.linkDetailCmp .contentArea .voteOption .title {
  padding: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #4d93c4;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.linkDetailCmp .contentArea .voteOption .status {
  padding: 5px;
  color: #7a7a7a;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  background: #e2e2e2;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.linkDetailCmp .contentArea .voteOption .status img {
  margin: 0 0 0 5px;
  vertical-align: top;
}
.linkDetailCmp .contentArea .voteOption .status.voted {
  color: #fff;
  background: #77a54d;
  border-left: 1px solid #77a54d;
  border-right: 1px solid #77a54d;
}
.linkDetailCmp .contentArea .voteOption .actionArea {
  position: relative;
  padding: 10px;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.linkDetailCmp .contentArea .voteOption .actionArea .meta {
  margin: 0 0 10px;
}
.linkDetailCmp .contentArea .voteOption .actionArea .meta .timer {
  float: left;
  line-height: 20px;
  font-size: 12px;
}
.linkDetailCmp .contentArea .voteOption .actionArea .meta .switchBtn {
  float: right;
}
.linkDetailCmp .contentArea .voteOption .actionArea .answerList ul {
  margin: 0 0 10px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.linkDetailCmp .contentArea .voteOption .actionArea .answerList ul li {
  padding: 10px 10px;
  border-bottom: 1px dotted #d7d7d7;
}
.linkDetailCmp .contentArea .voteOption .actionArea .answerList ul li.current {
  background: #F5FFFF;
}
.linkDetailCmp .contentArea .voteOption .actionArea .answerList ul li label {
  padding: 0 0 0 10px;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
  line-height: 30px;
}
.linkDetailCmp .contentArea .voteOption .actionArea .answerList ul li .answer {
  float: left;
  width: 254px;
  line-height: 30px;
}
.linkDetailCmp .contentArea .voteOption .actionArea .answerList ul li .chart {
  float: left;
  width: 200px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_line_chart.png) repeat-x;
  border: #d7d7d7 solid 1px;
}
.linkDetailCmp .contentArea .voteOption .actionArea .answerList ul li .chart .performance {
  width: 188px;
  color: #254f0f;
  font-size: 14px;
  font-weight: bold;
}
.linkDetailCmp .contentArea .voteOption .actionArea .answerList ul li .chart .performance .num {
  padding: 6px 5px 0;
  height: 22px;
}
.linkDetailCmp .contentArea .voteOption .actionArea .answerList ul li .users {
  float: left;
  width: 100px;
  text-align: right;
  line-height: 30px;
}
.linkDetailCmp .contentArea .voteOption .actionArea .answerList ul li:last-child {
  border: none;
}
.linkDetailCmp .contentArea .voteOption .actionArea .btnArea {
  text-align: center;
}

.tag {
  margin: 0 0 20px;
  padding: 10px 10px 10px 35px;
  font-size: 12px;
  line-height: 1.4;
  background: #e8e8e8 url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_tag.png) no-repeat 7px 7px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.tag a {
  padding: 0 5px 0 0;
  color: #595959;
}

/*
commentListCmp
----------------------------------------*/
.commentListCmp .commentListHeader {
  padding: 50px 20px 0;
}
.commentListCmp .commentListHeader .commentNumber {
  float: left;
  padding: 2px 0 0 25px;
  width: 145px;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_comment_s.png) no-repeat 0px 0px;
}
.commentListCmp .commentListHeader .switchOrder {
  float: right;
  padding: 2px 0 0;
  width: 400px;
  text-align: right;
}
.commentListCmp .more {
  padding: 10px 20px;
}
.commentListCmp .commentList .itemGroup {
  padding: 20px 20px 0;
  border-bottom: 1px dotted #d7d7d7;
}
.commentListCmp .commentList .itemGroup .item .inner {
  padding: 0 0 20px;
}
.commentListCmp .commentList .itemGroup .item .inner > .author {
  float: left;
  padding: 0 20px 0 0;
  width: 30px;
}
.commentListCmp .commentList .itemGroup .item .inner .content {
  position: relative;
  float: left;
}
.commentListCmp .commentList .itemGroup .item .inner .content .box {
  position: relative;
  margin: 0 0 10px 0;
  padding: 10px;
  width: 506px;
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.commentListCmp .commentList .itemGroup .item .inner .content .box:after {
  content: '';
  position: absolute;
  top: 8px;
  left: -9px;
  border-top: 8px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 8px solid transparent;
}
.commentListCmp .commentList .itemGroup .item .inner .content .box:before {
  content: '';
  position: absolute;
  top: 8px;
  left: -11px;
  border-top: 8px solid transparent;
  border-right: 10px solid #d7d7d7;
  border-bottom: 8px solid transparent;
}
.commentListCmp .commentList .itemGroup .item .inner .content .box .description {
  padding: 0 0 10px;
  font-size: 14px;
  line-height: 1.7;
  word-wrap: break-word;
}
.commentListCmp .commentList .itemGroup .item .inner .content .box .description .commentEditForm textarea {
  padding: 5px;
  width: 95%;
}
.commentListCmp .commentList .itemGroup .item .inner .content .box .description .commentEditForm .action {
  padding: 5px 0 0;
}
.commentListCmp .commentList .itemGroup .item .inner .content .box .description .commentEditForm .action .cancel {
  display: inline-block;
  padding: 0 0 0 10px;
  font-size: 11px;
}
.commentListCmp .commentList .itemGroup .item .inner .content.typeA .box {
  background: #effbe5 url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_comment_a.png) no-repeat right top;
}
.commentListCmp .commentList .itemGroup .item .inner .content.typeA .box:after {
  border-right: 10px solid #effbe5;
}
.commentListCmp .commentList .itemGroup .item .inner .content.typeB .box {
  background: #ebf9fa url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_comment_b.png) no-repeat right top;
}
.commentListCmp .commentList .itemGroup .item .inner .content.typeB .box:after {
  border-right: 10px solid #ebf9fa;
}
.commentListCmp .commentList .itemGroup .item .inner .content .actionArea {
  padding: 0;
  width: 528px;
}
.commentListCmp .commentList .itemGroup .item .inner .content .actionArea ul.action li {
  float: left;
  margin: 0 15px 0 0;
}
.commentListCmp .commentList .itemGroup .item .inner .content .actionArea ul.action li.agree img {
  vertical-align: middle;
  cursor: pointer;
}
.commentListCmp .commentList .itemGroup .item .inner .content .actionArea ul.action li.agree a {
  display: inline-block;
  padding: 5px 0 0;
}
.commentListCmp .commentList .itemGroup .item .inner .content .actionArea ul.action li.disagree img {
  vertical-align: middle;
  cursor: pointer;
}
.commentListCmp .commentList .itemGroup .item .inner .content .actionArea ul.action li.disagree a {
  display: inline-block;
  padding: 5px 0 0;
}
.commentListCmp .commentList .itemGroup .item .inner .content .actionArea ul.action li.reply {
  padding: 5px 0 0 25px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/btn_comment_reply.png) no-repeat 0 2px;
}
.commentListCmp .commentList .itemGroup .item .inner .content .actionArea ul.action li.edit {
  padding: 5px 0 0 25px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/btn_comment_edit.png) no-repeat 0 2px;
}
.commentListCmp .commentList .itemGroup .item.childItem {
  margin: 10px 0 0;
  padding: 10px 0 0;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_comment_chain.png) no-repeat 300px 0px;
}
.commentListCmp .commentList .itemGroup .item.childItem .inner {
  margin: 22px 0 0 40px;
}
.commentListCmp .commentList .itemGroup .item.childItem .inner .content .box {
  width: 466px;
}
.commentListCmp .commentList .itemGroup .item.childItem .inner .actionArea {
  width: 478px;
}
.commentListCmp .commentList .itemGroup .more.childItem {
  margin: 0 0 0 40px;
  padding: 10px 0;
}

/*
commentFormCmp
----------------------------------------*/
.commentFormCmp > .inner {
  padding: 10px 20px 10px;
}
.commentFormCmp > .inner .formArea .btnArea {
  float: right;
  padding: 5px 0 0;
  width: 130px;
  border: none;
  text-align: right;
}
.commentFormCmp > .inner .formArea .item {
  margin: 0;
  padding: 0 0 10px;
}
.commentFormCmp > .inner .formArea .userIcon {
  float: left;
  padding: 0 10px 0 0;
  width: 40px;
}
.commentFormCmp > .inner .formArea .commentInput textarea {
  float: left;
  padding: 5px;
  width: 515px;
  height: 28px;
}
.commentFormCmp > .inner .formArea .snsShareList {
  float: left;
  padding: 8px 0 0;
  width: 105px;
}
.commentFormCmp > .inner .formArea .snsShareList ul li {
  float: left;
  padding: 0 8px 0 0;
}
.commentFormCmp > .inner .formArea .snsShareList ul li .sns {
  cursor: pointer;
}

/*
commentReplyCmp
----------------------------------------*/
.commentReplyFormCmp > .inner {
  padding: 10px 0 0 40px;
}
.commentReplyFormCmp > .inner .formArea .commentInput textarea {
  float: left;
  padding: 5px;
  width: 475px;
  height: 28px;
}

/*
commentListDetailCmp
----------------------------------------*/
.commentListDetailCmp .commentListHeader {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.commentListDetailCmp .contentArea > .more {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.commentListDetailCmp .commentList {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.commentListDetailCmp .commentList .more {
  padding: 10px 0;
}
.commentListDetailCmp .parentItem.commentFormCmp > .inner {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

/*
actionPanelCmp
----------------------------------------*/
.actionPanelCmp .fixed {
  position: fixed;
  top: 38px;
}
.actionPanelCmp .rail {
  position: absolute;
  top: 146px;
}
.actionPanelCmp > .inner {
  width: 259px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  /*
          .comment {
              .number {
                  padding: 10px;
                  color: #595959;
                  font-size: 24px;
                  border-bottom: 1px solid $line-color;
                  background: #f3f3f2;
              }
          }
  */
}
.actionPanelCmp > .inner .action {
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.actionPanelCmp > .inner .action .actionItem {
  float: left;
  padding: 0 20px 0 0;
}
.actionPanelCmp > .inner .action .actionItem .btnItem a, .actionPanelCmp > .inner .action .actionItem .btnItem span {
  color: #595959;
  font-size: 20px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: bold;
}
.actionPanelCmp > .inner .action .actionItem .btnItem a.num, .actionPanelCmp > .inner .action .actionItem .btnItem span.num {
  margin: 0 0 0 5px;
}
.actionPanelCmp > .inner .action .actionItem .btnItem img {
  vertical-align: top;
  cursor: pointer;
}
.actionPanelCmp > .inner .action .emotePanel {
  top: 45px;
  left: 5px;
}
.actionPanelCmp > .inner .voters .list {
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.actionPanelCmp > .inner .voters .list ul.users li .userIcon {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
}
.actionPanelCmp > .inner .voters .list ul.users li .userIcon img {
  vertical-align: bottom;
}
.actionPanelCmp > .inner .voters .list ul.users li .userIcon .emotion {
  position: absolute;
  left: 9px;
  top: 9px;
}
.actionPanelCmp > .inner .voters .list ul.users li .others {
  display: inline-block;
  font-size: 12px;
}
.actionPanelCmp > .inner .share {
  padding: 10px;
}
.actionPanelCmp > .inner .share > .number {
  margin: 0 0 10px;
  padding: 0 0 10px;
  color: #595959;
  border-bottom: 1px dotted #d7d7d7;
  text-align: center;
}
.actionPanelCmp > .inner .share > .number em {
  font-size: 36px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: bold;
}
.actionPanelCmp > .inner .share .sns .bar {
  float: left;
  margin: 0 10px 5px 0;
  width: 70px;
  height: 25px;
  cursor: pointer;
}
.actionPanelCmp > .inner .share .sns .bar .number {
  margin: 0 0 0 25px;
  padding: 5px 5px 0 5px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.actionPanelCmp > .inner .share .sns .facebook {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_share_facebook_s.png) no-repeat;
}
.actionPanelCmp > .inner .share .sns .facebook .number {
  background: #8b9dc3;
}
.actionPanelCmp > .inner .share .sns .twitter {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_share_twitter_s.png) no-repeat;
}
.actionPanelCmp > .inner .share .sns .twitter .number {
  background: #21c2ff;
}
.actionPanelCmp > .inner .share .others {
  padding: 10px 0 0;
  border-top: 1px dotted #d7d7d7;
}

/*
notificationCmp
----------------------------------------*/
.notificationCmp > .inner {
  padding: 20px;
  background: #fff;
}
.notificationCmp > .inner .notificationList h2 {
  margin: 0 0 10px;
  color: #595959;
  font-size: 12px;
}
.notificationCmp > .inner .notificationList ul {
  margin-bottom: 20px;
  border-top: 1px solid #d7d7d7;
}
.notificationCmp > .inner .notificationList ul li {
  padding: 10px 5px;
  border-bottom: 1px dotted #d7d7d7;
}
.notificationCmp > .inner .notificationList span.datetime {
  color: #999999;
}

/*
invitationCmp
----------------------------------------*/
.invitationCmp > .inner {
  padding: 20px;
}
.invitationCmp > .inner h1 {
  margin: 0 0 20px;
  color: #595959;
  font-size: 18px;
}
.invitationCmp > .inner .searchResult {
  padding: 0 0 10px;
  font-size: 14px;
}
.invitationCmp > .inner .searchResult.none {
  border-bottom: none;
}
.invitationCmp > .inner .inviteLink {
  margin: 0 0 20px;
  padding: 0 5px 0 25px;
  line-height: 1.5;
}
.invitationCmp > .inner .facebookLink {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_facebook_on_s.png) no-repeat 3px 1px;
}
.invitationCmp > .inner .twitterLink {
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_twitter_on_s.png) no-repeat 3px 1px;
}
.invitationCmp > .inner .userBoxList {
  padding: 0;
}
.invitationCmp > .inner .userBoxList .item {
  float: left;
  margin: 0 9px 9px 0;
  padding: 5px;
  width: 188px;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.invitationCmp > .inner .userBoxList .item .userIcon {
  float: left;
  width: 50px;
  padding: 0 10px 0 0;
}
.invitationCmp > .inner .userBoxList .item .content {
  float: left;
  padding: 0;
  width: 128px;
  line-height: 1.4;
}
.invitationCmp > .inner .userBoxList .item .content .name {
  width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.invitationCmp > .inner .userBoxList .item .content .rank {
  margin: 0 0 5px;
  font-size: 11px;
}

/*
rankingCmp
----------------------------------------*/
.rankingCmp > .inner {
  padding: 20px;
}
.rankingCmp > .inner h2 {
  margin: 0 0 10px;
  font-size: 16px;
  color: dimgrey;
}
.rankingCmp > .inner .rankingOption .inner {
  margin: 0 0 20px;
  padding: 10px 0;
}
.rankingCmp > .inner .rankingOption .inner .title {
  float: left;
  padding: 3px;
  width: 70px;
  color: #fff;
  text-align: center;
  background: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.rankingCmp > .inner .rankingOption .inner .itemList ul li {
  float: left;
  padding: 3px 10px;
  width: 60px;
  text-align: center;
  border-right: 1px solid #d7d7d7;
}
.rankingCmp > .inner .rankingOption .inner .itemList ul li span.current {
  font-weight: bold;
}
.rankingCmp > .inner .rankingOption .inner .itemList ul li.last {
  border-right: none;
}
.rankingCmp > .inner .rankingList {
  margin: 0 0 20px;
}
.rankingCmp > .inner .rankingList .moreLink {
  text-align: right;
}
.rankingCmp > .inner .rankingList table {
  margin: 0 0 10px;
}
.rankingCmp > .inner .rankingList table th {
  padding: 10px;
  text-align: left;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  vertical-align: middle;
}
.rankingCmp > .inner .rankingList table td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #d7d7d7;
  vertical-align: middle;
}
.rankingCmp > .inner .rankingList table td.rank {
  width: 36px;
}
.rankingCmp > .inner .rankingList table td.title {
  width: 320px;
}
.rankingCmp > .inner .rankingList table td.value {
  width: 70px;
}
.rankingCmp > .inner .rankingList table td.icon {
  width: 55px;
}
.rankingCmp > .inner .rankingList table td.name {
  width: 257px;
}

/*
mailmagazineCmp
----------------------------------------*/
.mailmagazineCmp > .inner {
  padding: 20px;
}

/*
deleteAccountCmp
----------------------------------------*/
.deleteAccountCmp > .inner {
  padding: 20px;
}
.deleteAccountCmp > .inner ul.checkList {
  margin: 0 0 10px;
}
.deleteAccountCmp > .inner ul.checkList li {
  padding: 10px 0 10px;
  border-bottom: 1px solid #d7d7d7;
}
.deleteAccountCmp > .inner ul.checkList li input[type="checkbox"] {
  float: left;
  margin: 0 5px 0 0;
}
.deleteAccountCmp > .inner ul.checkList li label {
  display: block;
  padding: 1px 0 0;
  vertical-align: baseline;
}
.deleteAccountCmp > .inner ul.checkList li.nb {
  border-bottom: none;
}

/*
errorCmp
----------------------------------------*/
.errorCmp > .inner {
  padding: 20px;
}
.errorCmp > .inner h1 {
  margin: 0 0 20px;
  color: #595959;
  font-size: 18px;
}
.errorCmp > .inner .title {
  margin: 0 0 10px;
  font-weight: bold;
  color: #bdb76b;
  font-size: 18px;
}
.errorCmp > .inner .errorMsg {
  margin: 0 0 10px;
  padding: 5px 0;
  color: #669900;
  font-weight: bold;
  font-size: 20px;
  border: 0;
  background: none;
}
.errorCmp > .inner .errorDescription {
  padding: 0 0 20px;
  font-size: 14px;
  color: #696969;
}
.errorCmp > .inner .errorDescription p {
  line-height: 1.5;
  color: #696969;
}
.errorCmp > .inner .errorDescription ul {
  margin: 0 20px;
  list-style: disc;
  line-height: 1.5;
  color: #696969;
}

/*
searchCmp
----------------------------------------*/
#searchFilter {
  position: relative;
  float: right;
}

#searchFilterBtn {
  padding: 2px 0 0;
}

.searchFilterPanel {
  position: absolute;
  z-index: 5021;
  top: 30px;
  right: -15px;
}
.searchFilterPanel:before {
  position: absolute;
  top: -7px;
  right: 15px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 7px solid #30474f;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.searchFilterPanel .inner {
  width: 225px;
}

.searchFilterMenuCmp > .inner #categoryFilter > .title img {
  margin: 0 0 0 10px;
  text-align: right;
}
.searchFilterMenuCmp > .inner #categoryFilter ul {
  display: none;
}
.searchFilterMenuCmp > .inner .item {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid whitesmoke;
}
.searchFilterMenuCmp > .inner .item .title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
}
.searchFilterMenuCmp > .inner .item ul li {
  list-style: none;
  font-size: 14px;
  line-height: 1.4;
}
.searchFilterMenuCmp > .inner .item ul li a {
  padding: 10px;
  display: block;
  text-decoration: none;
}
.searchFilterMenuCmp > .inner .item ul li a:hover {
  background-color: #f5f5f5;
  color: #595959;
  text-decoration: underline;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.searchFilterMenuCmp > .inner .item ul li a.current {
  color: #595959;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.searchFilterMenuCmp > .inner .item .btnArea {
  padding: 10px 0 0;
}

.searchCmp > .inner .searchArea {
  padding: 10px;
  background: whitesmoke;
}
.searchCmp > .inner .searchBox {
  float: left;
}
.searchCmp > .inner .searchBox input[name='searchText'] {
  width: 300px;
}
.searchCmp > .inner .searchCnd {
  padding: 10px;
  background: #fff;
}
.searchCmp > .inner .searchCnd .cnd {
  margin: 0 0 5px;
  padding: 5px 10px 5px 10px;
  width: 400px;
  font-size: 11px;
  border: 1px solid #e0e0e0;
  background: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.searchCmp > .inner .searchCnd .cnd span {
  padding: 0 5px 0 0;
  color: #30474f;
  font-weight: bold;
}
.searchCmp > .inner .searchCnd .cnd a {
  float: right;
}
.searchCmp > .inner .searchCnd .cnd a:hover {
  color: red;
  font-weight: bold;
  text-decoration: none;
}
.searchCmp > .inner .searchResult {
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid #d7d7d7;
  background: #fff;
}
.searchCmp > .inner .searchResult.none {
  border-bottom: none;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.searchCmp > .inner .searchArchive {
  padding: 0 10px;
  background: #fff;
}
.searchCmp > .inner .searchArchive .inner {
  position: relative;
  padding: 5px 25px 0 0;
}
.searchCmp > .inner .searchArchive .inner .item {
  padding: 5px 0;
}
.searchCmp > .inner .searchArchive .inner .first {
  border-top: none;
}
.searchCmp > .inner .searchArchive .inner .moreItem {
  display: none;
}
.searchCmp > .inner .searchArchive .inner .openBtn {
  position: absolute;
  top: 10px;
  right: 5px;
  cursor: pointer;
}
.searchCmp > .inner .streamItem .content .contentHeader .userName {
  width: 100%;
}

/*
archiveCategory
----------------------------------------*/
.archiveCategoryCmp h1 {
  margin: 10px 0 10px;
  padding: 0 10px;
  font-size: 18px;
}
.archiveCategoryCmp .archiveList .category {
  padding: 0 0 10px;
}
.archiveCategoryCmp .archiveList .category > .title {
  padding: 10px;
  border-top: 1px solid #d7d7d7;
}
.archiveCategoryCmp .archiveList .category .monthList a {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 5px 0;
}
.archiveCategoryCmp .archiveList .year {
  margin: 0 0 10px;
  padding: 10px;
}
.archiveCategoryCmp .archiveList .year .title {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: bold;
}

/*
pagingArea
----------------------------------------*/
.pagingArea {
  padding: 10px 0;
  background: #fff;
}
.pagingArea .switchOrder {
  float: left;
  padding: 3px 0 0;
}
.pagingArea .displayNum {
  display: inline-block;
  float: right;
}
.pagingArea .displayNum select {
  height: 24px;
}
.pagingArea .totalNum {
  float: right;
  padding: 3px 0 0;
}
.pagingArea .totalNum span {
  display: inline-block;
  padding: 3px 7px;
  color: #595959;
}
.pagingArea .pageList {
  float: right;
  line-height: 1.4;
}
.pagingArea .pageList a {
  display: inline-block;
  padding: 3px 7px;
  color: #595959;
  border: 1px solid #e4e0db;
}
.pagingArea .pageList a:hover {
  color: #fff;
  text-decoration: none;
  border: 1px solid #4d93c4;
  background-color: #4d93c4;
}
.pagingArea .pageList span.current {
  display: inline-block;
  padding: 3px 7px;
  color: #fff;
  border: 1px solid #30474f;
  background-color: #4d93c4;
}

/*
accountSettingCmp
----------------------------------------*/
.accountSettingCmp > .inner {
  padding: 20px;
  background: #fff;
}

/*
snsSettingCmp
----------------------------------------*/
.snsSettingCmp > .inner {
  padding: 20px;
  background: #fff;
}
.snsSettingCmp > .inner .settingSnsConnection .connectStatus {
  margin: 0 0 20px 0;
}
.snsSettingCmp > .inner .settingSnsConnection .connectStatus .snsIcon {
  display: table-cell;
  padding: 0 10px 0 0;
  width: 40px;
}
.snsSettingCmp > .inner .settingSnsConnection .connectStatus .content {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
.snsSettingCmp > .inner .settingSnsConnection .connectionItem {
  margin: 0 10px 10px 0;
  width: 400px;
  float: left;
}
.snsSettingCmp > .inner .notConnect .connectionItem {
  width: 160px;
}
.snsSettingCmp > .inner ul.checkList {
  margin: 0 20px 20px 0;
  border-top: 1px solid #d7d7d7;
}
.snsSettingCmp > .inner ul.checkList li {
  padding: 10px 0 10px;
  border-bottom: 1px solid #d7d7d7;
}
.snsSettingCmp > .inner ul.checkList li input[type="checkbox"] {
  float: left;
  margin: 0 5px 0 0;
}
.snsSettingCmp > .inner ul.checkList li label {
  display: block;
  padding: 1px 0 0;
  vertical-align: baseline;
}

/*
imageSettingCmp
----------------------------------------*/
.imageSettingCmp > .inner {
  padding: 20px;
}
.imageSettingCmp > .inner .settingImage .imageStatus {
  margin: 0 0 20px 0;
}
.imageSettingCmp > .inner .settingImage .imageStatus .userIcon {
  display: table-cell;
  padding: 0 10px 0 0;
  width: 50px;
}
.imageSettingCmp > .inner .settingImage .imageStatus .content {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}

/* Rakuten Profile Image Setting pop up window */
#rprofImageSetting {
  display: none;
}

.imageSettingPanel {
  width: 850px;
  height: 720px;
}
.imageSettingPanel .contentArea {
  width: 850px;
  height: 660px;
}
.imageSettingPanel .btnArea {
  padding: 10px 0 0;
  text-align: center;
}

/*
userImageSettingCmp
----------------------------------------*/
.userImageSettingCmp > .inner {
  background: #fff;
  padding: 20px;
}
.userImageSettingCmp > .inner .itemList .item {
  margin: 0 0 20px;
}
.userImageSettingCmp > .inner .itemList .item .property {
  margin: 0 0 20px;
}
.userImageSettingCmp > .inner .itemList .item .property .title {
  font-size: 14px;
}
.userImageSettingCmp > .inner .itemList .item .property .content {
  padding: 10px 0 0 20px;
}
.userImageSettingCmp > .inner .itemList .item .property .content .bgRepeat {
  margin: 0 0 20px;
}
.userImageSettingCmp > .inner .itemList .item label {
  padding: 10px 20px 0 10px;
  font-size: 14px;
  vertical-align: middle;
}

/*
notificationSettingCmp
----------------------------------------*/
.notificationSettingCmp > .inner {
  padding: 20px;
  background: #fff;
}
.notificationSettingCmp > .inner ul.checkList {
  margin: 0 20px 20px 0;
  border-top: 1px solid #d7d7d7;
}
.notificationSettingCmp > .inner ul.checkList li {
  padding: 10px 0 10px;
  border-bottom: 1px solid #d7d7d7;
}
.notificationSettingCmp > .inner ul.checkList li input[type="checkbox"] {
  float: left;
  margin: 0 5px 0 0;
}
.notificationSettingCmp > .inner ul.checkList li label {
  display: block;
  padding: 1px 0 0;
  vertical-align: baseline;
}

/*
blockSettingCmp
----------------------------------------*/
.blockSettingCmp > .inner {
  padding: 20px;
  background: #fff;
}
.blockSettingCmp > .inner .searchResult {
  padding: 0 0 10px;
  font-size: 14px;
}
.blockSettingCmp > .inner .searchResult.none {
  border-bottom: none;
}

/*
profileCmp
----------------------------------------*/
.profileCmp > .inner .userBox {
  margin: 0 0 10px;
  padding: 20px 20px 0;
}
.profileCmp > .inner .userBox .userIcon {
  display: table-cell;
  width: 50px;
  padding: 0 10px 0 0;
  vertical-align: middle;
}
.profileCmp > .inner .userBox .content {
  display: table-cell;
  width: 80%;
  vertical-align: middle;
  line-height: 1.4;
}
.profileCmp > .inner .userBox .content .name {
  font-size: 16px;
  font-weight: bold;
}
.profileCmp > .inner .userBox .content .rank {
  font-size: 12px;
}
.profileCmp > .inner .userBox .action {
  display: table-cell;
  width: 20%;
  vertical-align: middle;
  text-align: right;
}
.profileCmp > .inner .userMsgArea {
  margin: 0 0 10px;
  padding: 0 20px;
}
.profileCmp > .inner .profileMenu {
  padding: 10px 0;
  background: #66757c;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.profileCmp > .inner .profileMenu ul.menu {
  float: left;
  width: 400px;
}
.profileCmp > .inner .profileMenu ul.menu li {
  float: left;
  text-align: center;
  border-right: 1px solid #d7d7d7;
}
.profileCmp > .inner .profileMenu ul.menu li a {
  display: inline-block;
  margin: 0 10px;
  padding: 10px 10px;
  color: #fff;
  font-weight: bold;
}
.profileCmp > .inner .profileMenu ul.menu li a:hover {
  background: #c5c5c5;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.profileCmp > .inner .profileMenu ul.menu li .current {
  display: block;
  margin: 0 10px;
  padding: 10px 10px;
  color: #fff;
  font-weight: bold;
  background: #c5c5c5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.profileCmp > .inner .profileMenu ul.snsLink {
  float: left;
  padding: 5px 0 0;
  width: 330px;
}
.profileCmp > .inner .profileMenu ul.snsLink li {
  float: left;
  margin: 0 10px 0 0;
  text-align: right;
}

/*
profileSubmitCmp
----------------------------------------*/
.profileSubmitCmp > .inner {
  padding: 20px;
  background: #fff;
  /* streamItemList */
}
.profileSubmitCmp > .inner .moreArea {
  padding: 10px 0;
}
.profileSubmitCmp > .inner .streamItemList {
  background: #fff;
}
.profileSubmitCmp > .inner .streamItemList .streamItem {
  margin: 0 0 10px;
  padding: 10px 0 0;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  background: #fff;
}
.profileSubmitCmp > .inner .streamItemList .streamItem .content .article {
  position: static;
  padding: 0 10px 0;
  border: none;
}
.profileSubmitCmp > .inner .streamItemList .streamItem .content .article:after {
  position: static;
  border: none;
}
.profileSubmitCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.voteStatus {
  border-bottom: none;
}

/*
profileActivityCmp
----------------------------------------*/
.profileActivityCmp > .inner {
  margin: 0 auto;
  padding: 20px;
  max-width: 1200px;
}
.profileActivityCmp > .inner .moreArea {
  padding: 10px 0;
}
.profileActivityCmp > .inner .itemList {
  border-top: 1px solid #d7d7d7;
}
.profileActivityCmp > .inner .itemList .item {
  padding: 5px 0;
  border-bottom: 1px solid #d7d7d7;
  background: #fff;
}
.profileActivityCmp > .inner .itemList .item .content {
  padding: 0 10px;
}
.profileActivityCmp > .inner .itemList .item .content .actionStatus {
  padding: 10px 0 5px;
  border-bottom: 1px dotted #d7d7d7;
}
.profileActivityCmp > .inner .itemList .item .content .actionStatus span.datetime {
  color: #999999;
}
.profileActivityCmp > .inner .itemList .item .content .article {
  padding: 10px 0;
}
.profileActivityCmp > .inner .itemList .item .content .article .img {
  padding: 0 10px 0 0;
  float: left;
}
.profileActivityCmp > .inner .itemList .item .content .article .title {
  padding: 0 0 5px 0;
  font-size: 14px;
  line-height: 1.3;
}
.profileActivityCmp > .inner .itemList .item .content .article .title a, .profileActivityCmp > .inner .itemList .item .content .article .title a:visited {
  color: #21558a;
  font-weight: bold;
  text-decoration: none;
}
.profileActivityCmp > .inner .itemList .item .content .article .title a:hover {
  text-decoration: underline;
}
.profileActivityCmp > .inner .itemList .item .content .article .description {
  line-height: 1.4;
}
.profileActivityCmp > .inner .itemList .item .content .user {
  padding: 10px 0;
}
.profileActivityCmp > .inner .itemList .item .content .user .userIcon {
  display: table-cell;
  padding: 0 5px 0 0;
  width: 30px;
  /*
          img {
              vertical-align: middle;
          }
  */
}
.profileActivityCmp > .inner .itemList .item .content .user .userIcon img {
  vertical-align: bottom;
}
.profileActivityCmp > .inner .itemList .item .content .user .userName {
  display: table-cell;
  padding: 0 10px 0 0;
  height: 30px;
  line-height: 1.5;
  vertical-align: middle;
}
.profileActivityCmp > .inner .itemList .item .content .award {
  padding: 10px 0;
}
.profileActivityCmp > .inner .itemList .item .content .award .awardIcon {
  float: left;
  padding: 0 10px 0 0;
  width: 30px;
}

/*
profileFollowListCmp
----------------------------------------*/
.profileFollowListCmp > .inner {
  margin: 0 auto;
  padding: 20px;
  max-width: 1200px;
}
.profileFollowListCmp > .inner .moreArea {
  padding: 10px 0;
}

/*
newsFeedCmp
----------------------------------------*/
.newsFeedMenuCmp > .inner {
  min-height: 700px;
}
.newsFeedMenuCmp > .inner .contentArea {
  padding: 20px 10px;
}
.newsFeedMenuCmp > .inner .contentArea .menu > .title {
  margin: 0 0 15px;
}
.newsFeedMenuCmp > .inner .contentArea .menu > .title > a {
  color: #595959;
}
.newsFeedMenuCmp > .inner .contentArea .menu > .title > a:hover {
  text-decoration: none;
}
.newsFeedMenuCmp > .inner .contentArea .menu > .title > a.off {
  padding: 0 0 0 15px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bullet_triangular_right.gif) no-repeat 0 3px;
}
.newsFeedMenuCmp > .inner .contentArea .menu > .title > a.on {
  padding: 0 0 0 15px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bullet_triangular_under.gif) no-repeat 0 4px;
}
.newsFeedMenuCmp > .inner .contentArea .action {
  position: relative;
  margin: 0 0 15px;
}
.newsFeedMenuCmp > .inner .contentArea .action #feedRegisterPanel {
  display: none;
  padding: 5px;
  font-size: 12px;
}
.newsFeedMenuCmp > .inner .contentArea .action .inputPanel .inner {
  padding: 5px;
}
.newsFeedMenuCmp > .inner .contentArea .action .inputPanel .inner input.feedUrl {
  margin: 0 5px 0 0;
  height: 11px;
  width: 155px;
}
.newsFeedMenuCmp > .inner .contentArea .subMenu {
  display: none;
  padding: 0 0 0 15px;
}
.newsFeedMenuCmp > .inner .contentArea .subMenu ul li {
  padding: 0 0 15px;
}
.newsFeedMenuCmp > .inner .contentArea .subMenu ul li a {
  text-decoration: none;
  cursor: pointer;
}
.newsFeedMenuCmp > .inner .contentArea .pulldownMenu {
  padding: 15px 0 0;
}
.newsFeedMenuCmp > .inner .contentArea .pulldownMenu.topics {
  display: none;
}
.newsFeedMenuCmp > .inner .contentArea .pulldownMenu.categry {
  display: none;
}
.newsFeedMenuCmp > .inner .contentArea .pulldownMenu.publisher {
  display: none;
}
.newsFeedMenuCmp > .inner .contentArea .pulldownMenu.subscriptions {
  display: none;
}
.newsFeedMenuCmp > .inner .contentArea .pulldownMenu.subscriptions a.delete {
  visibility: hidden;
  padding: 0 0 0 20px;
  color: #ccc;
  font-size: 12px;
  text-decoration: none;
  text-align: right;
}
.newsFeedMenuCmp > .inner .contentArea .pulldownMenu.subscriptions a.delete:hover {
  color: #f03d25;
}
.newsFeedMenuCmp > .inner .contentArea .pulldownMenu ul li {
  padding: 0 0 15px 15px;
}
.newsFeedMenuCmp > .inner .contentArea .pulldownMenu ul li a {
  text-decoration: none;
  cursor: pointer;
}

.newsFeedContentCmp > .inner {
  padding: 5px 0;
  min-height: 690px;
}
.newsFeedContentCmp > .inner .feedContent .noticeMsg {
  padding: 10px;
}
.newsFeedContentCmp > .inner .feedContent .loading {
  margin: 10px;
}
.newsFeedContentCmp > .inner .feedContent .feedTitle {
  padding: 10px;
}
.newsFeedContentCmp > .inner .feedContent .feedTitle a {
  font-size: 16px;
  font-weight: bold;
  color: dimgrey;
}
.newsFeedContentCmp > .inner .feedContent .regesterNotice {
  margin: 0 10px 10px;
  padding: 10px;
  font-size: 12px;
  color: dimgrey;
  background: #F0F8FF;
  border: 1px solid #B0C4DE;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.newsFeedContentCmp > .inner .feedContent .itemList .item {
  padding: 10px 15px 0;
  border-bottom: 1px solid #ccc;
  background: #F5F5F5;
}
.newsFeedContentCmp > .inner .feedContent .itemList .item .itemTitle {
  padding: 0 0 10px;
}
.newsFeedContentCmp > .inner .feedContent .itemList .item .itemTitle span.title {
  float: left;
  width: 380px;
  height: 15px;
  padding: 2px 0 0 0;
  cursor: pointer;
  font-weight: bold;
  overflow: hidden;
  line-height: 1.5;
}
.newsFeedContentCmp > .inner .feedContent .itemList .item .itemTitle span.datetime {
  float: right;
  margin: 0 10px 0 0;
  padding: 2px 0 0 0;
  color: #999999;
}
.newsFeedContentCmp > .inner .feedContent .itemList .item .itemTitle .action {
  float: right;
  margin: 0 5px 0 0;
}
.newsFeedContentCmp > .inner .feedContent .itemList .item .itemBody {
  display: none;
}
.newsFeedContentCmp > .inner .feedContent .itemList .item .itemBody.on {
  display: block;
}
.newsFeedContentCmp > .inner .feedContent .itemList .item .itemBody .title {
  margin: 0;
  padding: 10px;
  background: #fff;
  font-size: 16px;
}
.newsFeedContentCmp > .inner .feedContent .itemList .item .itemBody .description {
  margin: 0 0 5px;
  padding: 10px;
  background: #fff;
  overflow-x: scroll;
}

/*
rssMenuCmp
----------------------------------------*/
.rssMenuCmp > .inner {
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.rssMenuCmp > .inner > .title {
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
}
.rssMenuCmp > .inner .contentArea {
  padding: 10px;
}
.rssMenuCmp > .inner .contentArea .subscriptions a.delete {
  visibility: hidden;
  padding: 0 0 0 10px;
  color: #ccc;
  font-size: 12px;
  text-decoration: none;
  text-align: right;
}
.rssMenuCmp > .inner .contentArea .subscriptions a.delete:hover {
  color: #f03d25;
}
.rssMenuCmp > .inner .contentArea .subscriptions ul li {
  padding: 0 0 15px 0;
}
.rssMenuCmp > .inner .contentArea .subscriptions ul li a {
  text-decoration: none;
  cursor: pointer;
}
.rssMenuCmp > .inner .contentArea .action {
  position: relative;
  margin: 0 0 15px;
}
.rssMenuCmp > .inner .contentArea .action #addFeed {
  color: #595959;
  text-decoration: none;
}
.rssMenuCmp > .inner .contentArea .action #feedRegisterPanel {
  display: none;
}
.rssMenuCmp > .inner .contentArea .action .inputPanel .inner {
  padding: 10px 0 0;
  font-size: 12px;
  border-bottom: 1px solid #d7d7d7;
}
.rssMenuCmp > .inner .contentArea .action .inputPanel .inner input.feedUrl {
  margin: 0 5px 0 0;
  height: 11px;
  width: 135px;
}

.rssContentCmp > .inner {
  padding: 5px 0;
  min-height: 600px;
  background: #fff;
}
.rssContentCmp > .inner .feedContent .noticeMsg {
  padding: 10px;
}
.rssContentCmp > .inner .feedContent .loading {
  margin: 10px;
}
.rssContentCmp > .inner .feedContent .feedTitle {
  padding: 10px;
}
.rssContentCmp > .inner .feedContent .feedTitle a {
  font-size: 16px;
  font-weight: bold;
  color: dimgrey;
}
.rssContentCmp > .inner .feedContent .regesterNotice {
  margin: 0 10px 10px;
  padding: 10px;
  font-size: 12px;
  color: dimgrey;
  background: #F0F8FF;
  border: 1px solid #B0C4DE;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.rssContentCmp > .inner .feedContent .itemList .item {
  padding: 10px 15px 0;
  border-bottom: 1px solid #ccc;
  background: #F5F5F5;
}
.rssContentCmp > .inner .feedContent .itemList .item .itemTitle {
  padding: 0 0 10px;
}
.rssContentCmp > .inner .feedContent .itemList .item .itemTitle span.title {
  float: left;
  width: 380px;
  height: 15px;
  padding: 2px 0 0 0;
  cursor: pointer;
  font-weight: bold;
  overflow: hidden;
  line-height: 1.5;
}
.rssContentCmp > .inner .feedContent .itemList .item .itemTitle span.datetime {
  float: right;
  margin: 0 10px 0 0;
  padding: 2px 0 0 0;
  color: #999999;
}
.rssContentCmp > .inner .feedContent .itemList .item .itemTitle .action {
  float: right;
  margin: 0 5px 0 0;
}
.rssContentCmp > .inner .feedContent .itemList .item .itemBody {
  display: none;
}
.rssContentCmp > .inner .feedContent .itemList .item .itemBody.on {
  display: block;
}
.rssContentCmp > .inner .feedContent .itemList .item .itemBody .title {
  margin: 0;
  padding: 10px;
  background: #fff;
  font-size: 16px;
}
.rssContentCmp > .inner .feedContent .itemList .item .itemBody .description {
  margin: 0 0 5px;
  padding: 10px;
  background: #fff;
  overflow-x: scroll;
}

/*
favoriteCategoryMenuCmp
----------------------------------------*/
.favoriteCategoryMenuCmp > .inner {
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.favoriteCategoryMenuCmp > .inner > .title {
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
}
.favoriteCategoryMenuCmp > .inner .contentArea {
  padding: 10px;
}
.favoriteCategoryMenuCmp > .inner .contentArea .menu ul li {
  margin: 0 0 10px;
}
.favoriteCategoryMenuCmp > .inner .contentArea .menu ul li a {
  text-decoration: none;
}

/*
settingMenuCmp
----------------------------------------*/
.settingMenuCmp > .inner {
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.settingMenuCmp > .inner > .title {
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
}
.settingMenuCmp > .inner .contentArea {
  padding: 10px;
}
.settingMenuCmp > .inner .contentArea .menu ul li {
  margin: 0 0 10px;
}
.settingMenuCmp > .inner .contentArea .menu ul li a {
  text-decoration: none;
}

/*
pickupArticleM1Cmp
----------------------------------------*/
.pickupArticleM1Cmp > .inner .hotArticleList {
  width: 500px;
}
.pickupArticleM1Cmp > .inner .hotArticleList .itemList ul {
  margin: 0 0 20px 0;
}
.pickupArticleM1Cmp > .inner .hotArticleList .itemList ul li {
  margin: 0 0 10px;
}
.pickupArticleM1Cmp > .inner .hotArticleList .itemList ul li .item .img {
  float: left;
  width: 120px;
  height: 120px;
}
.pickupArticleM1Cmp > .inner .hotArticleList .itemList ul li .item .img img {
  vertical-align: middle;
}
.pickupArticleM1Cmp > .inner .hotArticleList .itemList ul li .item .title {
  float: left;
  width: 330px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  word-wrap: break-word;
}
.pickupArticleM1Cmp > .inner .hotArticleList .itemList ul li .item .title a {
  color: #595959;
}
.pickupArticleM1Cmp > .inner .textArticleList {
  padding: 0 0 0 30px;
  width: 350px;
}
.pickupArticleM1Cmp > .inner .textArticleList .title {
  margin: 0 0 10px;
  padding: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #363636;
}
.pickupArticleM1Cmp > .inner .textArticleList .itemList ul li {
  padding: 0 0 10px 0;
  font-size: 14px;
  list-style: disc inside;
}

/*
pickupArticleM2Cmp
----------------------------------------*/
/*
latastArticleListCmp
----------------------------------------*/
.latastArticleListCmp .inner .title {
  margin: 0 0 10px;
}
.latastArticleListCmp .inner .title h1 {
  margin: 0;
  font-size: 16px;
  color: #fff;
}
.latastArticleListCmp .inner .title h2 {
  font-size: 16px;
}

/* clear text box */
.clearForm {
  position: relative;
}
.clearForm a.clear {
  position: absolute;
  top: 3px;
  right: 5px;
  display: block;
  width: 20px;
  height: 20px;
  color: #ccc;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.0;
}
.clearForm a.clear:hover {
  color: #999;
  text-decoration: none;
}
.clearForm input.urlText {
  padding-right: 25px;
}

/*
for lib
----------------------------------------*/
/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: none;
}

ul.tagit li.tagit-choice input {
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
}

ul.tagit input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin: 0;
  padding: 0;
  width: inherit;
  background-color: inherit;
  outline: none;
}

/*
cpMode
----------------------------------------*/
#cpMode #headerContainer.fixed {
  display: block;
}

#cpMode #mainContainer {
  margin: 60px auto 0;
}

/*
activitySummaryCmp
----------------------------------------*/
.activitySummaryCmp > .inner {
  padding: 0 0 20px;
}
.activitySummaryCmp > .inner ul li {
  padding: 0 10px 10px;
  width: 120px;
  float: left;
  border-right: 1px solid #d7d7d7;
}
.activitySummaryCmp > .inner ul li strong {
  display: block;
  padding: 0;
  font-size: 24px;
  font-family: "Arial","Helvetica",sans-serif;
}
.activitySummaryCmp > .inner ul li span {
  display: block;
  padding: 0;
  color: #999999;
  font-size: 10px;
}
.activitySummaryCmp > .inner ul li.userRank {
  width: 300px;
}
.activitySummaryCmp > .inner ul li.userRank strong {
  padding: 0 0 5px;
  font-size: 20px;
  font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}

/*
simpleProfileCmp
----------------------------------------*/
.simpleProfileCmp > .inner {
  margin: 0 auto;
  max-width: 1200px;
}
.simpleProfileCmp > .inner .userBox {
  margin: 0;
  padding: 30px 20px 30px 0;
}
.simpleProfileCmp > .inner .userBox .userIcon {
  display: table-cell;
  width: 50px;
  padding: 0 10px 0 0;
  vertical-align: middle;
}
.simpleProfileCmp > .inner .userBox .content {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
.simpleProfileCmp > .inner .userBox .content .name {
  font-size: 16px;
  font-weight: bold;
}
.simpleProfileCmp > .inner .userBox .content .rank {
  font-size: 12px;
}

/*
customProfileCmp
----------------------------------------*/
.customProfileCmp > .inner {
  position: relative;
}
.customProfileCmp > .inner .profileBackground {
  background: #000;
}
.customProfileCmp > .inner .profileBackground .profilePattern {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.customProfileCmp > .inner .profileBackground .profileContent {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 700px;
  overflow: hidden;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox {
  display: none;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 20;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.35);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner {
  padding: 20px;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .name {
  margin: 0 0 10px;
  word-wrap: break-word;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .name h1 {
  margin: 0;
  padding: 0;
  line-height: 1.0;
  color: #fff;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .profileTitle {
  margin: 0 0 20px;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  word-wrap: break-word;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .biography {
  margin: 0 0 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  word-wrap: break-word;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .biography img {
  float: left;
  margin: 0 10px 0 0;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .location {
  margin: 0 0 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .location ul {
  padding-left: 32px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_prf_location.png) no-repeat;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .location ul li {
  float: left;
  padding: 0 15px 0 0;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .work {
  margin: 0 0 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .work ul {
  padding-left: 32px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_prf_work.png) no-repeat;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .work ul li {
  float: left;
  padding: 0 15px 0 0;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .education {
  margin: 0 0 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .education ul {
  padding-left: 32px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_prf_education.png) no-repeat;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .education ul li {
  float: left;
  padding: 0 15px 0 0;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .links {
  margin: 0 0 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .links a {
  color: #fff;
  text-decoration: none;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .links a:hover {
  color: #fff;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .links ul {
  padding-left: 32px;
  background: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/ic_prf_link.png) no-repeat;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .links ul li {
  float: left;
  padding: 0 15px 0 0;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .socialLinks {
  margin: 0 0 10px;
}
.customProfileCmp > .inner .profileBackground .profileContent .profileBox .inner .socialLinks ul li {
  float: left;
  margin: 0 8px 10px 0;
}

/*
customProfileEditCmp
----------------------------------------*/
.customProfileEditCmp .inner .profileImg img {
  cursor: move;
}
.customProfileEditCmp .inner .profileBox {
  cursor: move;
}
.customProfileEditCmp .inner .editMsg {
  background: #fff;
}

/*
cpMenuCmp
----------------------------------------*/
.cpMenuCmp .fixed {
  position: fixed;
  bottom: 0px;
  z-index: 999999;
}
.cpMenuCmp .fixedTop {
  position: fixed;
  top: 60px;
  z-index: 999999;
}
.cpMenuCmp .inner {
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #d7d7d7;
  background: #f2f1ef;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.cpMenuCmp .inner .profileMenu {
  margin: 0 auto;
  padding: 10px 0;
  width: 1200px;
}
.cpMenuCmp .inner .profileMenu ul.menu {
  float: left;
  margin: 0 10px 0 0;
}
.cpMenuCmp .inner .profileMenu ul.menu li {
  float: left;
  text-align: center;
  border-right: 1px solid #d7d7d7;
}
.cpMenuCmp .inner .profileMenu ul.menu li a {
  display: inline-block;
  margin: 0 10px;
  padding: 10px 10px;
  font-weight: bold;
  color: #595959;
}
.cpMenuCmp .inner .profileMenu ul.menu li a:hover {
  color: #fff;
  text-decoration: none;
  background: #c5c5c5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.cpMenuCmp .inner .profileMenu ul.menu li .current {
  display: block;
  margin: 0 10px;
  padding: 10px 10px;
  color: #fff;
  font-weight: bold;
  background: #c5c5c5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.cpMenuCmp .inner .profileMenu .action {
  float: left;
  margin: 0 20px 0 0;
  padding: 6px 0 0;
}
.cpMenuCmp .inner .profileMenu .edit {
  float: right;
  margin: 0 20px 0 0;
  line-height: 34px;
}
.cpMenuCmp .inner .profileMenu ul.snsLink {
  float: left;
  padding: 4px 0 0;
}
.cpMenuCmp .inner .profileMenu ul.snsLink li {
  float: left;
  margin: 0 10px 0 0;
  text-align: right;
}

/*
customProfileMenuCmp
----------------------------------------*/
.customProfileMenuCmp .inner {
  margin: 0 0 20px;
  border-bottom: 1px solid #d7d7d7;
  background: #f2f1ef;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.customProfileMenuCmp .inner .profileMenu {
  margin: 0 auto;
  padding: 10px 0;
  width: 1200px;
}
.customProfileMenuCmp .inner .profileMenu ul.menu {
  float: left;
  margin: 0 10px 0 0;
}
.customProfileMenuCmp .inner .profileMenu ul.menu li {
  float: left;
  text-align: center;
  border-right: 1px solid #d7d7d7;
}
.customProfileMenuCmp .inner .profileMenu ul.menu li a {
  display: inline-block;
  margin: 0 10px;
  padding: 10px 10px;
  font-weight: bold;
  color: #595959;
}
.customProfileMenuCmp .inner .profileMenu ul.menu li a:hover {
  color: #fff;
  text-decoration: none;
  background: #c5c5c5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.customProfileMenuCmp .inner .profileMenu ul.menu li .current {
  display: block;
  margin: 0 10px;
  padding: 10px 10px;
  color: #fff;
  font-weight: bold;
  background: #c5c5c5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.customProfileMenuCmp .inner .profileMenu .action {
  float: left;
  margin: 0 20px 0 0;
  padding: 6px 0 0;
}
.customProfileMenuCmp .inner .profileMenu ul.snsLink {
  float: left;
  padding: 4px 0 0;
}
.customProfileMenuCmp .inner .profileMenu ul.snsLink li {
  float: left;
  margin: 0 10px 0 0;
  text-align: right;
}

/*
themeListCmp
----------------------------------------*/
.themeListCmp .inner {
  margin: 0 auto;
  padding: 20px 0 0;
  max-width: 1200px;
}
.themeListCmp .inner .itemList .item {
  position: relative;
  float: left;
  margin: 0 20px 20px 0;
  padding: 20px;
  width: 238px;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.themeListCmp .inner .itemList .item .theme .title {
  margin: 0 0 10px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
}
.themeListCmp .inner .itemList .item .theme .title a {
  color: #595959;
}
.themeListCmp .inner .itemList .item .theme .themeImg {
  position: relative;
  width: 238px;
  height: 239px;
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  vertical-align: middle;
}
.themeListCmp .inner .itemList .item .theme .themeImg .latestArticle {
  position: absolute;
  padding: 10px;
  width: 218px;
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  z-index: 5;
  bottom: 0;
  left: 0;
}
.themeListCmp .inner .itemList .item .theme .themeImg .number {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  background: #FF8C00;
  opacity: 0.8;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  line-height: 3.0;
}
.themeListCmp .inner .itemList .createThemeItem {
  padding: 0;
  width: 276px;
  border: 2px dotted #d7d7d7;
}
.themeListCmp .inner .itemList .createThemeItem img {
  margin: 0 0 10px;
}
.themeListCmp .inner .itemList .createThemeItem a {
  display: block;
  padding: 100px 0 0;
  height: 201px;
  color: #595959;
  text-align: center;
  text-decoration: none;
}
.themeListCmp .inner .itemList .createThemeItem a:hover {
  background: #ccc;
}

/*
themeHeaderCmp
----------------------------------------*/
.themeHeaderCmp {
  background: #f9f9f9;
}
.themeHeaderCmp .inner {
  margin: 0 auto;
  width: 1000px;
}
.themeHeaderCmp .inner .themeContent {
  padding: 20px 0;
}
.themeHeaderCmp .inner .themeContent .themeImage {
  float: left;
  padding: 0 10px 0 0;
  width: 100px;
}
.themeHeaderCmp .inner .themeContent .themeInfo {
  float: left;
  width: 890px;
  word-wrap: break-word;
}
.themeHeaderCmp .inner .themeContent .themeInfo .title h1 {
  padding: 0;
  font-size: 32px;
  font-weight: normal;
}

.themeCustomHeaderCmp .inner .themeContent {
  padding: 0;
}
.themeCustomHeaderCmp .inner .themeContent .themeImage {
  float: none;
  width: auto;
  text-align: center;
}
.themeCustomHeaderCmp .inner .themeContent .themeImage img {
  vertical-align: text-bottom;
}

/*
themeContent
----------------------------------------*/
#themeContent {
  background: #fff;
}
#themeContent > .inner {
  margin: 0 auto;
  padding: 20px 10px;
  width: 1000px;
}

/*
themeMain
----------------------------------------*/
#themeMain {
  float: left;
}
#themeMain > .inner {
  padding: 10px 0 0 10px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
}

/*
themeSide
----------------------------------------*/
#themeSide {
  float: left;
  margin: 0 0 0 10px;
  width: 302px;
}
#themeSide > .inner h2 {
  margin: 0 0 10px;
  font-size: 14px;
}
#themeSide > .inner a {
  color: #595959;
}
#themeSide > .inner ul.snsLink {
  margin: 0 0 10px;
}
#themeSide > .inner ul.snsLink li {
  float: left;
  margin: 0 10px 0 0;
}
#themeSide > .inner ul.snsLink li img {
  cursor: pointer;
}
#themeSide > .inner .textArticleListS1Cmp {
  margin: 0 0 20px;
  padding: 10px;
  font-size: 12px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
}
#themeSide > .inner .imageArticleListS1Cmp {
  margin: 0 0 20px;
  padding: 10px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
}
#themeSide > .inner .imageArticleListS1Cmp ul {
  margin: 0 0 10px;
}
#themeSide > .inner .imageArticleListS1Cmp ul li {
  margin: 0;
  padding: 10px 0;
  font-size: 13px;
  border-bottom: 1px dotted #d7d7d7;
}
#themeSide > .inner .imageArticleListS1Cmp ul li img {
  float: left;
  padding: 0 10px 0 10px;
  text-align: center;
}
#themeSide > .inner .moreLink {
  text-align: right;
}

/*
themeMenuCmp, customProfileEditMenu
----------------------------------------*/
.themeMenuCmp .inner, .customProfileEditMenuCmp .inner {
  background: #f3f3f3;
}
.themeMenuCmp .inner .menu, .customProfileEditMenuCmp .inner .menu {
  margin: 0 auto;
  width: 1200px;
}
.themeMenuCmp .inner .menu .item, .customProfileEditMenuCmp .inner .menu .item {
  float: left;
  padding: 5px 10px 5px 0;
}
.themeMenuCmp .inner .menu .item a.curator, .customProfileEditMenuCmp .inner .menu .item a.curator {
  color: #21558a;
  font-weight: bold;
}
.themeMenuCmp .inner .menu .item span.current, .customProfileEditMenuCmp .inner .menu .item span.current {
  font-weight: bold;
}
.themeMenuCmp .inner .menu .item.status, .customProfileEditMenuCmp .inner .menu .item.status {
  float: right;
}

.customProfileEditMenuCmp .inner .noticeArea {
  background: #fff;
}
.customProfileEditMenuCmp .inner .noticeArea .editMsg {
  margin: 0 auto;
  width: 1200px;
  border: none;
}

/*
themeArticleListCmp
----------------------------------------*/
.themeArticleListCmp > .inner {
  padding: 0 0 10px 0;
  background: none;
}
.themeArticleListCmp > .inner .moreArea {
  padding: 10px 10px 0 0;
  background: transparent;
}
.themeArticleListCmp > .inner .moreArea .loading {
  background: #fff;
}
.themeArticleListCmp > .inner .noticeMsg {
  margin: 0 10px 0 0;
  padding: 10px;
  width: 638px;
  background: #fff;
}
.themeArticleListCmp > .inner .streamItemList {
  width: 668px;
}
.themeArticleListCmp > .inner .streamItemList .streamItem {
  margin: 0 10px 10px 0;
  padding: 10px 0 0;
  width: 322px;
  background: #fff;
}
.themeArticleListCmp > .inner .streamItemList .streamItem .content .article {
  position: static;
  padding: 0 10px 0;
  border: none;
}
.themeArticleListCmp > .inner .streamItemList .streamItem .content .article:after {
  position: static;
  border: none;
}
.themeArticleListCmp > .inner .streamItemList .streamItem .content .article .title {
  line-height: 1.4;
  word-wrap: break-word;
}
.themeArticleListCmp > .inner .streamItemList .streamItem .content .article .img {
  margin: 0 0 10px;
  padding: 10px 0;
  float: none;
  width: 300px;
  background: #eee;
  text-align: center;
}
.themeArticleListCmp > .inner .streamItemList .streamItem .content .actionArea > ul > li.voteStatus {
  border-bottom: none;
}

/*
themeAuthorCmp
----------------------------------------*/
.themeAuthorCmp .inner {
  margin: 0 0 10px;
  padding: 10px;
  font-size: 12px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
}
.themeAuthorCmp .inner .contentArea .userBox .userIcon {
  display: table-cell;
  width: 50px;
  padding: 0 10px 0 0;
  vertical-align: middle;
}
.themeAuthorCmp .inner .contentArea .userBox .content {
  display: table-cell;
  vertical-align: top;
  line-height: 1.4;
}
.themeAuthorCmp .inner .contentArea .userBox .content .name {
  font-weight: bold;
}
.themeAuthorCmp .inner .contentArea .userBox .content .rank {
  font-size: 10px;
}

/*
themeArticleManagerCmp
----------------------------------------*/
.themeArticleManagerCmp > .inner {
  margin: 0 auto;
  padding: 10px 0 0;
  width: 1000px;
}
.themeArticleManagerCmp > .inner > .title {
  margin: 0 0 10px;
  padding: 10px;
  color: #fff;
  background: #363636;
}
.themeArticleManagerCmp > .inner .searchArea {
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  background: none;
}
.themeArticleManagerCmp > .inner .searchArea .filter .categoryFilter .title {
  display: table-cell;
}
.themeArticleManagerCmp > .inner .searchArea .filter .categoryFilter .list {
  display: table-cell;
}
.themeArticleManagerCmp > .inner .actionList {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.themeArticleManagerCmp > .inner .actionList .action {
  position: relative;
  float: left;
  padding: 0 10px 0 0;
  font-size: 14px;
}
.themeArticleManagerCmp > .inner .actionList .action > a {
  display: block;
  width: 30px;
  padding: 10px;
}
.themeArticleManagerCmp > .inner .actionList .action > a:hover, .themeArticleManagerCmp > .inner .actionList .action a.on {
  color: #fff;
  background: #c5c5c5;
  text-decoration: none;
}
.themeArticleManagerCmp > .inner .actionList .action.select {
  padding: 10px 20px 0 0;
}
.themeArticleManagerCmp > .inner .itemList .item {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.themeArticleManagerCmp > .inner .itemList .item .check {
  float: left;
  padding: 0 10px 0 0;
}
.themeArticleManagerCmp > .inner .itemList .item .article {
  float: left;
  margin: 0 20px 0 0;
  width: 650px;
  height: 22px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
}
.themeArticleManagerCmp > .inner .itemList .item .category {
  float: left;
  width: 150px;
  height: 22px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
}
.themeArticleManagerCmp > .inner .itemList .item .datetime {
  float: right;
  margin: 0 10px 0 0;
  padding: 2px 0 0 0;
  width: 120px;
  color: #999999;
  font-size: 14px;
  text-align: right;
}

#movePanel {
  position: absolute;
  z-index: 1011;
  top: 35px;
  left: 0px;
}
#movePanel.off {
  display: none;
}
#movePanel.on {
  display: block;
}
#movePanel .inner {
  width: 300px;
  background: #fff;
  border: 1px solid #d7d7d7;
}
#movePanel .inner ul li.create {
  border-top: 1px solid #d7d7d7;
  background: #F8F8FF;
}
#movePanel .inner ul li.create a span {
  margin: 0 10px 0 0;
  font-size: 16px;
}
#movePanel .inner ul li a {
  display: block;
  padding: 10px;
  height: 20px;
  color: #595959;
}
#movePanel .inner ul li a.last {
  margin: 0;
}
#movePanel .inner ul li a:hover {
  color: #fff;
  text-decoration: none;
  background: #ccc;
}

.opacitySlider {
  margin: 0 0 20px;
}
.opacitySlider .slider {
  float: left;
  padding: 5px 10px 0 10px;
  width: 300px;
}
.opacitySlider .label {
  padding: 0 0 0 20px;
}

.fontSlider {
  margin: 0 0 20px;
}
.fontSlider .slider {
  float: left;
  padding: 10px 10px 0 10px;
  width: 200px;
}
.fontSlider .label {
  float: left;
  width: 30px;
  padding: 5px 0 0 10px;
}

/*
themeInfoEditCmp
----------------------------------------*/
.themeInfoEditCmp > .inner {
  margin: 0 auto;
  padding: 10px 0 0;
  width: 1000px;
  /* Customized jquery ui */
}
.themeInfoEditCmp > .inner > .title {
  margin: 0 0 10px;
  padding: 10px;
  color: #fff;
  background: #363636;
}
.themeInfoEditCmp > .inner .formArea .editArea {
  padding: 20px 0;
}
.themeInfoEditCmp > .inner .descriptionText {
  width: 450px;
  height: 50px;
}
.themeInfoEditCmp > .inner .textCount {
  color: #999999;
  font-size: 12px;
}
.themeInfoEditCmp > .inner .textCount .num {
  font-weight: bold;
}
.themeInfoEditCmp > .inner .optionLink {
  margin: 0 0 10px;
}
.themeInfoEditCmp > .inner .optionItem {
  display: none;
}
.themeInfoEditCmp > .inner ul.ui-widget-content {
  border: 1px solid #e0e0e0;
}
.themeInfoEditCmp > .inner ul.ui-corner-all {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.themeInfoEditCmp > .inner #inputThemeKeyword {
  width: 450px;
}

/*
themeDesignEditCmp
----------------------------------------*/
.themeDesignEditCmp > .inner {
  margin: 0 auto;
  padding: 10px 0 0;
  width: 1000px;
}
.themeDesignEditCmp > .inner > .title {
  margin: 0 0 10px;
  padding: 10px;
  color: #fff;
  background: #363636;
}
.themeDesignEditCmp > .inner .formArea .editArea {
  padding: 20px;
  border-top: 1px solid #d7d7d7;
}
.themeDesignEditCmp > .inner .formArea .editArea .headerEdit {
  padding: 0 0 20px;
}
.themeDesignEditCmp > .inner .formArea .editArea .iconEdit .imageSelectArea {
  padding: 0 0 20px 20px;
}
.themeDesignEditCmp > .inner .formArea .editArea .itemList .item {
  margin: 0 0 20px;
}
.themeDesignEditCmp > .inner .formArea .editArea .itemList .item > .title {
  margin: 0 0 20px;
  padding: 5px;
  font-size: 16px;
  border-bottom: 2px solid #d7d7d7;
}
.themeDesignEditCmp > .inner .formArea .editArea .itemList .item .property {
  margin: 0 0 20px;
}
.themeDesignEditCmp > .inner .formArea .editArea .itemList .item .property .title {
  font-size: 14px;
}
.themeDesignEditCmp > .inner .formArea .editArea .itemList .item .property .content {
  padding: 10px 0 0 20px;
}
.themeDesignEditCmp > .inner .formArea .editArea .itemList .item .property .content .bgRepeat {
  margin: 0 0 20px;
}
.themeDesignEditCmp > .inner .formArea .editArea .itemList .item label {
  padding: 10px 20px 0 10px;
  font-size: 14px;
  vertical-align: middle;
}
.themeDesignEditCmp > .inner .formArea .editArea .itemList .item .headerLayoutProperty .layoutType {
  padding: 0 0 20px;
}
.themeDesignEditCmp > .inner .formArea .editArea .itemList .item .headerLayoutProperty .layoutType img {
  padding: 10px 0 0 20px;
}

.imageSelectArea {
  margin: 0 0 20px;
}
.imageSelectArea .selectedImage {
  position: relative;
  float: left;
  margin: 0 50px 0 0;
  padding: 20px 20px 0px;
  height: 117px;
  border: 1px solid #d7d7d7;
}
.imageSelectArea .selectedImage .img {
  border: 2px solid #d7d7d7;
}
.imageSelectArea .selectedImage .img img {
  vertical-align: text-bottom;
}
.imageSelectArea .selectedImage .select {
  padding: 5px 0;
  height: 15px;
  text-align: center;
  font-weight: bold;
}
.imageSelectArea .selectedImage .delete {
  position: absolute;
  top: 5px;
  right: 5px;
}
.imageSelectArea .imageSelector {
  float: left;
  border: 1px solid #d7d7d7;
}
.imageSelectArea .imageSelector .moveBtn {
  float: left;
  padding: 10px;
  height: 90px;
}
.imageSelectArea .imageSelector .moveBtn a {
  display: block;
  padding: 50px 10px 0;
  height: 65px;
  border: 2px solid #fff;
}
.imageSelectArea .imageSelector .moveBtn a:hover {
  background: #eee;
}
.imageSelectArea .imageSelector .imageList {
  float: left;
  padding: 10px;
  width: 510px;
  height: 117px;
  overflow: hidden;
}
.imageSelectArea .imageSelector .imageList .slideArea {
  width: 1020px;
}
.imageSelectArea .imageSelector .imageList .slideArea .imageItem {
  float: left;
  margin: 0 10px 0 0;
  width: 92px;
}
.imageSelectArea .imageSelector .imageList .slideArea .imageItem .img {
  border: 2px solid #d7d7d7;
}
.imageSelectArea .imageSelector .imageList .slideArea .imageItem .img img {
  vertical-align: text-bottom;
}
.imageSelectArea .imageSelector .imageList .slideArea .imageItem .select {
  padding: 5px 0;
  height: 15px;
  text-align: center;
}
.imageSelectArea .imageUploader {
  float: left;
  text-align: center;
}
.imageSelectArea .imageUploader .text {
  margin: 0 0 20px;
  font-size: 12px;
}
.imageSelectArea .imageUploader .text p.or {
  color: #999999;
  font-size: 12px;
}
.imageSelectArea .imageUploader .dropArea {
  padding: 10px;
  width: 200px;
  height: 115px;
  line-height: 1.7;
  border: 2px dotted #d7d7d7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.imageSelectArea .imageUploader .dropArea.on {
  background: #ccc;
}
.imageSelectArea .imageUploader .dropArea .upload {
  margin: 0 0 10px;
}
.imageSelectArea .imageUploader .dropArea .hint {
  color: #999999;
  font-size: 12px;
}
.imageSelectArea .imageUploader .dropArea .loading {
  line-height: 135px;
  text-align: center;
  border: none;
}
.imageSelectArea .imageUploader .dropArea .cpImageUploader {
  margin: 40px 0 0 0;
  width: 150px;
}
.imageSelectArea .action {
  padding: 50px 0 0 0;
}
.imageSelectArea .action a {
  color: #21558a;
}
.imageSelectArea .action p {
  margin: 0 0 10px;
}

/*
themeDesignPreviewCmp
----------------------------------------*/
.themeDesignPreviewCmp {
  background: rgba(0, 0, 0, 0.36078) url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/bg_preview.png) repeat;
}
.themeDesignPreviewCmp > .inner {
  position: relative;
}
.themeDesignPreviewCmp > .inner .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}
.themeDesignPreviewCmp > .inner > .title {
  padding: 10px;
  color: #fff;
  font-weight: bold;
  background: #4d93c4;
  text-align: center;
}
.themeDesignPreviewCmp > .inner .contentArea {
  margin: 0 auto;
  padding: 10px 0 0;
  width: 1000px;
}
.themeDesignPreviewCmp > .inner .contentArea iframe {
  border: none;
}

/*
createThemePanel
----------------------------------------*/
.createThemePanel .inner {
  padding: 10px;
  width: 600px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.createThemePanel .title {
  padding: 5px;
  color: #595959;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
}
.createThemePanel .btnArea {
  padding: 10px 0 10px 0;
  text-align: center;
  background: #eee;
  background: #fff;
}

a.btnUpload {
  padding: 10px;
  background-color: #85ba61;
  font-weight: bold;
}
a.btnUpload:hover {
  background-color: #8cca4f;
}

.editMsg {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  line-height: 1.4;
  padding: 10px;
  color: #ff8080;
  border: 1px solid #ff8080;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.editMsg a.publish {
  padding: 5px;
  color: white;
  background-color: #85ba61;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.editMsg a.publish:hover {
  background-color: #8cca4f;
}
.editMsg a.preView {
  padding: 5px;
  color: white;
  background-color: #4d93c4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.editMsg a.preView:hover {
  background-color: #72a8cd;
}
.editMsg a.cancel {
  font-weight: normal;
}

/*
cpEditPanelCmp
----------------------------------------*/
.cpEditPanelCmp {
  display: none;
}
.cpEditPanelCmp .inner {
  padding: 0 10px 0 0;
  min-height: 350px;
  height: 540px;
  overflow-y: scroll;
}
.cpEditPanelCmp .inner .itemList .item {
  margin: 0 0 20px;
}
.cpEditPanelCmp .inner .itemList .item > .title {
  margin: 0 0 20px;
  padding: 5px;
  font-size: 16px;
  border-bottom: 2px solid #d7d7d7;
}
.cpEditPanelCmp .inner .itemList .item .property {
  margin: 0 0 20px;
}
.cpEditPanelCmp .inner .itemList .item .property .title {
  margin: 0 0 10px;
  font-size: 14px;
  border-bottom: 1px dotted #d7d7d7;
}
.cpEditPanelCmp .inner .itemList .item .property .content {
  padding: 10px 0 0 0;
}
.cpEditPanelCmp .inner .itemList .item .property .content .bgRepeat {
  margin: 0 0 20px;
}
.cpEditPanelCmp .inner .itemList .item label {
  padding: 10px 20px 0 10px;
  font-size: 14px;
  vertical-align: middle;
}
.cpEditPanelCmp .inner .biographyText {
  width: 450px;
  height: 100px;
}
.cpEditPanelCmp .inner .textCount {
  color: #999999;
  font-size: 12px;
}
.cpEditPanelCmp .inner .textCount .num {
  font-weight: bold;
}
.cpEditPanelCmp .inner ul.ui-widget-content {
  border: 1px solid #e0e0e0;
}
.cpEditPanelCmp .inner .linkEdit .AddLink {
  margin: 0 0 10px;
}
.cpEditPanelCmp .inner .linkEdit .AddLink .label {
  margin: 0 0 5px;
}
.cpEditPanelCmp .inner .linkEdit .AddLink .linkName {
  margin: 0 0 10px;
}
.cpEditPanelCmp .inner .linkEdit .AddLink .linkName input {
  width: 520px;
}
.cpEditPanelCmp .inner .linkEdit .AddLink .linkUrl {
  margin: 0 0 10px;
}
.cpEditPanelCmp .inner .linkEdit .AddLink .linkUrl input {
  width: 520px;
}
.cpEditPanelCmp .inner .linkEdit .linkList {
  padding: 10px 0 0;
  border-top: 1px dotted #e0e0e0;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem {
  margin: 0 0 10px;
  padding: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #F5F6F8;
  border: 1px solid #EEF2F5;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem .hint {
  float: left;
  padding: 5px 0 0;
  color: #999999;
  font-size: 11px;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem .icon {
  float: left;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem .icon img {
  vertical-align: text-bottom;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem .name {
  float: left;
  padding: 0 0 0 10px;
  width: 120px;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem .name span {
  font-size: 16px;
  line-height: 32px;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem .account {
  float: left;
  width: 240px;
  font-size: 16px;
  line-height: 32px;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem .account input {
  width: 200px;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem .link {
  float: left;
  line-height: 32px;
  width: 400px;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem .linkName input {
  width: 500px;
}
.cpEditPanelCmp .inner .linkEdit .linkList .linkItem .linkUrl input {
  width: 500px;
}
.cpEditPanelCmp .inner .linkEdit .action {
  float: right;
  padding: 3px 0 0;
}
.cpEditPanelCmp .inner .linkEdit .action .button {
  display: inline-block;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 -40px 40px -40px rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.cpEditPanelCmp .inner .linkEdit .action .button a {
  display: block;
  padding: 5px;
  outline: none;
}
.cpEditPanelCmp .inner .linkEdit .action .button img {
  vertical-align: text-bottom;
}
.cpEditPanelCmp .inner .linkEdit .action .save {
  background-color: #85ba61;
}
.cpEditPanelCmp .inner .linkEdit .action .save a {
  padding: 5px 10px;
  color: #fff;
}
.cpEditPanelCmp .inner .linkEdit .action .cancel a {
  padding: 5px 10px;
}

.fontSelect {
  float: left;
}
.fontSelect .fontMenu {
  position: relative;
  width: 282px;
}
.fontSelect .fontMenu .selectedFont {
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.fontSelect .fontMenu .selectedFont div {
  height: 30px;
  width: 280px;
  background-image: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/fonts_list.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
.fontSelect .fontMenu span {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.fontSelect .fontList {
  position: relative;
}
.fontSelect .fontList ul {
  position: absolute;
  display: none;
  z-index: 300;
  top: -3px;
  padding: 5px 0;
  -moz-border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  max-height: 256px;
  width: 280px;
  line-height: 1.3;
  overflow: auto;
  overflow-x: hidden !important;
  background-color: #fafafa;
  border: 1px solid #ddd;
}
.fontSelect .fontList ul.on {
  display: block;
}
.fontSelect .fontList ul li > span {
  display: block;
  padding: 0;
  height: 32px;
  cursor: pointer;
  line-height: 2.5;
  text-indent: -9999px;
  background-image: url(//media.image.infoseek.co.jp/socialnews/img/v2.1/p/fonts_list.png);
  background-repeat: no-repeat;
}
.fontSelect .fontList ul li.selected {
  background-color: #d5e6ef;
}
.fontSelect .fontList ul li.checked {
  background-color: #4682B4;
}
.fontSelect .IPAEXGothic {
  background-position: 0 0px;
}
.fontSelect .IPAEXMincho {
  background-position: 0 -50px;
}
.fontSelect .mPlusBold {
  background-position: 0 -100px;
}
.fontSelect .mPlusMedium {
  background-position: 0 -150px;
}
.fontSelect .mPlusRegular {
  background-position: 0 -200px;
}
.fontSelect .mPlusLight {
  background-position: 0 -250px;
}
.fontSelect .mPlusThin {
  background-position: 0 -300px;
}
.fontSelect .Anzu {
  background-position: 0 -350px;
}
.fontSelect .ABeeZee {
  background-position: 0 -400px;
}
.fontSelect .Alef {
  background-position: 0 -450px;
}
.fontSelect .ArchitectsDaughter {
  background-position: 0 -500px;
}
.fontSelect .Artifika {
  background-position: 0 -550px;
}
.fontSelect .Audiowide {
  background-position: 0 -600px;
}
.fontSelect .AveriaGruesaLibre {
  background-position: 0 -650px;
}
.fontSelect .AveriaSansLibre {
  background-position: 0 -700px;
}
.fontSelect .AveriaSerifLibre {
  background-position: 0 -750px;
}
.fontSelect .Balthazar {
  background-position: 0 -800px;
}
.fontSelect .Courgette {
  background-position: 0 -850px;
}
.fontSelect .DuruSans {
  background-position: 0 -900px;
}
.fontSelect .Eater {
  background-position: 0 -950px;
}
.fontSelect .Fenix {
  background-position: 0 -1000px;
}
.fontSelect .Frijole {
  background-position: 0 -1050px;
}
.fontSelect .Geo {
  background-position: 0 -1100px;
}
.fontSelect .Gudea {
  background-position: 0 -1150px;
}
.fontSelect .HammersmithOne {
  background-position: 0 -1200px;
}
.fontSelect .HappyMonkey {
  background-position: 0 -1250px;
}
.fontSelect .Iceland {
  background-position: 0 -1300px;
}
.fontSelect .Imprima {
  background-position: 0 -1350px;
}
.fontSelect .Lemon {
  background-position: 0 -1400px;
}
.fontSelect .LilyScriptOne {
  background-position: 0 -1450px;
}
.fontSelect .LobsterTwo {
  background-position: 0 -1500px;
}
.fontSelect .Marmelad {
  background-position: 0 -1550px;
}
.fontSelect .MedulaOne {
  background-position: 0 -1600px;
}
.fontSelect .MontserratAlternates {
  background-position: 0 -1650px;
}
.fontSelect .NewRocker {
  background-position: 0 -1700px;
}
.fontSelect .Offside {
  background-position: 0 -1750px;
}
.fontSelect .Oldenburg {
  background-position: 0 -1800px;
}
.fontSelect .PatuaOne {
  background-position: 0 -1850px;
}
.fontSelect .Playball {
  background-position: 0 -1900px;
}
.fontSelect .PollerOne {
  background-position: 0 -1950px;
}
.fontSelect .PressStart2P {
  background-position: 0 -2000px;
}
.fontSelect .PrincessSofia {
  background-position: 0 -2050px;
}
.fontSelect .PTMono {
  background-position: 0 -2100px;
}
.fontSelect .Raleway {
  background-position: 0 -2150px;
}
.fontSelect .RockSalt {
  background-position: 0 -2200px;
}
.fontSelect .Sniglet {
  background-position: 0 -2250px;
}
.fontSelect .SueEllenFrancisco {
  background-position: 0 -2300px;
}
.fontSelect .TheGirlNextDoor {
  background-position: 0 -2350px;
}
.fontSelect .TitanOne {
  background-position: 0 -2400px;
}
.fontSelect .UbuntuMono {
  background-position: 0 -2450px;
}
.fontSelect .VastShadow {
  background-position: 0 -2500px;
}
.fontSelect .Yellowtail {
  background-position: 0 -2550px;
}

.cropImageArea {
  width: 950Px;
}
.cropImageArea .selectedImage {
  width: 940px;
  height: 550px;
  overflow: scroll;
}

#cpImageCropPanel .inner {
  height: 630px;
  overflow: hidden;
}

/*
cpUploadImagePopupCmp
----------------------------------------*/
.cpUploadImagePopupCmp > .inner {
  padding: 20px;
}

/*
imageCropCmp
----------------------------------------*/
.imageCropCmp > .inner {
  margin: 0 auto;
  padding: 20px;
  width: 320px;
  /* for chrome */
  /* for firefox */
  /* for ie */
}
.imageCropCmp > .inner .previewArea {
  padding: 20px 0;
}
.imageCropCmp > .inner .cropit-image-preview-container {
  margin: 0 auto;
  width: 220px;
}
.imageCropCmp > .inner .cropit-image-preview {
  background-color: #f8f8f8;
  background-size: cover;
  border: 3px solid #ccc;
  border-radius: 2px;
  margin-top: 7px;
  width: 200px;
  height: 200px;
  cursor: move;
}
.imageCropCmp > .inner .cropit-image-background {
  opacity: .2;
  cursor: auto;
}
.imageCropCmp > .inner .slide {
  margin: 40px 0 0;
  text-align: center;
}
.imageCropCmp > .inner input {
  position: relative;
  z-index: 10;
}
.imageCropCmp > .inner input[type="range"] {
  -webkit-appearance: none;
  width: 300px;
  outline: 0;
}
.imageCropCmp > .inner input[type="range"]::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background-color: #bdc3c7;
  border: none;
  border-radius: 5px;
  outline: 0;
}
.imageCropCmp > .inner input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #777;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
  transition: .3s ease-in-out;
  margin-top: -12px;
}
.imageCropCmp > .inner ​
input[type="range"]::-webkit-slider-thumb:hover {
  background-color: #fff;
  border: 2px solid #e74c3c;
}
.imageCropCmp > .inner input[type="range"]::-webkit-slider-thumb:active {
  transform: scale(1.6);
}
.imageCropCmp > .inner input[type=range]::-moz-range-track {
  width: 300px;
  height: 5px;
  background-color: #bdc3c7;
  border: none;
  border-radius: 5px;
  outline: 0;
}
.imageCropCmp > .inner input[type="range"]::-moz-range-thumb {
  background: #777;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
}
.imageCropCmp > .inner ​
input[type="range"]::-moz-range-thumb:hover {
  background-color: #fff;
  border: 2px solid #e74c3c;
}
.imageCropCmp > .inner input[type="range"]::-moz-range-thumb:active {
  transform: scale(1.6);
}
.imageCropCmp > .inner input[type=range]::-ms-track {
  width: 300px;
  height: 5px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}
.imageCropCmp > .inner input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
.imageCropCmp > .inner input[type=range]::-ms-fill-upper {
  background: #bdc3c7;
  border-radius: 10px;
}
.imageCropCmp > .inner input[type=range]::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #CBA332;
}
.imageCropCmp > .inner input[type=range]:focus::-ms-fill-lower {
  background: #888;
}
.imageCropCmp > .inner input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}

/*
categoryMenuCmp
----------------------------------------*/
.categoryMenuCmp > .inner li {
  list-style: none;
  font-size: 14px;
  line-height: 1.4;
}
.categoryMenuCmp > .inner li a {
  padding: 10px;
  display: block;
  text-decoration: none;
}
.categoryMenuCmp > .inner li a:hover {
  background-color: #f5f5f5;
  color: #595959;
  text-decoration: underline;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.categoryMenuCmp > .inner li a.current {
  background-color: #f5f5f5;
  color: #595959;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/*
stepMenuCmp
----------------------------------------*/
.stepMenuCmp > .inner li {
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 10px;
  position: relative;
  background: #ddd;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.stepMenuCmp > .inner li.current {
  color: #fff;
  background: #fff;
  background: #4d93c4;
}
.stepMenuCmp > .inner li.current:after {
  content: '';
  position: absolute;
  top: 10px;
  right: -9px;
  border-top: 8px solid transparent;
  border-left: 10px solid #4d93c4;
  border-bottom: 8px solid transparent;
}
.stepMenuCmp > .inner li.current:before {
  content: '';
  position: absolute;
  top: 10px;
  right: -11px;
  border-top: 8px solid transparent;
  border-left: 10px solid #d7d7d7;
  border-bottom: 8px solid transparent;
}

/*
categoryArticleListCmp
----------------------------------------*/
.categoryArticleListCmp .articleDisplayMode {
  margin: 0 0 20px;
}
.categoryArticleListCmp .articleDisplayMode li {
  margin: 0 5px 0 0;
  font-size: 12px;
  float: left;
}
.categoryArticleListCmp .articleDisplayMode .type li a {
  display: block;
  padding: 10px 25px;
  color: #656565;
  font-weight: bold;
  background: #ddd;
}
.categoryArticleListCmp .articleDisplayMode .type li a:hover {
  color: white;
  background: #008B8B;
  text-decoration: none;
}
.categoryArticleListCmp .articleDisplayMode .type li a.current {
  display: block;
  padding: 10px 25px;
  color: #fff;
  font-weight: bold;
  background: #008B8B;
}
.categoryArticleListCmp .articleDisplayMode .format a {
  display: block;
}
.categoryArticleListCmp .articleDisplayMode .format a:hover {
  background: #008B8B;
  text-decoration: none;
}
.categoryArticleListCmp .articleDisplayMode .format .current {
  background: #008B8B;
}
.categoryArticleListCmp .articleDisplayMode .format img {
  vertical-align: text-bottom;
}

/*
trendWordCmp
----------------------------------------*/
.trendWordCmp > .inner a {
  display: inline-block;
  padding: 0 10px;
  color: #595959;
}

/*
companySideFooterCmp
----------------------------------------*/
.companySideFooterCmp .inner {
  padding: 10px;
  line-height: 1.4;
}
.companySideFooterCmp .inner ul li {
  float: left;
  margin: 0 10px 0 0;
}

/*
css for libs
----------------------------------------*/
/* customize the jQuery UI CSS framework for their dialogs. */
.ui-front {
  z-index: 1000000 !important;
  /* The default is 100. !important overrides the default. */
}

/* customize the breadcrumb for trace path */
.breadcrumb {
  list-style: none;
  overflow: hidden;
}

.breadcrumb li {
  float: left;
}

.breadcrumb li a {
  color: white;
  text-decoration: none;
  padding: 5px 0 5px 55px;
  background: brown;
  /* fallback color */
  background: #325d81;
  position: relative;
  display: block;
  height: 15px;
  float: left;
}

.breadcrumb li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #325d81;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}

.breadcrumb li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}

.breadcrumb li:first-child a {
  padding-left: 10px;
}

.breadcrumb li:nth-child(2) a {
  background: #4078a5;
}

.breadcrumb li:nth-child(2) a:after {
  border-left-color: #4078a5;
}

.breadcrumb li:nth-child(3) a {
  background: #5a91bf;
}

.breadcrumb li:nth-child(3) a:after {
  border-left-color: #5a91bf;
}

.breadcrumb li:nth-child(4) a {
  background: #7eaacd;
}

.breadcrumb li:nth-child(4) a:after {
  border-left-color: #7eaacd;
}

.breadcrumb li:nth-child(5) a {
  background: #a3c2db;
}

.breadcrumb li:nth-child(5) a:after {
  border-left-color: #a3c2db;
}

/*
.breadcrumb li:last-child a {
    background: white !important;
    color: black;
    pointer-events: none;
    cursor: default;

}


.breadcrumb li:last-child a:after { border: 0; }

*/
.breadcrumb li a:hover {
  background: #24435c;
}

.breadcrumb li a:hover:after {
  border-left-color: #24435c !important;
}