@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(241,241,241,1);
	background-color: rgba(241,241,241,1);
}

::-webkit-scrollbar{
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(188,188,188,.5);
	border: 1px solid rgba(188,188,188,0.5);
	background-color: rgba(188,188,188,0.2);
}

body, html {
  -webkit-print-color-adjust: exact;
  height: 100%;
}

body {
  position: relative;
  font-size: 12px;
  font-family: "メイリオ","Meiryo","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif";
  line-height: 1.6;
  color: #555555;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}
main {
  flex: 1;
  overflow: hidden;
}

a {
  color: #3557d2;
  text-decoration: underline;
  cursor: pointer;
}

p,
ul,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  word-break: break-all;
}

th {
  text-align: left;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

.container {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.img-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=30);
  opacity: .3;
  outline: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=20);
  opacity: .2;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 13001;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate3d(0, -25%, 0);
       -o-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.modal-dialog {
  position: absolute;
  width: 480px;
  margin: 10px;
  top: 50%;
  left: 50%;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: transparent;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-body {
  position: relative;
  overflow-y: auto;
}
.modal .close {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  cursor: pointer;
  font-size: 21px;
  background: transparent;
  border: 0;
  z-index: 3;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}

.headerBlock {
  position: fixed;
  width: 100%;
  height: 60px;
  background-color: rgba(71, 71, 71, 0.9);
  line-height: 1;
  z-index: 999;
}
.headerBlock .container {
  height: 100%;
}
.headerBlock-inn {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
.headerBlock-inn > div {
  position: relative;
  display: table-cell;
  word-wrap: break-word;
}
.headerBlock-inn > div {
  display: table-cell;
  vertical-align: middle;
}

.headerBlock-action {
  width: 100px;
  text-align: right;
}
.headerBlock-action ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
.headerBlock-action ul > div {
  position: relative;
  display: table-cell;
  word-wrap: break-word;
}
.headerBlock-action li {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.headerBlock-action li a {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  padding-top: 8px;
  padding-left: 1px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.headerBlock-action li a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.mainSummary {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 800px;
  background-color: #333333 !important;
  color: #ffffff;
  font-family: "Noto Sans Japanese", sans-serif;
}

/* IE hack */
@media all and (-ms-high-contrast: none) {
  .mainSummary {
    font-family: "メイリオ","Meiryo","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif";
  }
}

.reportHintTips {
  display: none;
  position: absolute;
  width: 190px;
  z-index: 100000;
}
.reportHintTips .reportHintTipsinn {
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 14px 15px 10px;
  background-color: #ffffff;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.20);
}
.reportHintTips .reportHintTipsinn:before {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  width: 0;
  content: "";
  border: 8px solid transparent;
  border-top-width: 0;
}
.reportHintTips .reportHintTipsinn:before {
  top: -8px;
  border-left-width: 6px;
  border-right-width: 6px;
  border-bottom-color: #ffffff;
}
.reportHintTips ul {
  margin-top: 10px;
}
.reportHintTips a {
  color: #016ecc;
  text-decoration: underline;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s linear;
}
.reportHintTips a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.btn {
  text-decoration: none;
  transition: background-color 0.3s linear;
}
.btn:active {
  box-shadow: none;
}

.list-table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 35px;
  font-size: 12px;
  color: #555555;
  transition: all 0.3s linear;
  cursor: pointer;
}
.list-table > div {
  position: relative;
  display: table-cell;
  word-wrap: break-word;
  vertical-align: middle;
  line-height: 1.2;
  padding: 5px 5px 3px 1px;
}

.hide {
  display: none !important;
}

#pg-fixdLink {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease;
  z-index: 999;
}
#pg-fixdLink a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000000;
  border-radius: 50%;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s linear;
}
#pg-fixdLink a:after {
  display: block;
  content: "";
  position: absolute;
  left: 17px;
  top: 20px;
  width: 16px;
  height: 16px;
  border-left: 2px solid #c9c9c9;
  border-bottom: 2px solid #c9c9c9;
  transform: rotate(135deg);
}
#pg-fixdLink a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.pg-fixdLink-on {
  opacity: 1;
}

.pg-fixdLink-off {
  opacity: 0;
}

/* メイン */
.mainContents {
  height: 100%;
}
.block-wrap {
  display: flex;
  height: 100%;
}
.block-L {
  position: relative;
  flex: 0 0 260px;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: #ffffff;
}
.block-L-inn {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f1f1f1;
}
.block-L-inn .view-head {
  display: flex;
  align-self: flex-end;
}
.block-L-inn .view-wrap {
  flex: 1 1 auto;
  width: 285px;
  padding-left: 15px;
  padding-right: 15px;
  overflow-y: scroll;
  transition: all 0.3s linear;
}
.block-L-inn .view-foot {
  min-height: 35px;
}

.block-R {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  background-color: #f1f1f1;
}
.block-R-inn {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.block-R-inn .view-head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 30px;
  line-height: 1;
  padding: 7px 25px 7px 0;
}
.block-R-inn .view-wrap {
  flex: 1 1 auto;
  overflow-y: scroll;
  padding: 0 20px 20px;
  background-color: #f1f1f1;
}
.block-R-inn .view-foot {
  min-height: 35px;
  background-color: #f1f1f1;
}

.block-L .keyword-list {
  padding: 1px 3px 1px 0;
}
.block-L .list-table {
  background-color: #ffffff;
  border-radius: 70px;
}
.block-L .view-head .list-table {
  background-color: transparent;
  align-self: flex-end;
}
.block-L .keyword-list .list-table:hover {
  background-color: #f7f7f7;
}
.block-L .keyword-list.active .list-table {
  background-color: #f7f7f7;
}

.block-L .view-wrap-add-list {
  margin-bottom: 10px;
}
.block-L .view-wrap-all-list {
  padding-bottom: 10px;
}
.block-L .view-wrap-add-list .title,
.block-L .view-wrap-all-list .title {
  display: flex;
  align-items: center;
  height: 35px;
  padding-left: 15px;
  font-weight: bold;
}
.block-L .view-wrap-add-list .block-kwd {
  font-weight: bold;
}
.block-L .list-table .block-none {
  padding-left: 15px;
  color: #888888;
}
.block-L .list-table .block-kwd {
  padding-left: 15px;
}
.block-L .list-table .block-delete {
  width: 70px;
}
.block-L .list-table .block-delete a {
  font-size: 8px;
  text-decoration: none;
  color: #888888;
}
.block-L .list-table .block-delete a:hover {
  text-decoration: underline;
}

.block-L .keyword-list.disabled .list-table {
  opacity: 0.3;
}

.block-R-inn .view-head .search {
  flex: 1 1 auto;
  padding-left: 20px;
}
.block-R-inn .view-head .search .btn {
  position: relative;
  width: 100px;
  padding: 5px 10px 5px 24px;
  border-radius: 3px;
  background-color: #fff;
  border-color: #dddddd;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
}
.block-R-inn .view-head .search .btn:hover {
  background-color: #e6e6e6;
}
.block-R-inn .view-head .search .icon {
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -6px;
  width: 14px;
  height: 2px;
  background-color: #666666;
}
.block-R-inn .view-head .search .icon:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 2px;
  width: 10px;
  height: inherit;
  background-color: #666666;
}
.block-R-inn .view-head .search .icon:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 4px;
  width: 6px;
  height: inherit;
  background-color: #666666;
}
.block-R-inn .view-head .menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 30px;
}
.block-R-inn .view-head .menu .icon {
  position: relative;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
}
.block-R-inn .view-head .menu .icon button {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  outline: none;
  padding: 0;
  text-align: center;
  transition: all 0.3s linear;
}
.block-R-inn .view-head .menu .icon button:hover {
  background-color: rgba(150, 150, 150, 0.2);
}
.block-R-inn .view-head .menu .icon .icon-wrap {
  text-align: center;
}
.block-R-inn .view-head .menu .icon .icon-wrap img {
  margin: auto;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  opacity: .5;
}

.keyword-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  transition: all 0.1s linear;
  margin-bottom: 20px;
}
.keyword-wrap.active {
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.20);
}
.keyword-wrap.active .widget-info-block.keyword .keyword-add .btn {
  background-color: #2b86e9;
  color: #ffffff;
}
.keyword-wrap.active .widget-info-block.keyword .keyword-add .btn .check:before,
.keyword-wrap.active .widget-info-block.keyword .keyword-add .btn .check:after {
  background-color: #ffffff;
}
.keyword-none-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: #ffffff;
  border-radius: 10px;
}
.keyword-none-wrap .none {
  margin-top: -20%;
  text-align: center;
  color: #dddddd;
}
.keyword-none-wrap .none .icon {
  margin-bottom: 20px;
}
.keyword-none-wrap .none .text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
}

.keyword-wrap-mask {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 10%;
  z-index: 999;
  border-radius: 10px;
  background-color: rgba(170,170,170,0.6);
}
.keyword-wrap.disabled .keyword-wrap-mask {
  display: flex;
}
.keyword-wrap-head {
  display: flex;
  align-items: center;
  margin: 0 10px 20px;
}
.keyword-wrap-body {
  display: flex;
}
.keyword-wrap-body-info {
  position: relative;
  flex: 1 1 auto;
  padding: 30px;
  border-radius: 10px;
  background-color: #ffffff;
  margin-right: 3px;
}
.keyword-wrap-body-info:before {
  content: "";
  position: absolute;
  top: 13px;
  right: -3px;
  width: 3px;
  height: 100%;
  background-size: 3px 10px;
  background-image: linear-gradient(to bottom, #ffffff 5px, transparent 5px);
  background-repeat: repeat-y;
  background-position: top;
}
.keyword-wrap-body-info:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -3px;
  width: 3px;
  height: 10px;
  background-color: #f1f1f1;
}
.keyword-wrap-body-kani {
  flex: 0 0 48%;
  padding: 30px;
  border-radius: 10px;
  background-color: #ffffff;
}

.widget-mask-message {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 40px;
}
.widget-mask-message .block-text {
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: bold;
  color: #7d8083;
}
.widget-mask-message .block-button {
  text-align: center;
}
.widget-mask-message .block-button .btn {
  width: 50%;
  padding-top: 10px;
  padding-bottom: 8px;
  background-color: #2b86e9;
  border-radius: 20px;
  font-size: 14px;
  color: #ffffff;
}
.widget-mask-message .block-button .btn:hover {
  background-color: #0051aa;
}

.widget-info-block:not(.keyword) {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 50px;
  border-top: 1px solid #f2f2f2;
  line-height: 1;
}
.widget-info-block:not(.keyword) > div {
  position: relative;
  display: table-cell;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: middle;
  word-wrap: break-word;
}

.widget-info-block.keyword {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.widget-info-block.keyword .keyword-text {
  font-size: 30px;
  line-height: 1.2;
  color: #666666;
}
.widget-info-block.keyword .keyword-add {
  padding-left: 20px;
}
.widget-info-block.keyword .keyword-add .btn {
  position: relative;
  background-color: #f2f2f2;
  border-radius: 15px;
  margin-top: -4px;
  padding: 4px 15px 2px 30px;
  font-size: 12px;
  color: #666666;
}
.widget-info-block.keyword .keyword-add .btn:hover {
  background-color: #eaeaea;
}
.widget-info-block.keyword .check {
  position: absolute;
  left: 12px;
  top: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  padding-top: 5px;
}
.widget-info-block.keyword .check:before,
.widget-info-block.keyword .check:after {
  position: absolute;
  content: "";
  background-color: #999999;
  width: 3px;
}
.widget-info-block.keyword .check:before {
  height: 9px;
  top: 3px;
  left: 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.widget-info-block.keyword .check:after {
  height: 12px;
  top: 0;
  left: 6px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
.widget-info-block.keyword.error {
  margin-bottom: 0;
  color: #dddddd;
}
.widget-info-block.keyword.error .keyword-message {
  padding-left: 30px;
  font-size: 30px;
  line-height: 1.2;
}
.widget-info-block .icon {
  width: 40px;
  text-align: center;
}
.widget-info-block .icon img {
  margin-top: -2px;
  opacity: 0.6;
}
.widget-info-block.cve .icon img {
  opacity: 1;
}
.widget-info-block.cve .value {
  padding-left: 30px;
}
.widget-info-block.cve .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #eeeeee;
  position: absolute;
  left: 0;
  top: 12px;
  font-size: 16px;
  padding-top: 2px;
}
.widget-info-block .item {
  width: 170px;
  font-size: 14px;
}
.widget-info-block .value {
  font-size: 20px;
  font-weight: bold;
  color: #717579;
}
.widget-info-block .value .unit {
  font-size: 16px;
  margin-left: 1px;
}
.widget-info-block .value .path {
  margin-top: 5px;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.4;
  word-wrap: break-word;
}
.widget-info-block .value .path a {
  text-decoration: none;
  color: #00a548;
}
.widget-info-block .value .path a:hover {
  text-decoration: underline;
}
.widget-info-block .value .link {
  margin-top: 5px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  word-wrap: break-word;
}
.widget-info-block .value .link a {
  color: #2c85e9;
}
.widget-info-block .value .link .btn {
  position: relative;
  padding-left: 10px;
  padding-right: 22px;
  font-size: 10px;
  color: #ffffff;
  background-color: #00a548;
  border-radius: 10px;
  transition: opacity 0.3s linear;
}
.widget-info-block .value .link .btn + .btn{
  margin-left: 5px; 
}
.widget-info-block .value .link .btn.analytics {
  background-color: rgb(242, 101, 179);
}
.widget-info-block .value .link .btn.optimize {
  background-color: rgb(241, 101, 109);
}
.widget-info-block .value .link .btn:hover {
  text-decoration: none;
  opacity: 0.8;
}
.widget-info-block .value .link .btn img {
  position: absolute;
  top: 3px;
  margin-left: 5px;
}
.widget-info-block .value ul {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.widget-info-block .value ul li{
  margin-left: 25px;
  list-style: decimal;
  word-break: break-all;
}
.widget-info-block .value ul li + li {
  margin-top: 7px;
}
.widget-info-block .value .linkIcon {
  /* あとで */
}
.widget-info-block .help {
  width: 100%;
  color: #888888;
  line-height: 1.2;
}
.widget-info-block .help .pascalToolTips {
  width: 95%;
}
.widget-info-block .help .pascalToolTipsInn .textWrap {
  line-height: 1.2;
}
.widget-info-block .menu {
  width: 90px;
  text-align: right;
}
.widget-info-block .menu a {
  position: relative;
  color: #2c85e9;
  cursor: pointer;
}
.widget-info-block .menu a:after {
  content: '';
  position: absolute;
  top: 50%;
  left: -16px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(icon_arrow_blue.svg);
  background-size: 100%;
  cursor: pointer;
}
.widget-info-block.volume {
  border: none;
}
.widget-info-block.page-count {
  height: auto;
  border: none;
  margin-top: -8px;
}
.widget-info-block.page-count .value {
  padding-top: 3px;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
  color: #00a548;
}
.widget-info-block.page-count .value a {
  color: #2c85e9;
}
.widget-info-block.page-range {
  height: auto;
  border: none;
  margin-top: -10px;
}
.widget-info-block.page-range .value {
  padding-top: 3px;
  padding-bottom: 12px;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
  color: #888888;
}
.widget-info-block.page-hint {
  height: auto;
  border: none;
}
.widget-info-block.page-hint.child {
  padding-top: 8px;
}
.widget-info-block.page-hint .value {
  padding-top: 0;
  padding-bottom: 20px;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.6;
  color: #f24b88;
}
.widget-info-block.page-hint .value > div {
  padding: 8px 10px 6px;
  border: 1px solid #f24b88;
  border-radius: 5px;
  background: #fff4f8;
}
.widget-info-block.page-hint .value > div:before {
	content: "";
	display: block;
	position: absolute;
	top: -10px;
	left: 246px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #f24b88 transparent;
}
.widget-info-block.page-hint .value > div:after {
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	left: 246px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #fff4f8 transparent;
}
.widget-info-block.page-hint .value a {
  color: #2c85e9;
}
.widget-info-block.page-hint .line {
  text-decoration: underline;
  color: #2c85e9;
}
.widget-info-block.page-hint .domainscore {
  cursor: pointer;
}
.widget-info-block.page-count + .page-range {
  margin-top: -5px;
}
.widget-info-block.page-count.hide + .page-range {
  margin-top: -10px;
}
.widget-info-block.type > div {
  vertical-align: top;
  padding-top: 15px;
}
.widget-info-block.type > div.menu {
  vertical-align: middle;
}
.widget-info-block.type .icon img {
  margin-top: -4px;
}
.widget-info-block.strcnt > div {
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 0;
}
.widget-info-block.strcnt .icon img {
  margin-top: -4px;
}
.widget-info-block.strcnt dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 16px;
  line-height: 1.2;
}
.widget-info-block.strcnt dt {
  flex: 0 0 60px;
  margin-bottom: 7px;
}
.widget-info-block.strcnt dd {
  flex: 1 1 auto;
}
.widget-info-block.urls > div {
  vertical-align: top;
  padding-top: 15px;
  line-height: 1.2;
}
.widget-info-block.urls .icon img {
  margin-top: -4px;
}
.widget-info-block.urls .linkIcon {
  position: relative;
  color: inherit;
  text-decoration: none;
}
.widget-info-block.urls .linkIcon:hover {
  text-decoration: underline;
}
.widget-info-block.urls .linkIcon:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-top: 1px;
  margin-left: 7px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(icon_blank.svg);
  background-size: 100%;
  opacity: 0.5;
  cursor: pointer;
}
.widget-info-block.difficulty {
  position: relative;
  display: flex;
  height: 75px;
  margin-left: 0;
  margin-right: 10px;
  line-height: 1;
  border: none;
}
.widget-info-block.difficulty .block-label {
  flex: 0 0 80px;
  padding-top: 20px;
  font-size: 16px;
  color: #555555;
}
.widget-info-block.difficulty .block-score {
  flex: 0 0 90px;
  padding: 0;
  color: #717579;
}
.widget-info-block.difficulty .block-score .score {
  position: relative;
  font-size: 50px;
  font-family: arial;
  font-weight: bold;
  color: #7e8083;
}
.widget-info-block.difficulty .block-score .score.plus:before,
.widget-info-block.difficulty .block-score .score.plus:after {
  position: absolute;
  top: 11px;
  left: 80px;
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-top: 4px solid #7e8083;
  transform: translateX(-50%);
}
.widget-info-block.difficulty .block-score .score.plus:after {
  top: 5px;
  left: 66px;
  transform: rotate(90deg);
}
.widget-info-block.difficulty .block-score .rating {
  position: relative;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
.widget-info-block.difficulty .block-score .rating .rating-wrap {
  position: relative;
  width: 70px;
  height: 12px;
}
.widget-info-block.difficulty .block-score .rating .rating-wrap > div {
  position: absolute;
  top: 0;
  left: 0;
}
.widget-info-block.difficulty .block-score .rating .rating-wrap.pointer {
  cursor: pointer;
}
.widget-info-block.difficulty .block-score .rating .rating-wrap span {
  margin-left: 1px;
  margin-right: 1px;
}
.widget-info-block.difficulty .block-score .rating .rating-wrap .rating-front {
  width: 0;
  overflow: hidden;
  color: #ffcc33;
  z-index: 1;
}
.widget-info-block.difficulty .block-score .rating .rating-wrap .rating-back {
  color: #f1f1f1;
  z-index: 0;
}
.widget-info-block.difficulty .block-more {
  position: absolute;
  left: 155px;
  top: 52px;
  font-size: 11px;
  color: #2c85e9;
  cursor: pointer;
}
.widget-info-block.difficulty .block-point {
  position: relative;
  flex: 0 0 auto;
  padding-top: 12px;
  padding-left: 10px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: #7e8083;
}
.widget-info-block.difficulty.none {
  height: auto;
  margin-right: 10px;
  padding-bottom: 15px;
}
.widget-info-block.difficulty.none .block-message {
  position: relative;
  margin-top: -5px;
  padding: 6px 10px 4px 45px;
  border: 1px solid #f5ddbb;
  border-radius: 5px;
  background-color: #fff3df;
  color: #c47700;
  line-height: 1.6;
}
.widget-info-block.difficulty.none .block-message img {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -12px;
}
.widget-info-block.difficulty.line {
  border-bottom: 1px solid #f2f2f2;
  height: 80px;
}

.widget-kani-block {
  font-size: 14px;
}
.widget-kani-block.title {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 15px;
}
.widget-kani-block.title .item {
  font-size: 20px;
  font-weight: bold;
  color: #717579;
}
.widget-kani-block.title .icon {
  padding-right: 7px;
  text-align: center;
}
.widget-kani-block.message {
  font-size: 12px;
  color: #00a548;
  margin-bottom: 20px;
}
.widget-kani-block.title .icon img {
  margin-top: -2px;
}
.widget-kani-block .kani-table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 35px;
  border-bottom: 1px solid #f2f2f2;
  color: #555555;
}
.widget-kani-block .kani-table > div {
  position: relative;
  display: table-cell;
  word-wrap: break-word;
  vertical-align: middle;
  line-height: 1.2;
  padding: 5px 5px 4px 1px;
}
.widget-kani-block .kani-table .block-percent {
  width: 110px;
  font-weight: bold;
}
.widget-kani-block .kani-table .block-volume {
  width: 135px;
}
.keyword-wrap-body-kani .none-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.keyword-wrap-body-kani .none {
  margin-top: -20%;
  text-align: center;
  color: #dddddd;
}
.keyword-wrap-body-kani .none .icon {
  margin-bottom: 20px;
}
.keyword-wrap-body-kani .none .text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
}

.widget-info-difficulty-data {
  position: absolute;
  width: 420px;
  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.widget-info-difficulty-data.open {
  opacity: 1;
  z-index: 4;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap {
  padding: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #f2f2f2;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-data-wrap-head {
  background-color: #f1f1f1;
  color: #7e8083;
  font-weight: bold;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-data-wrap-body {
  color: #666666;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 35px;
  border-bottom: 1px solid #f2f2f2;
  font-size: 12px;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-table > div {
  position: relative;
  display: table-cell;
  word-wrap: break-word;
  vertical-align: middle;
  line-height: 1;
  padding: 5px 10px 4px;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-table .block-name {
  width: 160px;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-table .block-site {
  width: 90px;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-table .block-rival {
  width: auto;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .domainrate .error {
  position: relative;
  color: #737373;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .domainrate .error:after {
  content: "*";
  position: absolute;
  right: -8px;
  font-size: 12px;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-data-wrap-error {
  position: relative;
  padding: 10px 0 0 10px;
  color: #f24b88;
  line-height: 1.4;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-data-wrap-error span {
  position: absolute;
  left: 1px;
  top: 12px;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-data-wrap-message {
  position: relative;
  padding: 10px 10px 0 27px;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-data-wrap-message img {
  position: absolute;
  top: 12px;
  left: 10px;
  opacity: 0.3;
}
.widget-info-difficulty-data .widget-info-difficulty-data-wrap .block-data-wrap-message a {
  color: #2c85e9;
}
.widget-info-difficulty-data .arrow {
  position: absolute;
  top: -6px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-bottom: none;
  border-right: none;
  transform: rotate(45deg);
}

.modal-widget .modal-body {
  padding: 35px 30px;
}
.modal-widget .widget-wrap {
  height: 500px;
}
.modal-widget .widget-title {
  margin-bottom: 15px;
  font-size: 24px;
  color: #666666;
}
.modal-widget .list-table {
  border-bottom: 1px solid #f2f2f2;
}
.modal-widget .widget-tips-foot {
  margin-top: 20px;
  line-height: 1.6;
  color: #888888;
}
.modal-widget .widget-tips-foot a {
  color: inherit;
  text-decoration: underline;
}

.modal-trend .modal-dialog {
  width: 95%;
}
.modal-trend .modal-body {
  padding: 90px 20px 30px;
  overflow-x: hidden;
}
.modal-trend .trend-table {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  min-height: 43px;
}
.modal-trend .trend-table > div {
  position: relative;
  display: table-cell;
  padding-top: 5px;
  padding-bottom: 3px;
  vertical-align: middle;
  word-wrap: break-word;
}
.modal-trend .trend-table .block-site {
  width: 35%;
}
.modal-trend .trend-table .block-site .block-sitewrap {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.modal-trend .trend-table .block-site .block-sitewrap .rank {
  display: table-cell;
  width: 30px;
  vertical-align: middle;
  padding-left: 5px;
}
.modal-trend .trend-table .block-site .block-sitewrap .site {
  display: table-cell;
}
.modal-trend .trend-table .block-site .block-sitewrap .site .title,
.modal-trend .trend-table .block-site .block-sitewrap .site .url {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-trend .trend-table .block-site .block-sitewrap .site .url {
  font-size: 10px;
}
.modal-trend .trend-table .block-site .block-sitewrap .site .url a {
  color: #00a548;
  text-decoration: none;
}
.modal-trend .trend-table .block-site .block-sitewrap .site .url a:hover {
  text-decoration: underline;
}
.modal-trend .trend-table .block-type {
  text-align: center;
}
.modal-trend .grid-word {
  position: absolute;
  top: 30px;
  font-size: 24px;
  color: #666666;
}
.modal-trend .grid-head .trend-label {
  border-bottom: 1px solid #f2f2f2;
  background-color: #ffffff;
}
.modal-trend .grid-head .trend-label .block-site {
  font-size: 1.4rem;
  color: #888888;
}
.modal-trend .grid-head .trend-label .sup-tips {
  position: relative;
  cursor: pointer;
}
.modal-trend .grid-head .trend-label .sup-tips:after {
  position: absolute;
  top: 0;
  content: "";
  width: 8px;
  height: 8px;
  background-image: url(icon_tips.svg);
}
.modal-trend .grid-head .trend-bar .trend-table {
  height: 120px;
  margin-bottom: 5px;
}
.modal-trend .grid-head .trend-bar .trend-table > div {
  vertical-align: bottom;
}
.modal-trend .grid-head .trend-bar .block-site {
  text-align: center;
  margin: 0 auto;
}
.modal-trend .grid-head .trend-bar .block-site .block-recommended {
  display: inline-block;
  max-width: 80%;
  margin-bottom: -20px;
  padding: 17px;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
.modal-trend .grid-head .trend-bar .block-site .block-recommended .title {
  margin-bottom: 15px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #6f6f6f;
}
.modal-trend .grid-head .trend-bar .block-site .block-recommended .category {
  margin-bottom: 7px;
  font-weight: bold;
  font-size: 1.4rem;
  color: #f24b88;
}
.modal-trend .grid-head .trend-bar .block-site .block-recommended .category.first {
  font-size: 1.8rem;
}
.modal-trend .grid-head .trend-bar .block-site .block-recommended .message {
  margin-top: 15px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #f24b88;
  white-space: normal;
  word-break: break-all;
}
.modal-trend .grid-head .trend-bar .progress {
  position: relative;
  height: 100px;
  width: 25px;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: none;
  overflow: visible;
}
.modal-trend .grid-head .trend-bar .progress-bar,
.modal-trend .grid-head .trend-bar .progress-num {
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.modal-trend .grid-head .trend-bar .progress-bar {
  position: absolute;
  bottom: 0;
  height: 0%;
  width: 100%;
}
.modal-trend .grid-head .trend-bar .progress-num {
  position: absolute;
  bottom: 0;
  width: 180%;
  margin-left: -40%;
  margin-right: -40%;
  font-size: 8px;
  text-align: center;
}
.modal-trend .grid-head .trend-bar .hint {
  display: inline-block;
  position: absolute;
  left: 50%;
  width: 70px;
  margin-left: -35px;
  padding: 6px 10px 5px;
  border-radius: 3px;
  text-align: center;
  color: #ffffff;
  line-height: 1;
  opacity: 0;
  transform: scale(0);
  white-space: nowrap;
  -webkit-transition: all 0.3s cubic-bezier(0.21, 0.71, 0.42, 1.4);
  transition: all 0.3s cubic-bezier(0.21, 0.71, 0.42, 1.4);
  z-index: 201;
}
.modal-trend .grid-head .trend-bar .hint.on {
  opacity: 1;
  transform: scale(1);
}
.modal-trend .grid-head .trend-bar .hint:before {
  position: absolute;
  bottom: -5px;
  left: 50%;
  content: "";
  width: 5px;
  height: 5px;
  margin-left: -5px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.modal-trend .grid-list {
  position: relative;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
}
.modal-trend .grid-list > div:hover {
  background-color: #f7f7f7;
}
.modal-trend .grid-list > div:first-child {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.modal-trend .grid-list .block-site {
  padding-right: 50px;
  cursor: pointer;
}
.modal-trend .grid-list .block-type {
  line-height: 0;
}
.modal-trend .point-icon {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
}

.modal-filter .modal-dialog {
  width: 75%;
}
.modal-filter .modal-body {
  padding: 30px;
}
.modal-filter .filter-form {
  display: flex;
  align-items: flex-start;
}
.modal-filter .filter-items {
  line-height: 1;
}
.modal-filter .filter-items.itemL {
  flex: 0 0 330px;
  padding-right: 25px;
}
.modal-filter .filter-items.itemR {
  flex: 1 1 auto;
  padding-left: 25px;
}
.modal-filter .filter-items .filter-item {
  display: flex;
  align-items: center;
}
.modal-filter .filter-items .filter-item + .filter-item {
  margin-top: 10px;
}
.modal-filter .filter-items .filter-item .item {
  position: relative;
  font-weight: bold;
}
.modal-filter .filter-items .filter-item select {
  width: 100%;
  height: 30px;
  padding-left: 5px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border-radius: 3px;
}
.modal-filter .filter-items .filter-item .value {
  position: relative;
  margin-right: 15px;
}
.modal-filter .filter-items .filter-item .value.trend {
  flex: 1 1 auto !important;
  margin-right: 0;
}
.modal-filter .filter-items .filter-item .value.trend > div + div {
  margin-top: 7px;
}
.modal-filter .filter-items .filter-item .value .checkbox-inline input[type=checkbox] {
  margin-top: -1px;
}
.modal-filter .filter-items .checkbox-inline+.checkbox-inline, .checkbox-inline {
  margin-left: 0;
  margin-right: 15px;
  margin-bottom: 5px;
}
.modal-filter .filter-items .filter-item .filter {
  flex: 0 0 80px;
}
.modal-filter .filter-items .filter-item .value .btn,
.modal-filter .filter-items .filter-item .filter .btn {
  position: relative;
  text-align: left;
}
.modal-filter .filter-items .filter-item .value .caret,
.modal-filter .filter-items .filter-item .filter .caret {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
}
.modal-filter .filter-items .filter-item .value li,
.modal-filter .filter-items .filter-item .filter li {
  padding: 6px 15px 3px;
  color: #333;
  cursor: pointer;
  white-space: nowrap;
}
.modal-filter .filter-items .filter-item .value li:hover,
.modal-filter .filter-items .filter-item .filter li:hover {
  background-color: #f5f5f5;
}
.modal-filter .filter-items.itemL .filter-item .item {
  flex: 0 0 110px;
}
.modal-filter .filter-items.itemL .filter-item .value {
  flex: 0 0 110px;
}
.modal-filter .filter-items.itemR .filter-item .item {
  flex: 0 0 150px;
}
.modal-filter .filter-items.itemR .filter-item .value {
  flex: 0 0 110px;
}
.modal-filter .filter-items.itemR .filter-item .dropdown .dropdown-menu {
  min-width: 120px;
}
.modal-filter .filter-btn {
  margin-top: 20px;
  padding: 10px 0 0;
}
.modal-filter .filter-btn .btn {
  display: inline-block;
  width: 80px;
  padding: 5px 10px;
  background-color: #fff;
  border-color: #dddddd;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
}
.modal-filter .filter-btn .btn:hover {
  background-color: #e6e6e6;
}
.modal-filter .filter-btn .btn + .btn {
  margin-left: 10px;
}


.trend-tips {
  position: absolute;
  display: none;
  overflow: hidden;
  text-align: left;
  line-height: 1.2;
  -webkit-transition: left 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: left 0.2s cubic-bezier(0, 0, 0.2, 1);
  z-index: 41001;
}
.trend-tips .trend-tips-listinn {
  position: relative;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  z-index: 21002;
}
.trend-tips .trend-tips-listinn .close {
  position: absolute;
  right: 5px;
  top: 5px;
}
.trend-tips .trend-tips-listinn {
  margin: 12px 5px;
  padding: 10px 15px;
}
.trend-tips .trend-tips-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  visibility: hidden;
  background: #eee;
  z-index: 21000;
}
.trend-tips .trend-tips-backdrop.on {
  position: fixed;
  display: block;
  visibility: visible;
}
.trend-tips:before {
  content: "";
  position: absolute;
  z-index: 21003;
}
.trend-tips:after {
  content: "";
  position: absolute;
  z-index: 21002;
}
.trend-tips.top:before {
  top: -7px;
  border-top: 10px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 10px solid #fff;
  border-right: 6px solid transparent;
}
.trend-tips.top:after {
  top: -8px;
  border-top: 10px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 10px solid #c9c9c9;
  border-right: 6px solid transparent;
}
.trend-tips.bottom:before {
  bottom: -7px;
  border-top: 10px solid #fff;
  border-left: 6px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 6px solid transparent;
}
.trend-tips.bottom:after {
  bottom: -8px;
  border-top: 10px solid #c9c9c9;
  border-left: 6px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 6px solid transparent;
}
.trend-tips.balloonLeft:before, .trend-tips.balloonLeft:after {
  left: 22px;
}
.trend-tips.balloonRight:before, .trend-tips.balloonRight:after {
  right: 22px;
}
.trend-tips .trend-tips-listinn .sup-wrap {
  width: 280px;
  line-height: 1.6;
  word-wrap: break-word;
}
.trend-tips .trend-tips-listinn .serp-wrap {
  position: relative;
  width: 590px;
  font-family: arial,sans-serif;
}
.trend-tips .trend-tips-listinn .serp-wrap .serp-wrap-rc {
  position: relative;
}
.trend-tips .trend-tips-listinn .serp-wrap .serp-wrap-rc .title {
  font-size: 18px;
  line-height: 1.33;
  color: #1a0dab;
}
.trend-tips .trend-tips-listinn .serp-wrap .serp-wrap-rc .url {
  font-size: 14px;
  padding-top: 1px;
  line-height: 1.43;
  color: #006621;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trend-tips .trend-tips-listinn .serp-wrap .serp-wrap-s {
  position: relative;
  font-size: small;
  line-height: 1.54;
}
.trend-tips .trend-tips-listinn .serp-wrap .serp-wrap-s .text {
  color: #545454;
}
.trend-tips .trend-tips-listinn .serp-wrap .serp-wrap-s .text .f {
  color: #777;
}

.writeing-tips {
  position: absolute;
  display: none;
  background-color: #333333;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
  padding: 5px 10px 4px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  z-index: 50000;
}
.writeing-tips.on {
  display: inline-block;
}
.writeing-tips .arrow {
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  border-color: #333333 transparent transparent transparent;
}

.pascal-tooltips-wrap {
  display: none;
  position: absolute;
  max-width: 350px;
  background-color: #16a44c;
  color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
  word-break: break-all;
  font-size: 11px;
  z-index: 50000;
}
.pascal-tooltips-wrap .arrow {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #16a44c;
  transform:rotate(45deg);
}
.pascal-tooltips-wrap.bottom .arrow {
  top: -5px;
}
.pascal-tooltips-wrap.top .arrow {
  bottom: -5px;
}
.pascal-tooltips-wrapinn {
  position: relative;
  display: flex;
  padding: 15px 15px 12px 15px;
}
.pascal-tooltips-wrapinn a {
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.3s linear;
}
.pascal-tooltips-wrapinn a:hover {
  color: #ffffff;
  opacity: 0.8;
}
.pascalToolTips {
  display: inline-block;
}
.pascalToolTipsInn {
  display: flex;
  align-items: center;
}
.pascalToolTipsInn .textWrap {
padding-right: 3px;
  line-height: 1;
}
.pascalToolTipsInn .iconWrap {
  position: relative;
  width: 12px;
  line-height: 1;
}
.pascalToolTipsInn .iconWrap > img {
  position: relative;
  z-index: 1;
}
.pascalToolTipsInn .iconWrap:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  width: 12px;
  height: 12px;
  background-image: url(pascalToolTips_gray.svg);
  background-repeat:  no-repeat;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 0;
}
.pascalToolTipsInn .iconWrap:hover:after {
  opacity: 0.8;
}

.widget-info-block.cve .circle.cve-color1 {
  background-color: #ffd10e;
  color: #ffffff;
}
.widget-info-block.cve .circle.cve-color2 {
  background-color: #ffa615;
  color: #ffffff;
}
.widget-info-block.cve .circle.cve-color3 {
  background-color: #f77913;
  color: #ffffff;
}
.widget-info-block.cve .circle.cve-color4 {
  background-color: #ef4711;
  color: #ffffff;
}
.widget-info-block.cve .circle.cve-color5 {
  background-color: #ef4610;
  color: #ffffff;
}

/* 色指定 */
.tishiki {
  background-color: #0061c8;
}
.tishiki:before {
  border-top-color: #0061c8;
}

.kaiketsu {
  background-color: #71ca2f;
}
.kaiketsu:before {
  border-color: #71ca2f;
}

.keni {
  background-color: #2b86e9;
}
.keni:before {
  border-top-color: #2b86e9;
}

.matome {
  background-color: #ff6600;
}
.matome:before {
  border-top-color: #ff6600;
}

.recipe {
  background-color: #00b5f0;
}
.recipe:before {
  border-top-color: #00b5f0;
}

.sendo {
  background-color: #8e70e0;
}
.sendo:before {
  border-top-color: #8e70e0;
}

.hikaku {
  background-color: #00a548;
}
.hikaku:before {
  border-top-color: #00a548;
}

.osusume {
  background-color: #f90079;
}
.osusume:before {
  border-top-color: #f90079;
}

.ranking {
  background-color: #F79F15;
}
.ranking:before {
  border-top-color: #F79F15;
}

.mall {
  background-color: #12007A;
}
.mall:before {
  border-top-color: #12007A;
}

.sns {
  background-color: #00b5f0;
}
.sns:before {
  border-top-color: #00b5f0;
}

.other {
  background-color: #c5c5c5;
}
.other:before {
  border-top-color: #c5c5c5;
}

@media print {
  body,
  div.block-label,
  div.widget-kani-block .kani-table * {
    color: #555555 !important;
  }
  div.rating-back span.glyphicon {
    color: #f1f1f1 !important;
  }
  div.rating-front span.glyphicon {
    color: #ffcc33 !important;
  }
  div.widget-info-block.keyword .keyword-text {
    color: #666666 !important;
  }
  div.widget-info-block .value,
  div.widget-info-block .value *,
  div.widget-info-block.difficulty .block-score .score,
  div.widget-info-block.difficulty .block-point,
  div.widget-info-block.strcnt dl *,
  div.widget-info-block.urls .linkIcon,
  div.widget-kani-block.title .item {
    color: #717579 !important;
  }
  div.widget-info-block.difficulty.none .block-message * {
    background-color: #fff3df !important;
    color: #c47700 !important;
  }
  div.keyword-wrap-body-info:before {
    background-image: linear-gradient(to bottom, #f2f2f2 5px, transparent 5px) !important;
  }
  div.keyword-wrap-body-kani .none .text {
    color: #dddddd !important;
  }
  div.widget-info-block.page-count .value,
  div.widget-kani-block.message * {
    color: #00a548 !important;
  }
  div.widget-info-block.page-hint .value,
  div.widget-info-block.page-hint .value * {
    color: #f24b88 !important;
  }
  div.widget-info-block.page-hint .value * {
    background: #fff4f8 !important;
  }
  a[href]:after {
    content: "" !important;
  }
}

@media print {
  main {
    overflow: visible;
  }
  #blockL {
    display: none;
  }
  #blockR .view-head {
    display: none;
  }
  .block-R {
    overflow: visible;
  }
  .block-R-inn .view-wrap {
    overflow-y: visible;
    padding: 0;
  }
  .block-R-inn .keyword-wrap {
    page-break-before: always;
  }
  .keyword-add {
    display: none;
  }
  .widget-info-block .menu {
    display: none !important;
  }
  .widget-info-block.urls .linkIcon:after {
    display: none;
  }
  .widget-info-block .value .link {
    display: none;
  }
  .widget-info-block.difficulty .block-more {
    display: none;
  }
  .keyword-wrap.disabled {
    display: none;
  }
  .pascalToolTipsInn .iconWrap {
    display: none;
  }
  .reportHintTips {
    display: none !important
  }
  .keyword-wrap-body-info {
    padding-top: 0;
    padding-bottom: 0;
  }
}