@charset "UTF-8";
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0; }
  .clearfix:after {
    clear: both; }

.container-full {
  margin-right: auto;
  margin-left: auto;
  max-width: 1020px;
  *zoom: 1; }
  .container-full:before, .container-full:after {
    display: table;
    content: "";
    line-height: 0; }
  .container-full:after {
    clear: both; }

a:hover img.hover, span:hover img.hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )"; }

img.b, .b {
  display: block; }

img.auto {
  margin: 0 auto;
  display: block; }

img.full {
  width: 100%;
  height: auto; }

img.max {
  max-width: 100%;
  height: auto; }

.fR {
  float: right;
  _display: inline; }

.fL {
  float: left;
  _display: inline; }

.iL {
  float: left;
  display: inline;
  margin: 0 10px 5px 0; }

.iR {
  float: right;
  display: inline;
  margin: 0 0 5px 10px; }

.clear {
  clear: both;
  font: 1px/1px monospace; }

.aR {
  text-align: right !important; }

.aC {
  text-align: center !important; }

.aL {
  text-align: left !important; }

.vT {
  vertical-align: top !important; }

.vM {
  vertical-align: middle !important; }

.vB {
  vertical-align: bottom !important; }

.hidden {
  display: none; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.mgl0 {
  margin-left: 0px   !important; }

.mgl5 {
  margin-left: 5px   !important; }

.mgl10 {
  margin-left: 10px   !important; }

.mgl15 {
  margin-left: 15px   !important; }

.mgl20 {
  margin-left: 20px   !important; }

.mgl25 {
  margin-left: 25px   !important; }

.mgl30 {
  margin-left: 30px   !important; }

.mgl35 {
  margin-left: 35px   !important; }

.mgl40 {
  margin-left: 40px   !important; }

.mgl45 {
  margin-left: 45px   !important; }

.mgl50 {
  margin-left: 50px   !important; }

.mgl75 {
  margin-left: 75px   !important; }

.mgl100 {
  margin-left: 100px   !important; }

.mgr0 {
  margin-right: 0px   !important; }

.mgr5 {
  margin-right: 5px   !important; }

.mgr10 {
  margin-right: 10px   !important; }

.mgr15 {
  margin-right: 15px   !important; }

.mgr20 {
  margin-right: 20px   !important; }

.mgr25 {
  margin-right: 25px   !important; }

.mgr30 {
  margin-right: 30px   !important; }

.mgr35 {
  margin-right: 35px   !important; }

.mgr40 {
  margin-right: 40px   !important; }

.mgr45 {
  margin-right: 45px   !important; }

.mgr50 {
  margin-right: 50px   !important; }

.mgr75 {
  margin-right: 75px   !important; }

.mgr100 {
  margin-right: 100px   !important; }

.mgt0 {
  margin-top: 0px   !important; }

.mgt5 {
  margin-top: 5px   !important; }

.mgt10 {
  margin-top: 10px   !important; }

.mgt15 {
  margin-top: 15px   !important; }

.mgt20 {
  margin-top: 20px   !important; }

.mgt25 {
  margin-top: 25px   !important; }

.mgt30 {
  margin-top: 30px   !important; }

.mgt35 {
  margin-top: 35px   !important; }

.mgt40 {
  margin-top: 40px   !important; }

.mgt45 {
  margin-top: 45px   !important; }

.mgt50 {
  margin-top: 50px   !important; }

.mgt75 {
  margin-top: 75px   !important; }

.mgt100 {
  margin-top: 100px   !important; }

.mgb0 {
  margin-bottom: 0px   !important; }

.mgb5 {
  margin-bottom: 5px   !important; }

.mgb10 {
  margin-bottom: 10px   !important; }

.mgb15 {
  margin-bottom: 15px   !important; }

.mgb20 {
  margin-bottom: 20px   !important; }

.mgb25 {
  margin-bottom: 25px   !important; }

.mgb30 {
  margin-bottom: 30px   !important; }

.mgb35 {
  margin-bottom: 35px   !important; }

.mgb40 {
  margin-bottom: 40px   !important; }

.mgb45 {
  margin-bottom: 45px   !important; }

.mgb50 {
  margin-bottom: 50px   !important; }

.mgb75 {
  margin-bottom: 75px   !important; }

.mgb100 {
  margin-bottom: 100px   !important; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

img {
  border: none;
  -ms-interpolation-mode: bicubic; }

p {
  margin: 0 0 1em 0; }
  p:last-child {
    margin-bottom: 0; }

ul, ol {
  list-style: none;
  list-style-position: inside; }

ul li, ol li {
  margin-bottom: 0.5em; }
  ul li:last-child, ol li:last-child {
    margin-bottom: 0; }

dl {
  margin: 0; }
  dl dt {
    margin: 0;
    font-weight: bold; }
    dl dt a {
      font-weight: bold; }
  dl dd {
    margin-bottom: 0.5em; }
    dl dd:last-child {
      margin-bottom: 0; }

hr {
  border-color: #ddd;
  border-style: solid;
  border-width: 3px 0 0 0;
  height: 3px;
  margin: 10px 0; }
  hr.solid {
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 0 0 0;
    height: 1px; }
  hr.dotted {
    border-style: dotted;
    border-color: #ccc;
    border-width: 1px 0 0 0;
    height: 1px; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  font-size: inherit; }

.blue {
  color: #3177de; }

.fs10 {
  font-size: 10px;
  font-size: 1.0rem; }

.fs12, .supp {
  font-size: 12px;
  font-size: 1.2rem; }

.fs14, select, input, button, textarea, pre, code, kbd, samp, tt, blockquote, dl, ol, ul, th, td, p, blockquote p, pre p, dl p, ol p, ul p, th p, td p, dd p, dt p {
  font-size: 16px;
  font-size: 1.6rem; }

.fs16 {
  font-size: 16px;
  font-size: 1.6rem; }

.fs18 {
  font-size: 18px;
  font-size: 1.8rem; }

.fs24 {
  font-size: 24px;
  font-size: 2.4rem; }

.fs26 {
  font-size: 26px;
  font-size: 2.6rem; }

.fs28 {
  font-size: 28px;
  font-size: 2.8rem; }

.fs30 {
  font-size: 30px;
  font-size: 3.0rem; }

.fs34 {
  font-size: 34px;
  font-size: 3.4rem; }

.fs38 {
  font-size: 38px;
  font-size: 3.8rem; }

.fs40 {
  font-size: 40px;
  font-size: 4.0rem; }

.fs42 {
  font-size: 42px;
  font-size: 4.2rem; }

body {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

select, input, button, textarea {
  font-family: arial,helvetica,clean,sans-serif; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  line-height: 100%; }

blockquote, pre, dl, ol, ul, th, td {
  line-height: 1.5; }

p {
  line-height: 1.7; }

ul, ol, dl {
  list-style-position: outside; }

.lh1 {
  line-height: 1; }

.bold {
  font-weight: bold; }

em {
  font-weight: bold; }

.notes {
  text-indent: -1em;
  margin-left: 1em; }

.creep {
  color: #999; }

a {
  color: #000;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(49, 119, 222, 0.5); }
  a:hover {
    color: #333;
    text-decoration: none; }
  a:active, a:focus {
    outline: none; }
  a.uNone {
    text-decoration: none !important; }
  a.uLine {
    text-decoration: underline !important; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  margin: 0;
  padding: 0; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: bold; }

ul.notes li {
  text-indent: -1em;
  margin-left: 1em; }

ul.disc, ol.disc {
  padding-left: 35px; }
  ul.disc li,
  ol.disc li {
    list-style-type: disc; }

ul.circle, ol.circle {
  padding-left: 35px; }
  ul.circle li,
  ol.circle li {
    list-style-type: circle; }

ul.decimal, ol.decimal {
  padding-left: 35px; }
  ul.decimal li,
  ol.decimal li {
    list-style-type: decimal; }

body.home {
  padding-top: 0; }

.categories {
  position: relative;
  display: block;
  width: 100%;
  height: 35px; }
  .categories ul {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #333; }
    .categories ul li {
      float: left;
      list-style-type: none;
      text-align: center;
      background-color: #333;
      cursor: pointer; }
      .categories ul li span {
        font-weight: bold;
        line-height: 1;
        display: block;
        display: block;
        padding: 11px 3px;
        text-align: center;
        color: #999;
        border-right: 1px solid #222;
        font-size: 10px;
        font-size: 1.0rem; }
      .categories ul li.current {
        font-weight: bold; }
        .categories ul li.current span {
          font-weight: bold;
          color: #fff;
          border-right-color: #222 !important;
          border-bottom: 4px solid #fff; }
        .categories ul li.current.category--top span {
          color: rgba(250, 150, 0, 0.9);
          border-color: rgba(250, 150, 0, 0.9); }
        .categories ul li.current.category--biz span {
          color: rgba(27, 186, 218, 0.9);
          border-color: rgba(27, 186, 218, 0.9); }
        .categories ul li.current.category--tech span {
          color: rgba(108, 122, 210, 0.9);
          border-color: rgba(108, 122, 210, 0.9); }
        .categories ul li.current.category--digital span {
          color: rgba(82, 184, 94, 0.9);
          border-color: rgba(82, 184, 94, 0.9); }
        .categories ul li.current.category--mac span {
          color: rgba(255, 182, 40, 0.9);
          border-color: rgba(255, 182, 40, 0.9); }
        .categories ul li.current.category--hobby span {
          color: rgba(238, 83, 85, 0.9);
          border-color: rgba(238, 83, 85, 0.9); }
        .categories ul li.current.category--pc span {
          color: rgba(82, 198, 146, 0.9);
          border-color: rgba(82, 198, 146, 0.9); }
        .categories ul li.current.category--windows span {
          color: rgba(0, 117, 218, 0.9);
          border-color: rgba(0, 117, 218, 0.9); }
        .categories ul li.current.category--audiovisual span {
          color: rgba(255, 119, 83, 0.9);
          border-color: rgba(255, 119, 83, 0.9); }
        .categories ul li.current.category--akiba span {
          color: rgba(222, 76, 202, 0.9);
          border-color: rgba(222, 76, 202, 0.9); }
        .categories ul li.current.category--smartphone span {
          color: rgba(129, 102, 217, 0.9);
          border-color: rgba(129, 102, 217, 0.9); }
        .categories ul li.current.category--new span {
          color: rgba(255, 83, 125, 0.9);
          border-color: rgba(255, 83, 125, 0.9); }
        .categories ul li.current.category--ranking span {
          color: rgba(255, 167, 43, 0.9);
          border-color: rgba(255, 167, 43, 0.9); }
        .categories ul li.current.category--movie span {
          color: rgba(196, 152, 92, 0.9);
          border-color: rgba(196, 152, 92, 0.9); }
        .categories ul li.current.category--otoku span {
          color: rgba(139, 188, 146, 0.9);
          border-color: rgba(196, 152, 92, 0.9); }
        .categories ul li.current.category--leaders span {
          color: rgba(196, 152, 92, 0.9);
          border-color: rgba(0, 104, 182, 0.9); }
  .categories.-colors ul li {
    float: left;
    list-style-type: none;
    text-align: center;
    background-color: #333; }
    .categories.-colors ul li span {
      font-weight: bold;
      line-height: 1;
      display: block;
      display: block;
/*      padding: 11px 5px;*/
      padding: 11px 3px;
      text-align: center;
      color: rgba(255, 255, 255, 0.5);
      border-right: 1px solid #222;
      border-bottom: 4px solid #fff;
      border-right-color: #222 !important;
      font-size: 10px;
      font-size: 1.0rem; }
      .categories.-colors ul li span:hover {
        color: #fff !important; }
    .categories.-colors ul li.current {
      font-weight: bold; }
      .categories.-colors ul li.current span {
        font-weight: bold;
        color: #fff;
        border-top-width: 2px;
        border-bottom-width: 2px; }
    .categories.-colors ul li.category--top.current {
      background-color: rgba(250, 150, 0, 0.9); }
    .categories.-colors ul li.category--top span {
      border-color: rgba(250, 150, 0, 0.9); }
    .categories.-colors ul li.category--club.current {
      background-color: rgba(214, 191, 77, 0.9); }
    .categories.-colors ul li.category--club span {
      border-color: rgba(214, 191, 77, 0.9); }
    .categories.-colors ul li.category--programming.current {
      background-color: rgba(124, 117, 109, 0.9); }
    .categories.-colors ul li.category--programming span {
      border-color: rgba(124, 117, 109, 0.9);
      font-size: 0.9rem; }
    .categories.-colors ul li.category--asciitv.current {
      background-color: rgba(230, 0, 18, 0.9); }
    .categories.-colors ul li.category--asciitv span {
      border-color: rgba(230, 0, 18, 0.9);
      font-size: 0.9rem; }
    .categories.-colors ul li.category--biz.current {
      background-color: rgba(27, 186, 218, 0.9); }
    .categories.-colors ul li.category--biz span {
      border-color: rgba(27, 186, 218, 0.9); }
    .categories.-colors ul li.category--tech.current {
      background-color: rgba(108, 122, 210, 0.9); }
    .categories.-colors ul li.category--tech span {
      border-color: rgba(108, 122, 210, 0.9); }
    .categories.-colors ul li.category--digital.current {
      background-color: rgba(82, 184, 94, 0.9); }
    .categories.-colors ul li.category--digital span {
      border-color: rgba(82, 184, 94, 0.9); }
    .categories.-colors ul li.category--sdgs span {
      border-color: rgba(39, 170, 225, 0.9); }
    .categories.-colors ul li.category--mac.current {
      background-color: rgba(255, 182, 40, 0.9); }
    .categories.-colors ul li.category--mac span {
      border-color: rgba(255, 182, 40, 0.9); }
    .categories.-colors ul li.category--hobby.current {
      background-color: rgba(238, 83, 85, 0.9); }
    .categories.-colors ul li.category--hobby span {
      border-color: rgba(238, 83, 85, 0.9); }
    .categories.-colors ul li.category--pc.current {
      background-color: rgba(82, 198, 146, 0.9); }
    .categories.-colors ul li.category--pc span {
      border-color: rgba(82, 198, 146, 0.9); }
    .categories.-colors ul li.category--windows.current {
      background-color: rgba(0, 117, 218, 0.9); }
    .categories.-colors ul li.category--windows span {
      border-color: rgba(0, 117, 218, 0.9); }
    .categories.-colors ul li.category--audiovisual.current {
      background-color: rgba(255, 119, 83, 0.9); }
    .categories.-colors ul li.category--audiovisual span {
      border-color: rgba(255, 119, 83, 0.9); }
    .categories.-colors ul li.category--akiba.current {
      background-color: rgba(222, 76, 202, 0.9); }
    .categories.-colors ul li.category--akiba span {
      border-color: rgba(222, 76, 202, 0.9); }
    .categories.-colors ul li.category--smartphone.current {
      background-color: rgba(129, 102, 217, 0.9); }
    .categories.-colors ul li.category--smartphone span {
      border-color: rgba(129, 102, 217, 0.9); }
    .categories.-colors ul li.category--startup.current {
      background-color: rgba(0, 117, 193, 0.9); }
    .categories.-colors ul li.category--startup span {
      border-color: rgba(0, 117, 193, 0.9); }
    .categories.-colors ul li.category--vr.current {
      background-color: rgba(0, 0, 0, 0.9); }
    .categories.-colors ul li.category--vr span {
      border-color: rgba(0, 0, 0, 0.9); }
    .categories.-colors ul li.category--wearable.current {
      background-color: rgba(3, 152, 172, 0.9); }
    .categories.-colors ul li.category--wearable span {
      border-color: rgba(3, 152, 172, 0.9); }
    .categories.-colors ul li.category--new.current {
      background-color: rgba(255, 83, 125, 0.9); }
    .categories.-colors ul li.category--new span {
      border-color: rgba(255, 83, 125, 0.9); }
    .categories.-colors ul li.category--ranking.current {
      background-color: rgba(255, 167, 43, 0.9); }
    .categories.-colors ul li.category--ranking span {
      border-color: rgba(255, 167, 43, 0.9); }
    .categories.-colors ul li.category--movie.current {
      background-color: rgba(196, 152, 92, 0.9); }
    .categories.-colors ul li.category--movie span {
      border-color: rgba(196, 152, 92, 0.9); }
    .categories.-colors ul li.category--gourmet.current {
      background-color: rgba(255, 69, 0, 0.9); }
    .categories.-colors ul li.category--gourmet span {
      border-color: rgba(255, 69, 0, 0.9); }
    .categories.-colors ul li.category--iot.current {
      background-color: rgba(0, 58, 131, 0.9); }
    .categories.-colors ul li.category--iot span {
      border-color: rgba(0, 58, 131, 0.9); }
    .categories.-colors ul li.category--otoku.current {
      background-color: rgba(139, 188, 146, 0.9); }
    .categories.-colors ul li.category--otoku span {
      border-color: rgba(139, 188, 146, 0.9); }
    .categories.-colors ul li.category--leaders.current {
      background-color: rgba(0, 104, 182, 0.9); }
    .categories.-colors ul li.category--leaders span {
      border-color: rgba(0, 104, 182, 0.9);
      font-size: 0.9rem; }
    .categories.-colors ul li.category--ai.current {
      background-color: rgba(25, 25, 85, 0.9); }
    .categories.-colors ul li.category--ai span {
      border-color: rgba(25, 25, 85, 0.9); }
    .categories.-colors ul li.category--kids.current {
      background-color: rgba(39, 140, 49, 0.9); }
    .categories.-colors ul li.category--kids span {
      border-color: rgba(39, 140, 49, 0.9); }
    .categories.-colors ul li.category--sportsbusiness.current {
      background-color: rgba(135, 206, 250, 0.9); }
    .categories.-colors ul li.category--area.current {
      background-color: rgba(239, 111, 35, 0.9); }
    .categories.-colors ul li.category--area span {
      border-color: rgba(239, 111, 35, 0.9); }
    .categories.-colors ul li.category--tours.current {
      background-color: rgba(0, 165, 98, 0.9); }
    .categories.-colors ul li.category--tours span {
      border-color: rgba(0, 165, 98, 0.9); }

    .categories.-colors ul li.category--leisure div {
      border-bottom: 4px solid rgba(211, 47, 47, 0.9);
      font-weight: bold;
      line-height: 1;
      padding: 6px 3px;
      text-align: center;
      color: rgba(255, 255, 255, 0.5);
      border-right: 1px solid #222;
      font-size: 1.0rem;
      display: flex;
      justify-content: space-around;
    }
    .categories.-colors ul li.category--leisure.current {
      background-color: rgba(211, 47, 47, 0.9);
    }
    .categories.-colors ul li.category--leisure div span {
      padding: 0 0;
      border: none;
      color: rgba(255, 255, 255, 0.5);
      text-align: left;
    }
    .categories.-colors ul li.category--leisure.current div span {
      font-weight: bold;
      color: #fff;
      border-top-width: 2px;
      border-bottom-width: 2px;
    }
    .categories.-colors ul li.category--areainnovation div {
      border-bottom: 4px solid rgba(196, 163, 191, 0.9);
      font-weight: bold;
      line-height: 1;
      padding: 6px 3px;
      text-align: center;
      color: rgba(255, 255, 255, 0.5);
      border-right: 1px solid #222;
      font-size: 1.0rem;
      display: flex;
      justify-content: space-around;
    }
    .categories.-colors ul li.category--areainnovation.current {
      background-color: rgba(196, 163, 191, 0.9);
    }
    .categories.-colors ul li.category--areainnovation div span {
      padding: 0 0;
      border: none;
      color: rgba(255, 255, 255, 0.5);
      text-align: left;
    }
    .categories.-colors ul li.category--areainnovation.current div span {
      font-weight: bold;
      color: #fff;
      border-top-width: 2px;
      border-bottom-width: 2px;
    }
    .categories.-colors ul li.category--sportsbusiness span {
      border-color: rgba(135, 206, 250, 0.9); }
    .categories.-colors ul li.category--fintech.current {
      background-color: rgba(135, 31, 36, 0.9); }
    .categories.-colors ul li.category--fintech span {
      border-color: rgba(135, 31, 36, 0.9); }
    .categories.-colors ul li.category--games span {
      border-color: rgba(232, 1, 19, 0.9); }
.footer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  *zoom: 1;
  padding-top: 10px;
  padding-bottom: 220px;
  background-color: #000000; }
  .footer:before, .footer:after {
    display: table;
    content: "";
    line-height: 0; }
  .footer:after {
    clear: both; }
  .footer .footer__links ul {
    *zoom: 1;
    margin: 0 0 10px 0;
    padding: 0; }
    .footer .footer__links ul:before, .footer .footer__links ul:after {
      display: table;
      content: "";
      line-height: 0; }
    .footer .footer__links ul:after {
      clear: both; }
    .footer .footer__links ul li {
      float: left;
      margin-right: 10px;
      margin-bottom: 5px; }
      .footer .footer__links ul li a {
        color: #fff;
        font-size: 10px;
        font-size: 1.0rem; }
  .footer p.notation {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-size: 1.0rem; }
  .footer .footer_copyrights {
    display: block;
    text-align: center;
    margin: auto;
    color: #fff;
    font-size: 10px;
    font-size: 1.0rem; }

 .site .footer{
  padding-bottom: 0px;
}

.header__outer {
  margin-top: 40px;
  position: relative;
  width: 100%;
  overflow: hidden;
margin-bottom: 10px;}

.header__outer--hero {
  margin-top: 40px;
  position: relative; }

.header__outer--hero.opacity header.header { /* add */
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )"; }

.top_hero{
  margin-top: 10px;
}

header.header {
  background-color: #fff;
  height: 40px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  *zoom: 1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%; }
  header.header:before, header.header:after {
    display: table;
    content: "";
    line-height: 0; }
  header.header:after {
    clear: both; }
  header.header.transparent {
    background-color: transparent; }
  header.header .header__logo {
    text-align: center;
    margin: 0;
    padding-top: 10px;
    line-height: 1; }
    header.header .header__logo img {
	  max-width: 68px;
      height: auto;
      display: block;
      margin: auto; }
  header.header .header__logo.logo110 {
    padding-top: 3px; }
    header.header .header__logo.logo110 img {
      width: auto;
	  max-width: initial;
	  max-height: 34px; }
    header.header .header__logo img.sb {
      max-width: 210px;
      height: auto;
      display: block;
      margin: 2px auto; }
	@media screen and (min-width:480px) {
      header.header .header__logo img.sb {
	    max-width: 250px;
	    margin: auto;
      }
    }

.menu, .menu--search {
  margin: 0 10px 0 -10px !important;
  padding: 0 0 0 0 !important;
  text-align: left; }
  .menu .menu__inner, .menu--search .menu__inner {
    width: 50px;
    height: 40px;
    padding: 5px 10px 0; }
    .menu .menu__inner.open, .menu--search .menu__inner.open {
      background-color: #000; }
      .menu .menu__inner.open .menu__button, .menu--search .menu__inner.open .menu__button, .menu .menu__inner.open .search__button, .menu--search .menu__inner.open .search__button {
        color: #fff;
        border: none; }
  .menu .menu__button, .menu--search .menu__button, .menu .search__button, .menu--search .search__button {
    font-weight: bold;
    display: block;
    width: 30px;
    height: 30px;
    padding: 3px 3px 3px 3px;
    border: 1px solid #ccc;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 6px;
    font-size: 0.6rem;
    border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important; }
    .menu .menu__button .fa, .menu--search .menu__button .fa, .menu .search__button .fa, .menu--search .search__button .fa {
      display: block;
      font-size: 14px;
      font-size: 1.4rem; }
  .menu .search__button, .menu--search .search__button {
    border: none; }
    .menu .search__button .fa, .menu--search .search__button .fa {
      font-size: 16px;
      font-size: 1.6rem; }

.header.transparent .menu__button, .header.transparent .menu .search__button, .menu .header.transparent .search__button, .header.transparent .menu--search .search__button, .menu--search .header.transparent .search__button {
  color: #fff;
  border-color: transparent; }

.menu--search {
  margin: 0 -10px 0 10px !important;
  text-align: right; }
  .menu--search .menu__inner {
    float: right; }

.menu-open, .menu-open--search {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  top: 40px;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9); }
  .menu-open.visible, .visible.menu-open--search {
    display: block; }
  .menu-open .menu-open__inner, .menu-open--search .menu-open__inner {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
    *zoom: 1; }
    .menu-open .menu-open__inner:before, .menu-open--search .menu-open__inner:before, .menu-open .menu-open__inner:after, .menu-open--search .menu-open__inner:after {
      display: table;
      content: "";
      line-height: 0; }
    .menu-open .menu-open__inner:after, .menu-open--search .menu-open__inner:after {
      clear: both; }
  .menu-open .menu-open__subtitle, .menu-open--search .menu-open__subtitle {
    font-weight: bold;
    margin-bottom: 0;
    color: #eee;
    font-size: 8px;
    font-size: 0.8rem; }
  .menu-open hr, .menu-open--search hr {
    height: 1px;
    margin: 0 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #999; }
  .menu-open ul.menu-open__list, .menu-open--search ul.menu-open__list {
    margin: 0;
    padding: 0 0; }
    .menu-open ul.menu-open__list li, .menu-open--search ul.menu-open__list li {
      color: #fff; }
      .menu-open ul.menu-open__list li a, .menu-open--search ul.menu-open__list li a {
      font-weight: bold;
        display: block;
        margin-right: -10px;
        margin-left: -10px;
        padding: 10px 10px;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
        .menu-open ul.menu-open__list li a .fa, .menu-open--search ul.menu-open__list li a .fa {
          margin-right: 3px; }
  .menu-open .menu-open__categories, .menu-open--search .menu-open__categories {
    margin: 0 -10px;
    padding: 0; }
  .menu-open .menu-open__category,
   .menu-open--search .menu-open__category,
    .menu-open [class*="menu-open__category--"],
     .menu-open--search [class*="menu-open__category--"] {
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0;
    color: #fff; }
    .menu-open .menu-open__category a,
     .menu-open--search .menu-open__category a,
     .menu-open [class*="menu-open__category--"] a,
     .menu-open--search [class*="menu-open__category--"] a {
      font-weight: bold;
      line-height: 1;
      display: table;
      width: 100%;
      margin-bottom: 15px;
      color: #fff;
      background-color: #fff;
      border-radius: 5px 5px 5px 5px !important;
      -webkit-border-radius: 5px 5px 5px 5px !important;
      -moz-border-radius: 5px 5px 5px 5px !important; }
      .menu-open .menu-open__category a span,
       .menu-open--search .menu-open__category a span,
       .menu-open [class*="menu-open__category--"] a span,
       .menu-open--search [class*="menu-open__category--"] a span {
        line-height: 1;
        display: table-cell;
        padding: 30px 5px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        font-size: 14px;
        font-size: 1.7rem; }
      .menu-open .menu-open__category a .fa,
       .menu-open--search .menu-open__category a .fa,
       .menu-open [class*="menu-open__category--"] a .fa,
       .menu-open--search [class*="menu-open__category--"] a .fa {
        margin-right: 3px; }
  .menu-open .menu-open__category--top a, .menu-open--search .menu-open__category--top a {
    background-color: rgba(250, 150, 0, 0.9); }
  .menu-open .menu-open__category--biz a, .menu-open--search .menu-open__category--biz a {
    background-color: rgba(27, 186, 218, 0.9); }
  .menu-open .menu-open__category--tech a, .menu-open--search .menu-open__category--tech a {
    background-color: rgba(108, 122, 210, 0.9); }
  .menu-open .menu-open__category--digital a, .menu-open--search .menu-open__category--digital a {
    background-color: rgba(82, 184, 94, 0.9); }
  .menu-open .menu-open__category--mac a, .menu-open--search .menu-open__category--mac a {
    background-color: rgba(255, 182, 40, 0.9); }
  .menu-open .menu-open__category--hobby a, .menu-open--search .menu-open__category--hobby a {
    background-color: rgba(238, 83, 85, 0.9); }
  .menu-open .menu-open__category--pc a, .menu-open--search .menu-open__category--pc a {
    background-color: rgba(82, 198, 146, 0.9); }
  .menu-open .menu-open__category--windows a, .menu-open--search .menu-open__category--windows a {
    background-color: rgba(0, 117, 218, 0.9); }
  .menu-open .menu-open__category--audiovisual a, .menu-open--search .menu-open__category--audiovisual a {
    background-color: rgba(255, 119, 83, 0.9); }
  .menu-open .menu-open__category--akiba a, .menu-open--search .menu-open__category--akiba a {
    background-color: rgba(222, 76, 202, 0.9); }
  .menu-open .menu-open__category--smartphone a, .menu-open--search .menu-open__category--smartphone a {
    background-color: rgba(129, 102, 217, 0.9); }
  .menu-open .menu-open__category--new a, .menu-open--search .menu-open__category--new a {
    background-color: rgba(255, 83, 125, 0.9); }
  .menu-open .menu-open__category--ranking a, .menu-open--search .menu-open__category--ranking a {
    background-color: rgba(255, 167, 43, 0.9); }
  .menu-open .menu-open__category--movie a, .menu-open--search .menu-open__category--movie a {
    background-color: rgba(196, 152, 92, 0.9); }
  .menu-open .menu-open__category--asciiclub a, .menu-open--search .menu-open__category--asciiclub a {
    background-color: #fff; }
  .menu-open .menu-open__category--iot a, .menu-open--search .menu-open__category--iot a {
    background-color: rgba(0, 58, 131, 0.9); }
  .menu-open .menu-open__category--leaders a, .menu-open--search .menu-open__category--leaders a {
    background-color: rgba(0, 104, 182, 0.9); }
  .menu-open .menu-open__category--ai a, .menu-open--search .menu-open__category--ai a {
    background-color: rgba(25, 25, 85, 0.9); }
  .menu-open .menu-open__category--kids a, .menu-open--search .menu-open__category--kids a {
    background-color: rgba(39, 140, 49, 0.9); }
  .menu-open .menu-open__category--sportsbusiness a, .menu-open--search .menu-open__category--sportsbusiness a {
    background-color: rgba(135, 206, 250, 0.9); }
  .menu-open .menu-open__category--fintech a, .menu-open--search .menu-open__category--fintech a {
    background-color: rgba(135, 31, 36, 0.9); }
.menu-open .menu-open__category--asciiclub a span,
.menu-open--search .menu-open__category--asciiclub a span,
.menu-open .menu-open__category--asciitv a span,
.menu-open--search .menu-open__category--asciitv a span,
.menu-open .menu-open__category--kaden a span,
.menu-open--search .menu-open__category--kaden a span,
.menu-open .menu-open__category--gourmet a span,
.menu-open--search .menu-open__category--gourmet a span,
.menu-open .menu-open__category--startup a span,
.menu-open--search .menu-open__category--startup a span,
.menu-open .menu-open__category--lovewalker a span,
.menu-open--search .menu-open__category--lovewalker a span,
.menu-open .menu-open__category--ramenwalker a span,
.menu-open--search .menu-open__category--ramenwalker a span,
.menu-open .menu-open__category--highwaywalker a span,
.menu-open--search .menu-open__category--highwaywalker a span {
  padding-top: 25px;
  padding-bottom: 25px; }
.menu-open .menu-open__category--asciiclub a img,
.menu-open--search .menu-open__category--asciiclub a img,
.menu-open .menu-open__category--asciitv a img,
.menu-open--search .menu-open__category--asciitv a img,
.menu-open .menu-open__category--kaden a img,
.menu-open--search .menu-open__category--kaden a img,
.menu-open .menu-open__category--gourmet a img,
.menu-open--search .menu-open__category--gourmet a img,
.menu-open .menu-open__category--startup a img,
.menu-open--search .menu-open__category--startup a img,
.menu-open .menu-open__category--lovewalker a img,
.menu-open--search .menu-open__category--lovewalker a img,
.menu-open .menu-open__category--ramenwalker a img,
.menu-open--search .menu-open__category--ramenwalker a img,
.menu-open .menu-open__category--highwaywalker a img,
.menu-open--search .menu-open__category--highwaywalker a img {
  width: auto;
  height: 21px;
  max-width: 100%; }
.menu-open .menu-open__category--sao a, .menu-open--search .menu-open__category--sao a {
  background-color: rgba(22, 115, 252, 0.9); }
.menu-open .menu-open__category--startup a, .menu-open--search .menu-open__category--startup a {
  background-color: rgba(0, 117, 193, 0.9); }
.menu-open .menu-open__category--games a, .menu-open--search .menu-open__category--games a {
  background-color: #f00; }

.menu-open--search .menu-open__subtitle {
  padding-top: 10px; }
.menu-open--search .menu-open__search input[type='search'] {
  width: 95%;
  margin-top: 5px; }

.search {
  margin: 0 !important;
  padding: 0 !important;
  text-align: right; }
  .search .search__button {
    height: 30px;
    width: 30px;
    display: block;
    margin-top: 5px;
    font-weight: bold;
    padding: 3px 3px 3px 3px;
    font-size: 6px;
    font-size: 0.6rem;
    border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    background-color: transparent;
    border: none; }
    .search .search__button .fa {
      display: block;
      font-size: 16px;
      font-size: 1.6rem; }

.header.transparent .search__button {
  color: #fff; }

.comment-add .comment-add__input {
  padding-top: 10px;
  padding-bottom: 10px; }
.comment-add .comment-add__btn {
  display: block;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.2;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px; }
  .comment-add .comment-add__btn b {
    font-size: 14px;
    font-size: 1.4rem; }
.comment-add .comment-add__count {
  text-align: right; }
  .comment-add .comment-add__count .comment-add__count-num {
    color: #666; }
.comment-add .comment-add__text {
  padding-top: 10px;
  font-size: 12px;
  font-size: 1.2rem; }

.comment-user, .comment-user--editor {
  *zoom: 1;
  vertical-align: middle;
  line-height: 1; }
  .comment-user:before, .comment-user--editor:before, .comment-user:after, .comment-user--editor:after {
    display: table;
    content: "";
    line-height: 0; }
  .comment-user:after, .comment-user--editor:after {
    clear: both; }
  .comment-user .comment-user__image, .comment-user--editor .comment-user__image {
    display: inline;
    margin-right: 10px;
    position: relative; }
    .comment-user .comment-user__image img.comment-user__pic, .comment-user--editor .comment-user__image img.comment-user__pic {
      vertical-align: middle;
      width: 30px;
      height: auto;
      border: 1px solid #fff; }
    .comment-user .comment-user__image .comment-user__symbol, .comment-user--editor .comment-user__image .comment-user__symbol {
      position: absolute;
      top: -15px;
      right: -5px; }
      .comment-user .comment-user__image .comment-user__symbol img, .comment-user--editor .comment-user__image .comment-user__symbol img {
        border: 2px solid #bca523;
        border-radius: 20px;
        width: 20px;
        height: 20px; }
  .comment-user .comment-user__name, .comment-user--editor .comment-user__name {
    margin-right: 10px; }
    .comment-user .comment-user__name a, .comment-user--editor .comment-user__name a {
      font-weight: bold; }
  .comment-user .comment-user__my-comments, .comment-user--editor .comment-user__my-comments {
    float: right;
    margin-top: 7px; }
    .comment-user .comment-user__my-comments a, .comment-user--editor .comment-user__my-comments a {
      text-decoration: underline; }
      .comment-user .comment-user__my-comments a:hover, .comment-user--editor .comment-user__my-comments a:hover {
        text-decoration: none; }
  .comment-user .comment-user__time, .comment-user--editor .comment-user__time {
    display: inline-block;
    border-left: 1px solid #ddd;
    padding-left: 10px;
    color: #999; }

.comment {
  padding: 30px 0;
  border-bottom: 1px dotted #ddd;
  position: relative; }
  .comment:last-child {
    margin-bottom: 15px; }
  .comment .comment__title {
    color: #333;
    font-size: 18px;
    font-size: 1.8rem; }
    .comment .comment__title a {
      color: #333; }
  .comment .comment__category, .comment .comment__category--report, .comment .comment__category--movie {
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    margin-right: 5px;
    padding: 3px 10px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem; }
  .comment .comment__category--report {
    background-color: #22c5ac; }
  .comment .comment__category--movie {
    background-color: #3177de; }
  .comment .comment__time {
    color: #666;
    font-size: 12px;
    font-size: 1.2rem; }
  .comment .comment__del {
    cursor: pointer;
    text-align: center; }
    .comment .comment__del:hover {
      color: #3177de; }
    .comment .comment__del .fa {
      display: block; }
  .comment .comment__num {
    font-weight: bold; }
  .comment .comment__pop-outer {
    position: relative; }
  .comment .comment__pop-in {
    text-align: right; }
    .comment .comment__pop-in .fa {
      display: inline-block;
      padding: 10px;
      cursor: pointer; }
      .comment .comment__pop-in .fa:hover {
        opacity: 0.8;
        filter: alpha(opacity=0.8);
        -ms-filter: "alpha( opacity=$alpha )"; }
  .comment .comment__pop-over {
    position: absolute;
    z-index: 10;
    right: 5px;
    display: none;
    padding: 10px 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 3px #333;
    -moz-box-shadow: 0px 0px 3px #333;
    -ms-box-shadow: 0px 0px 3px #333;
    box-shadow: 0px 0px 3px #333;
    border-radius: 2px 2px 2px 2px !important;
    -webkit-border-radius: 2px 2px 2px 2px !important;
    -moz-border-radius: 2px 2px 2px 2px !important; }
    .comment .comment__pop-over ul li {
      white-space: nowrap; }
    .comment .comment__pop-over:before, .comment .comment__pop-over:after {
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      content: ''; }
    .comment .comment__pop-over:before {
      right: 15px;
      margin-top: -9px;
      margin-right: -9px;
      border-top: 0 solid transparent;
      border-right: 9px solid transparent;
      border-bottom: 9px solid #999;
      border-left: 9px solid transparent; }
    .comment .comment__pop-over:after {
      right: 15px;
      margin-top: -8px;
      margin-right: -8px;
      border-top: 0 solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #fff;
      border-left: 8px solid transparent; }
  .comment .comment__content {
    padding: 10px 0; }
  .comment .comment__content-more,
  .comment .comment__content-close {
    line-height: 1;
    margin-bottom: 0; }
    .comment .comment__content-more span,
    .comment .comment__content-close span {
      line-height: 1;
      display: inline-block;
      padding: 5px 15px;
      cursor: pointer;
      text-align: center; }
    .comment .comment__content-more .fa,
    .comment .comment__content-close .fa {
      margin-right: 5px; }
  .comment .comment__content-close {
    display: none; }
  .comment .comment__action {
    *zoom: 1;
    position: relative; }
    .comment .comment__action:before, .comment .comment__action:after {
      display: table;
      content: "";
      line-height: 0; }
    .comment .comment__action:after {
      clear: both; }
  .comment .comment__action-num {
    font-size: 14px;
    font-size: 1.4rem; }
  .comment .comment__btn-like,
  .comment .comment__btn-bad {
    line-height: 1;
    display: inline-block;
    float: right;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .comment .comment__btn-like .fa,
    .comment .comment__btn-bad .fa {
      margin-right: 5px; }
  .comment .comment__btn-like {
    border-radius: 3px 0 0 3px !important;
    -webkit-border-radius: 3px 0 0 3px !important;
    -moz-border-radius: 3px 0 0 3px !important; }
    .comment .comment__btn-like .fa {
      color: #4b94c4; }
    .comment .comment__btn-like:hover, .comment .comment__btn-like.-checked {
      color: #fff;
      border-color: #4b94c4;
      background-color: #4b94c4; }
      .comment .comment__btn-like:hover .fa, .comment .comment__btn-like.-checked .fa {
        color: #fff; }
  .comment .comment__btn-bad {
    border-left: none;
    border-radius: 0 3px 3px 0 !important;
    -webkit-border-radius: 0 3px 3px 0 !important;
    -moz-border-radius: 0 3px 3px 0 !important; }
    .comment .comment__btn-bad .fa {
      color: #e43c3c; }
    .comment .comment__btn-bad:hover, .comment .comment__btn-bad.-checked {
      color: #fff;
      border-color: #e43c3c;
      background-color: #e43c3c; }
      .comment .comment__btn-bad:hover .fa, .comment .comment__btn-bad.-checked .fa {
        color: #fff; }
  .comment .comment__actioned {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0; }
    .comment .comment__actioned.-show {
      top: -2em;
      opacity: 1; }
    .comment .comment__actioned.-out {
      top: -2em;
      right: 20px;
      opacity: 0; }
  .comment .comment__actioned-like {
    display: none;
    color: #4b94c4; }
  .comment .comment__actioned-bad {
    display: none;
    color: #e43c3c; }
  .comment .comment__action-num {
    font-weight: bold; }
  .comment .comment__modal {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .comment .comment__modal-title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem; }
  .comment .comment__modal-content {
    padding-top: 15px; }
  .comment .comment__modal-bg {
    padding: 30px 15px;
    background-color: rgba(0, 0, 0, 0.8); }
  .comment .comment__modal-complete {
    display: none; }
    .comment .comment__modal-complete p {
      text-align: center;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .comment .comment__modal-bg {
      padding: 30px 30px; } }
  @media only screen and (max-width: 767px) {
    .comment .comment__title {
      font-size: 16px;
      font-size: 1.6rem; }
    .comment .comment__del {
      font-size: 12px;
      font-size: 1.2rem; }
      .comment .comment__del span {
        display: none; }
    .comment .comment__category, .comment .comment__category--report, .comment .comment__category--movie {
      padding: 2px 5px;
      font-size: 10px;
      font-size: 1.0rem; }
    .comment .comment__btn-like,
    .comment .comment__btn-bad {
      font-size: 10px;
      font-size: 1.0rem; }
    .comment .comment__texts {
      margin-left: -10px; }
    .comment .comment__del {
      text-align: right; }
      .comment .comment__del .fa {
        font-size: 20px;
        font-size: 2.0rem; } }

.comments {
  margin-top: 60px; }
  .comments .comments__title {
    line-height: 1;
    margin-bottom: 10px;
    padding: 5px 0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    font-size: 18px;
    font-size: 1.8rem;
    *zoom: 1; }
    .comments .comments__title:before, .comments .comments__title:after {
      display: table;
      content: "";
      line-height: 0; }
    .comments .comments__title:after {
      clear: both; }
    .comments .comments__title .fa {
      font-size: 28px;
      font-size: 2.8rem; }
  .comments .comments__title-str {
    font-weight: bold;
    display: inline-block;
    float: left;
    margin-top: 6px; }
  .comments .comments__num {
    font-weight: bold;
    position: relative;
    z-index: 0;
    display: inline-block;
    float: left;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 15px;
    text-align: center;
    color: #fff;
    background: #bca523;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important; }
    .comments .comments__num:after {
      position: absolute;
      bottom: -8px;
      left: 50%;
      display: block;
      width: 0;
      height: 0;
      margin-left: -8px;
      content: '';
      border-width: 8px 8px 0 8px;
      border-style: solid;
      border-color: #bca523 transparent transparent transparent; }
  .comments .comments__btn {
    padding: 10px 0 5px; }
    .comments .comments__btn a,
    .comments .comments__btn span {
      display: block; }
  .comments .comments__tabs {
    margin-top: 20px;
    padding-top: 10px;
    border-bottom: 1px solid #ddd; }
    .comments .comments__tabs ul {
      margin-bottom: -1px;
      padding-left: 15px;
      *zoom: 1; }
      .comments .comments__tabs ul:before, .comments .comments__tabs ul:after {
        display: table;
        content: "";
        line-height: 0; }
      .comments .comments__tabs ul:after {
        clear: both; }
      .comments .comments__tabs ul li {
        float: left;
        margin: 0; }
        .comments .comments__tabs ul li a,
        .comments .comments__tabs ul li span {
          font-weight: bold;
          display: block;
          padding: .5em 15px;
          text-decoration: none;
          color: #333;
          border-top: 1px solid #ddd;
          border-right: 1px solid #ddd;
          font-size: 14px;
          font-size: 1.4rem;
          text-decoration: none; }
          .comments .comments__tabs ul li a:hover,
          .comments .comments__tabs ul li span:hover {
            text-decoration: underline; }
        .comments .comments__tabs ul li span {
          font-weight: normal;
          background-color: #fff; }
        .comments .comments__tabs ul li:first-child a,
        .comments .comments__tabs ul li:first-child span {
          border-left: 1px solid #ddd;
          border-radius: 3px 0 0 0 !important;
          -webkit-border-radius: 3px 0 0 0 !important;
          -moz-border-radius: 3px 0 0 0 !important; }
        .comments .comments__tabs ul li:last-child a,
        .comments .comments__tabs ul li:last-child span {
          border-radius: 0 3px 0 0 !important;
          -webkit-border-radius: 0 3px 0 0 !important;
          -moz-border-radius: 0 3px 0 0 !important; }
  .comments .comments__sort {
    border-bottom: 1px solid #eee;
    *zoom: 1; }
    .comments .comments__sort:before, .comments .comments__sort:after {
      display: table;
      content: "";
      line-height: 0; }
    .comments .comments__sort:after {
      clear: both; }
    .comments .comments__sort ul {
      padding: 10px 0; }
      .comments .comments__sort ul li {
        line-height: 1;
        float: left; }
        .comments .comments__sort ul li a,
        .comments .comments__sort ul li span {
          display: block;
          padding: .5em 15px;
          border-right: 1px solid #eee;
          font-size: 12px;
          font-size: 1.2rem; }
        .comments .comments__sort ul li a {
          text-decoration: none; }
          .comments .comments__sort ul li a:hover {
            text-decoration: underline; }
        .comments .comments__sort ul li span {
          font-weight: bold; }
        .comments .comments__sort ul li:last-child a,
        .comments .comments__sort ul li:last-child span {
          border-right: none; }
  @media only screen and (max-width: 767px) {
    .comments {
      margin-top: 20px; }
      .comments .comments__title {
        padding: 5px 0;
        font-size: 14px;
        font-size: 1.4rem; }
      .comments .comments__title-str {
        margin-top: 4px; }
      .comments .comments__num {
        margin-bottom: 3px;
        padding: 3px 10px;
        font-size: 12px;
        font-size: 1.2rem; }
        .comments .comments__num:after {
          bottom: -4px;
          margin-left: -4px;
          border-width: 4px 4px 0 4px; }
      .comments .comments__tabs {
        margin-top: 10px; }
        .comments .comments__tabs ul {
          padding-left: 5px; }
          .comments .comments__tabs ul li a,
          .comments .comments__tabs ul li span {
            padding: .5em 10px;
            font-size: 12px;
            font-size: 1.2rem; } }
  .comments .comments__more {
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #ccc; }
    .comments .comments__more .button--white, .comments .comments__more .button--white-small {
      display: inline-block;
      width: auto; }

.content-comments {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000; }

.form .form__textarea {
  width: 100%;
  padding: 10px;
  border: 2px solid #d2d2d2;
  border-radius: 5px 5px 5px 5px !important;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  -moz-border-radius: 5px 5px 5px 5px !important;
  font-size: 16px;
  font-size: 1.6rem;
  min-height: 120px; }
  @media only screen and (max-width: 767px) {
    .form .form__textarea {
      min-height: 80px; } }

.modal-only {
  background-color: #fff;
  padding: 3px;
  border: 2px solid #ddd;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); }
  .modal-only .modal-only__header {
    background-color: #0b0b0b; }
  .modal-only .modal-only__logo {
    text-align: center; }
    .modal-only .modal-only__logo img {
      max-width: 200px;
      height: auto; }
  .modal-only .modal-only__content {
    padding: 15px 15px; }
    .modal-only .modal-only__content a {
      text-decoration: underline; }
      .modal-only .modal-only__content a:hover {
        text-decoration: none; }
  .modal-only .modal-only__content-row {
    margin-bottom: 15px; }
    .modal-only .modal-only__content-row:last-child {
      margin-bottom: 0; }

.modal {
  display: none;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  *zoom: 1; }
  .modal:before, .modal:after {
    display: table;
    content: "";
    line-height: 0; }
  .modal:after {
    clear: both; }
  .modal .modal__close {
    padding-bottom: 5px;
    text-align: right;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem; }
    .modal .modal__close .modal__close-btn {
      line-height: 1;
      padding: .3em .45em;
      cursor: pointer;
      border: 1px solid rgba(255, 255, 255, 0.7); }
      .modal .modal__close .modal__close-btn:hover {
        background-color: rgba(255, 255, 255, 0.2); }
  .modal .modal__title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem; }
  .modal .modal__content {
    padding-top: 15px; }
  .modal .modal__bg {
    padding: 30px 15px;
    background-color: rgba(0, 0, 0, 0.8); }
  @media only screen and (max-width: 767px) {
    .modal .modal__bg {
      padding: 30px 30px; } }

.modal-out {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 10px;
  text-align: right;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem; }
  .modal-out .modal-out__btn-close {
    line-height: 1;
    display: inline-block;
    padding: .3em .45em;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important; }
    .modal-out .modal-out__btn-close:hover {
      background-color: rgba(0, 0, 0, 0.2); }

.navigation {
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .navigation {
      margin-bottom: 15px; } }
  .navigation .navigation__title {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 15px; }
    @media only screen and (max-width: 767px) {
      .navigation .navigation__title {
        padding: 5px 15px; } }
    @media only screen and (max-width: 767px) {
      .navigation .navigation__title {
        margin-left: -15px;
        margin-right: -15px; } }
  .navigation .navigation__list {
    list-style: none; }
    @media only screen and (max-width: 767px) {
      .navigation .navigation__list {
        margin-left: -15px;
        margin-right: -15px; } }
    .navigation .navigation__list li {
      line-height: 1;
      margin-bottom: 0; }
      .navigation .navigation__list li:first-child a {
        border-top: 1px solid #e9e9e9; }
      .navigation .navigation__list li a {
        font-weight: bold;
        position: relative;
        display: block;
        width: 100%;
        text-decoration: none;
        color: #000;
        border-bottom: 1px solid #e9e9e9;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 20px 2em;
        vertical-align: middle;
        line-height: 1;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
        @media only screen and (max-width: 767px) {
          .navigation .navigation__list li a {
            padding: 15px 2em; } }
        .navigation .navigation__list li a:hover {
          background-color: rgba(213, 223, 232, 0.2); }
        .navigation .navigation__list li a:before {
          font-family: 'FontAwesome';
          position: absolute;
          top: 50%;
          right: 15px;
          margin-top: -0.5em;
          content: '\f105';
          font-size: 28px;
          font-size: 2.8rem; }
        .navigation .navigation__list li a .fa {
          margin-right: 15px; }

.pagination .pagination__list {
  text-align: center;
  margin-bottom: 5px;
  white-space: nowrap; }
.pagination .pagination__item {
  display: inline;
  margin-left: 5px;
  margin-right: 5px; }
  @media only screen and (max-width: 767px) {
    .pagination .pagination__item {
      margin-left: 2px;
      margin-right: 2px; } }
  .pagination .pagination__item a {
    display: inline-block;
    padding: 5px 13px;
    border: 1px solid #ddd;
    border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important; }
    .pagination .pagination__item a:hover {
      background-color: rgba(75, 148, 196, 0.2); }
    @media only screen and (max-width: 767px) {
      .pagination .pagination__item a {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 5px; } }
  .pagination .pagination__item span {
    display: inline-block;
    padding: 5px 13px;
    border: 1px solid #ddd;
    border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    color: #999; }
  .pagination .pagination__item.-active a {
    text-decoration: none;
    background-color: #3177de;
    color: #fff;
    font-weight: bold;
    border-color: #3177de; }
    .pagination .pagination__item.-active a:hover {
      text-decoration: underline; }
  .pagination .pagination__item.-prev {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; }
  .pagination .pagination__item.-next {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; }
.pagination .pagination__status {
  display: block; }
.pagination .pagination__count {
  padding-top: 5px;
  text-align: center;
  color: #666; }
  .pagination .pagination__count .pagination__current {
    color: #333; }
.pagination .pagination__sup {
  margin-top: 10px;
  margin-bottom: 15px;
  background-color: #f6f6f6;
  padding: 5px 10px; }
  .pagination .pagination__sup a {
    color: #333; }

.ad {
  text-align: center;
/*  padding: 10px 10px 0 10px; */
  padding: 10px 0; }
  .ad img.dummy {
    width: 100%;
    height: auto;
    display: block; }
    
.ad320 { 
  text-align: center;
  padding: 10px 0 0; }
.article {
	padding: 0 10px; }
.article .article-header {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  *zoom: 1;
  margin: 10px 0 0; }
  .article .article-header:before, .article .article-header:after {
    display: table;
    content: "";
    line-height: 0; }
  .article .article-header:after {
    clear: both; }
  .article .article-header .article-header__category,
  .article .article-header p[class*="article-header__category--"] {
    padding: 2px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    font-size: 1.0rem;
    text-align: center;
    display: inline; }
  .article .article-header .article-header__category--biz {
    background-color: rgba(27, 186, 218, 0.9); }
  .article .article-header .article-header__category--tech {
    background-color: rgba(108, 122, 210, 0.9); }
  .article .article-header .article-header__category--digital {
    background-color: rgba(82, 184, 94, 0.9); }
  .article .article-header .article-header__category--webpro {
    background-color: rgba(73, 73, 73, 0.9); }
  .article .article-header .article-header__category--mac {
    background-color: rgba(255, 182, 40, 0.9); }
  .article .article-header .article-header__category--hobby {
    background-color: rgba(238, 83, 85, 0.9); }
  .article .article-header .article-header__category--pc {
    background-color: rgba(82, 198, 146, 0.9); }
  .article .article-header .article-header__category--windows {
    background-color: rgba(0, 117, 218, 0.9); }
  .article .article-header .article-header__category--audiovisual {
    background-color: rgba(255, 119, 83, 0.9); }
  .article .article-header .article-header__category--akiba {
    background-color: rgba(222, 76, 202, 0.9); }
  .article .article-header .article-header__category--smartphone {
    background-color: rgba(129, 102, 217, 0.9); }
  .article .article-header .article-header__category--new {
    background-color: rgba(255, 83, 125, 0.9); }
  .article .article-header .article-header__category--ranking {
    background-color: rgba(255, 167, 43, 0.9); }
  .article .article-header .article-header__category--movie {
    background-color: rgba(196, 152, 92, 0.9); }
  .article .article-header .article-header__category--programming {
    background-color: rgba(124, 117, 109, 0.9); }
  .article .article-header .article-header__category--club {
    background-color: rgba(214, 191, 77, 0.9); }
  .article .article-header .article-header__category--gourmet {
    background-color: rgba(255, 69, 0, 0.9); }
  .article .article-header .article-header__category--iot {
    background-color: rgba(0, 58, 131, 0.9); }
  .article .article-header .article-header__category--leaders {
    background-color: rgba(0, 104, 182, 0.9); }
  .article .article-header .article-header__category--ai {
    background-color: rgba(25, 25, 85, 0.9); }
  .article .article-header .article-header__category--kids {
    background-color: rgba(39, 140, 49, 0.9); }
  .article .article-header .article-header__category--sportsbusiness {
    background-color: rgba(135, 206, 250, 0.9); }
  .article .article-header .article-header__category--fintech {
    background-color: rgba(135, 31, 36, 0.9); }
  .article .article-header .article-header__subtitle {
    color: #666;
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 0; }
  .article .article-header .article-header__title {
    font-size: 18px;
    font-size: 1.8rem; }
   .article .article-header .author{
   	font-size: 14px;
  	font-size: 1.4rem; }
  .article .article-header .article-header__image {
    margin-bottom: 10px; }
    .article .article-header .article-header__image img {
      max-width: 100%;
      height: auto; }
  .article .article-header .article-header__description {
    margin-bottom: 10px; }
  .article .article-header .article-header__info {
    *zoom: 1;
    margin: 0;
    padding: 0; }
    .article .article-header .article-header__info:before, .article .article-header .article-header__info:after {
      display: table;
      content: "";
      line-height: 0; }
    .article .article-header .article-header__info:after {
      clear: both; }
    .article .article-header .article-header__info li {
      color: #999;
      font-size: 10px;
      font-size: 1.0rem; }
      .article .article-header .article-header__info li.author {
        float: left; }
        .article .article-header .article-header__info li.author .fa {
          margin-right: 3px; }
      .article .article-header .article-header__info li.date {
        float: right; }
        .article .article-header .article-header__info li.date .fa {
          margin-right: 3px; }

/* PRTIMES */
.article .article-header .article-header__info li.corpName {
	margin: 10px 0 10px;
	color: #666;
	font-weight: bold;
	font-size: 108%;
}
.article .article-header .article-header__info li.prtimeslogo {
	margin: 10px 0 10px;
  text-align: right;
}
.article .article-header .article-header__info li.prtimeslogo a img {
	border: none;
}

.article .article__content {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  *zoom: 1;
  padding-top: 10px;
  padding-bottom: 10px; }
  .article .article__content:before, .article .article__content:after {
    display: table;
    content: "";
    line-height: 0; }
  .article .article__content:after {
    clear: both; }
  .article .pickup h2,
/*  .article .article__content h2 */ {
    margin-left: -10px;
    padding-left: 5px;
    border-left: 5px solid #000;
    margin-bottom: 5px; }
  .article .article__content h2,
  .article .article__content h3 {
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 5px; }
  .article .article__content a {
    color: #3177de;
    text-decoration: underline; }
    .article .article__content a:hover {
      text-decoration: none; }
  .article .article__content img {
    max-width: 100%;
    height: auto; }
  .article .article__content p {
  	overflow-wrap: break-word; }
  .article .article__content table {
    width: 100%;
    margin-bottom: 5px; }
    .article .article__content table caption {
      font-weight: bold; }
    .article .article__content table th,
    .article .article__content table td {
      border: 1px solid #ccc;
      padding: 5px 10px;
      font-size: 12px;
      font-size: 1.2rem; }
    .article .article__content table tr th {
      background-color: #f8f8f8;
      white-space: normal; }
    .article .article__content table tr td {
      background-color: #fff;
      font-size: 12px;
      font-size: 1.2rem; }
      .article .article__content table tr td iframe {
        width: 100%; }
    .article .article__content table tr.header th {
      background-color: #c5c9d8 !important; }
  .article .article__content .table-wrap {
    width: 100%;
    overflow-y: scroll; }
  @media only screen and (max-width: 767px) {
    .article .article__content table {
      border-bottom: 1px solid #ccc; }
      .article .article__content table th,
      .article .article__content table td {
        border-bottom: none; } }
  .article .article__content .correct {
    color: #f34c4c;
    border: 1px solid #ffa2a2;
    padding: 5px 10px; }
  .article .article__content .column,
  .article .article__content .grid,
  .article .article__content .profile {
    background-color: #f8f8f8;
    padding: 10px;
    border: 1px dotted #c1c1c1; }
  .article .article__content .photo {
    *zoom: 1; }
    .article .article__content .photo:before, .article .article__content .photo:after {
      display: table;
      content: "";
      line-height: 0; }
    .article .article__content .photo:after {
      clear: both; }
    .article .article__content .photo .rows2 {
      float: left;
      width: 49.99999%; }
      .article .article__content .photo .rows2:first-child {
        padding-right: 10px; }
      .article .article__content .photo .rows2:last-child {
        padding-left: 10px; }
    .article .photo img,
    .article .article__content .photo img {
      width: 100%;
      height: auto;
      margin-bottom: 2px; }
    .article .article__content .photo .caption {
      margin-bottom: 0px;
      color: #666;
      font-size: 13px;
      font-size: 1.3rem; }
    .article .article__content .photo .copyright {
      margin-top:-5px;
      color: #999;
      font-size: 12px;
      font-size: 1.2rem; }
  .article .article__content > p img, .article .article__content > a img {
	max-width: 100%; }
  .article .article__content .article__imageZoom {
    text-align: center; }
    .article .article__content .article__imageZoom img {
      max-width: 100%;
      height: auto;
      margin-bottom: 5px; }
  .article .article__content .article__changeScale .article__changeScale__title {
    background-color: #000;
    color: #fff;
    margin: 0 0 0px 0;
    padding: 3px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline;
    line-height: 1; }
  .article .article__content .article__changeScale .article__changeScale__ctr {
    margin-top: 5px; }
    .article .article__content .article__changeScale .article__changeScale__ctr label {
      margin-right: 20px; }
      .article .article__content .article__changeScale .article__changeScale__ctr label:last-child {
        margin-right: 0; }
      .article .article__content .article__changeScale .article__changeScale__ctr label input[type="radio"] {
        margin-right: 5px; }
      .article .article__content .article__changeScale .article__changeScale__ctr label .supp {
        color: #666; }
  .article__content .lead {
    margin: 1.5em 0 1em;
    padding: 10px 5px 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 93%;
  }
  .article__content div.advertisement {
    text-align: center;
    margin-bottom: 1em;
  }

.calendar {
  margin-top: 40px; }
  .calendar .calendar__year .calendar__year__title {
    background-color: #4c4c4c;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px; }
  .calendar .calendar__year .calendar__row {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
    *zoom: 1; }
    .calendar .calendar__year .calendar__row:before, .calendar .calendar__year .calendar__row:after {
      display: table;
      content: "";
      line-height: 0; }
    .calendar .calendar__year .calendar__row:after {
      clear: both; }
    .calendar .calendar__year .calendar__row .calendar__month a {
      text-align: center;
      display: block;
      padding: 10px 5px;
      font-weight: bold;
      font-size: 14px;
      font-size: 1.4rem; }

.follows {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  *zoom: 1;
  background-color: #666;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .follows:before, .follows:after {
    display: table;
    content: "";
    line-height: 0; }
  .follows:after {
    clear: both; }
  .follows .follows__title {
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px; }
  .follows .follow a[class*="button--"] {
    padding: 7px 10px !important; }
    .follows .follow a[class*="button--"] img {
      max-width: 100%;
      height: auto; }

.hero {
  position: relative;
  overflow: hidden;
  width: 100%;
}
  @media screen and (min-width: 320px) and (max-width: 374px) {
    .hero {
      height: 240px;
    }
    .hero.widepict {
      height: 130px;
    }
    .hero.movie {
      height: 180px;
    }
  }
  @media screen and (min-width: 375px) and (max-width: 413px) {
    .hero {
      height: 281px;
    }
    .hero.widepict {
      height: 161px; }
    .hero.movie {
      height: 211p; } }
  @media screen and (min-width: 414px) {
    .hero {
      height: 311px; }
    .hero.widepict {
      height: 183px; }
    .hero.movie {
      height: 234px; } }
  .hero .hero__title {
    position: absolute;
    width: 100%;
    margin-bottom: 0;
    left: 0;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px 10px;
    z-index: 10;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff; }
  .hero .hero__title span {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .hero .hero__image {
/*    position: absolute;*/
    width: 100%;
    left: 0;
    top: 0; }
  .hero .hero__image img {
      width: 100%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }

.microsites {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  *zoom: 1; }
  .microsites:before, .microsites:after {
    display: table;
    content: "";
    line-height: 0; }
  .microsites:after {
    clear: both; }
  .microsites .microsite {
    text-align: center;
    border: 1px solid #666;
    padding: 10px; }
    .microsites .microsite a {
      font-weight: bold;
      font-size: 12px;
      font-size: 1.2rem; }
    .microsites .microsite.small a {
      font-size: 10px;
      font-size: 1.0rem; }
      @media screen and (min-width: 414px) {
	    .microsites .microsite.small a {
	      font-size: 12px;
	      font-size: 1.2rem; }
      }
.pager {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  *zoom: 1;
  text-align: center;
  margin: 10px 0;
  padding-top: 10px; }
  .pager:before, .pager:after {
    display: table;
    content: "";
    line-height: 0; }
  .pager:after {
    clear: both; }
  /*  .pager a を消して pager spanのみに */
  .pager span {
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    padding: 5px 8px;
    line-height: 1;
    font-weight: bold; }
  .pager a.prev .fa {
    padding-right: 3px; }
  .pager a.next .fa {
    padding-left: 3px; }
  .pager ol {
    padding: 0;
    margin: 0;
    display: inline; }
    .pager ol li {
      display: inline; }
    /*  .pager ol li span.currentから.pager span.activeに変更 */
      .pager span.active {
        background-color: #000;
        color: #fff;
        border-color: #000; }
.posts {
  padding-bottom: 10px;
	position: relative; }
.posts .posts__title, .posts--block .posts__title, .posts--vertical .posts__title, .posts--special .posts__title, .posts--list .posts__title, .posts--vertical_archive .posts__title {
  background-color: #4c4c4c;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: -10px; }
.posts .posts__row, .posts--block .posts__row, .posts--vertical .posts__row, .posts--special .posts__row, .posts--list .posts__row, .posts--vertical_archive .posts__row {
  *zoom: 1;
  padding-top: 10px;
  position: relative; }
  .posts .posts__row:before, .posts--block .posts__row:before, .posts--vertical .posts__row:before, .posts--special .posts__row:before, .posts--list .posts__row:before, .posts--vertical_archive .posts__row:before, .posts .posts__row:after, .posts--block .posts__row:after, .posts--vertical .posts__row:after, .posts--special .posts__row:after, .posts--list .posts__row:after, .posts--vertical_archive .posts__row:after {
    display: table;
    content: "";
    line-height: 0; }
  .posts .posts__row:after, .posts--block .posts__row:after, .posts--vertical .posts__row:after, .posts--special .posts__row:after, .posts--list .posts__row:after, .posts--vertical_archive .posts__row:after {
    clear: both; }
  .posts .posts__row:before, .posts--block .posts__row:before, .posts--vertical .posts__row:before, .posts--special .posts__row:before, .posts--list .posts__row:before, .posts--vertical_archive .posts__row:before {
    padding-top: 10px;
    border-top: 1px solid #ddd;
    content: "";
    display: block;
    margin-left: 10px;
    margin-right: 10px; }
.posts:nth-of-type(1) .posts__row:first-child:before, .posts--block:nth-of-type(1) .posts__row:first-child:before, .posts--vertical:nth-of-type(1) .posts__row:first-child:before, .posts--special:nth-of-type(1) .posts__row:first-child:before, .posts--list:nth-of-type(1) .posts__row:first-child:before, .posts--vertical_archive:nth-of-type(1) .posts__row:first-child:before, .posts.topMargNone .posts__row:first-child:before, .topMargNone.posts--block .posts__row:first-child:before, .topMargNone.posts--vertical .posts__row:first-child:before, .topMargNone.posts--special .posts__row:first-child:before, .topMargNone.posts--list .posts__row:first-child:before, .topMargNone.posts--vertical_archive .posts__row:first-child:before {
  display: none; }
.posts .post, .posts--block .post, .posts--vertical .post, .posts--special .post, .posts--list .post, .posts--vertical_archive .post {
  *zoom: 1;
  position: relative;
  border-right: 1px solid #ddd; }
  .posts .post:before, .posts--block .post:before, .posts--vertical .post:before, .posts--special .post:before, .posts--list .post:before, .posts--vertical_archive .post:before, .posts .post:after, .posts--block .post:after, .posts--vertical .post:after, .posts--special .post:after, .posts--list .post:after, .posts--vertical_archive .post:after {
    display: table;
    content: "";
    line-height: 0; }
  .posts .post:after, .posts--block .post:after, .posts--vertical .post:after, .posts--special .post:after, .posts--list .post:after, .posts--vertical_archive .post:after {
    clear: both; }
  .posts .post:last-child, .posts--block .post:last-child, .posts--vertical .post:last-child, .posts--special .post:last-child, .posts--list .post:last-child, .posts--vertical_archive .post:last-child {
    border-right: none; }
  .posts .post .post__images .post__image, .posts--block .post .post__images .post__image, .posts--vertical .post .post__images .post__image, .posts--special .post .post__images .post__image, .posts--list .post .post__images .post__image, .posts--vertical_archive .post .post__images .post__image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%; }
    .posts .post .post__images .post__image img, .posts--block .post .post__images .post__image img, .posts--vertical .post .post__images .post__image img, .posts--special .post .post__images .post__image img, .posts--list .post .post__images .post__image img, .posts--vertical_archive .post .post__images .post__image img {
      width: 100%;
      height: auto; }
    .posts .post .post__images .post__image .post_ribbon, .posts--block .post .post__images .post__image .post_ribbon, .posts--vertical .post .post__images .post__image .post_ribbon, .posts--special .post .post__images .post__image .post_ribbon, .posts--list .post .post__images .post__image .post_ribbon, .posts--vertical_archive .post .post__images .post__image .post_ribbon {
      display: inline;
      margin-bottom: 0;
      line-height: 1; }
      .posts .post .post__images .post__image .post_ribbon span, .posts--block .post .post__images .post__image .post_ribbon span, .posts--vertical .post .post__images .post__image .post_ribbon span, .posts--special .post .post__images .post__image .post_ribbon span, .posts--list .post .post__images .post__image .post_ribbon span, .posts--vertical_archive .post .post__images .post__image .post_ribbon span {
        position: absolute;
        display: inline;
        text-align: center;
        text-transform: uppercase;
        top: 13px;
        left: -25px;
        background: #f03b40;
        width: 100px;
        padding: 5px 10px;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        font-size: 1.2rem;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        -o-transform: rotate(315deg);
        transform: rotate(315deg); }
 .post__category,
 div[class*="post__category--"] {
      position: absolute;
      left: 0;
      bottom: 0;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      padding: 2px 5px;
      color: #fff;
      font-weight: bold;
      font-size: 10px;
      font-size: 1.0rem;
      text-align: center; }
 div[class*="post__category--programming"] {
      position: absolute;
      left: 0;
      bottom: 0;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      padding: 2px 5px;
      color: #fff;
      font-weight: bold;
      font-size: 10px;
      font-size: 1.0rem;
      text-align: center; }
  div[class*="post__category--leaders"] {
      position: absolute;
      left: 0;
      bottom: 0;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      padding: 2px 5px;
      color: #fff;
      font-weight: bold;
      font-size: 9px;
      font-size: 0.9rem;
      text-align: center; }
    div[class*="post__category--biz"] {
      background-color: rgba(27, 186, 218, 0.9); }
    div[class*="post__category--tech"] {
      background-color: rgba(108, 122, 210, 0.9); }
    div[class*="post__category--webpro"] {
      background-color: rgba(73, 73, 73, 0.9); }
    div[class*="post__category--digital"] {
      background-color: rgba(82, 184, 94, 0.9); }
    div[class*="post__category--mac"] {
      background-color: rgba(255, 182, 40, 0.9); }
    div[class*="post__category--hobby"] {
      background-color: rgba(238, 83, 85, 0.9); }
    div[class*="post__category--pc"] {
      background-color: rgba(82, 198, 146, 0.9); }
    div[class*="post__category--windows"] {
      background-color: rgba(0, 117, 218, 0.9); }
    div[class*="post__category--audiovisual"] {
      background-color: rgba(255, 119, 83, 0.9); }
    div[class*="post__category--akiba"] {
      background-color: rgba(222, 76, 202, 0.9); }
    div[class*="post__category--smartphone"] {
      background-color: rgba(129, 102, 217, 0.9); }
    div[class*="post__category--new"] {
      background-color: rgba(255, 83, 125, 0.9); }
    div[class*="post__category--ranking"] {
      background-color: rgba(255, 167, 43, 0.9); }
    div[class*="post__category--movie"] {
      background-color: rgba(196, 152, 92, 0.9); }
    div[class*="post__category--club"] {
      background-color: rgba(198, 177, 74, 0.9); }
    div[class*="post__category--asciiclub"] {
      background-color: rgba(198, 177, 74, 0.9); }
    div[class*="post__category--gourmet"] {
      background-color: rgba(255, 69, 0, 0.9); }
    div[class*="post__category--iot"] {
      background-color: rgba(0, 58, 131, 0.9); }
    div[class*="post__category--leaders"] {
      background-color: rgba(0, 104, 182, 0.9); }
    div[class*="post__category--sportsbusiness"] {
      background-color: rgba(135, 206, 250, 0.9); }
    div[class*="post__category--fintech"] {
      background-color: rgba(135, 31, 36, 0.9); }
    div[class*="post__category--programming"] {
      background-color: rgba(124, 117, 109, 0.9);
      padding: 3px 5px;
      font-size: 10px;
      font-size: 0.9rem }
  .posts .post .post__texts .post__title, .posts--block .post .post__texts .post__title, .posts--vertical .post .post__texts .post__title, .posts--special .post .post__texts .post__title, .posts--list .post .post__texts .post__title, .posts--vertical_archive .post .post__texts .post__title {
    font-size: 14px;
    font-size: 1.4rem;
    color: #000;
    margin-top: 5px;
    word-break:break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; }
  .posts .post .post__texts .post__subtitle, .posts--block .post .post__texts .post__subtitle, .posts--vertical .post .post__texts .post__subtitle, .posts--special .post .post__texts .post__subtitle, .posts--list .post .post__texts .post__subtitle, .posts--vertical_archive .post .post__texts .post__subtitle {
    margin: 0;
    font-size: 1.3rem;
    color: #666;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box; }
  .posts .post .post__texts .post__description, .posts--block .post .post__texts .post__description, .posts--vertical .post .post__texts .post__description, .posts--special .post .post__texts .post__description, .posts--list .post .post__texts .post__description, .posts--vertical_archive .post .post__texts .post__description {
    font-size: 10px;
    font-size: 1.0rem;
    color: #333;
    margin-bottom: 0; }
  .posts .post .post__texts .post__time, .posts--block .post .post__texts .post__time, .posts--vertical .post .post__texts .post__time, .posts--special .post .post__texts .post__time, .posts--list .post .post__texts .post__time, .posts--vertical_archive .post .post__texts .post__time {
    font-size: 10px;
    font-size: 1.0rem;
    color: #999;
    margin-top: 3px;
    line-height: 1.3;
    display: block; }
    .posts .post .post__texts .post__time .fa, .posts--block .post .post__texts .post__time .fa, .posts--vertical .post .post__texts .post__time .fa, .posts--special .post .post__texts .post__time .fa, .posts--list .post .post__texts .post__time .fa, .posts--vertical_archive .post .post__texts .post__time .fa {
      margin-right: 3px; }
  .posts .post.col-xs-4 .post__texts .post__title, .posts--block .post.col-xs-4 .post__texts .post__title, .posts--vertical .post.col-xs-4 .post__texts .post__title, .posts--special .post.col-xs-4 .post__texts .post__title, .posts--list .post.col-xs-4 .post__texts .post__title, .posts--vertical_archive .post.col-xs-4 .post__texts .post__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; }
  .posts .post.col-xs-6 .post__texts .post__title, .posts--block .post.col-xs-6 .post__texts .post__title, .posts--vertical .post.col-xs-6 .post__texts .post__title, .posts--special .post.col-xs-6 .post__texts .post__title, .posts--list .post.col-xs-6 .post__texts .post__title, .posts--vertical_archive .post.col-xs-6 .post__texts .post__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; }

.posts--vertical .post a {
  display: table;
  width: 100%; }
  .posts--vertical .post a > * {
    display: table-cell;
    vertical-align: top; }
  .posts--vertical .post a .post__images {
    padding-left: 10px;
    padding-right: 10px;
    width: 33.33333333%; }
  .posts--vertical .post a .post__texts {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    width: 66.66666667%; }

.posts--special .posts__row:before,
.posts--special .posts__row:first-child:before {
  padding-top: 10px;
  border-top: 3px solid #ddd;
  content: "";
  display: block;
  margin-left: 10px;
  margin-right: 10px; }
.posts--special .posts__row:after,
.posts--special .posts__row:first-child:after {
  padding-bottom: 10px;
  border-bottom: 3px solid #ddd;
  content: "";
  display: block;
  margin-left: 10px;
  margin-right: 10px; }
.posts--special .post .post__texts .post__title {
  margin-top: 0px; }
.posts--special .post .post__texts .post__description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5; }

.posts--list .posts__title--list {
  background-color: #4c4c4c;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px; }
.posts--list .posts__subtitle--list {
  background-color: #999;
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px; }
  .posts--list .posts__subtitle--list .fa {
    margin-right: 5px; }
.posts--list .posts__row {
  *zoom: 1;
  padding-top: 0 !important; }
  .posts--list .posts__row:before, .posts--list .posts__row:after {
    display: table;
    content: "";
    line-height: 0; }
  .posts--list .posts__row:after {
    clear: both; }
  .posts--list .posts__row:before {
    padding-top: 0 !important;
    border-top: 1px solid #ddd;
    content: "";
    display: block;
    margin-left: 0;
    margin-right: 0; }
  .posts--list .posts__row:nth-of-type(1):before {
    display: none; }
.posts--list .post a {
  padding: 10px;
  display: block; }
/* アーカイブ 記事一覧 */
.posts--vertical_archive .posts__subtitle--vertical_archive+.posts__row {
  padding-top: 0;
}
.posts--vertical_archive .posts__subtitle--vertical_archive+.posts__row::before {
  border: none;
}
.posts--vertical_archive .post a {
  display: table;
  width: 100%; }
.posts--vertical_archive .post a > * {
  display: table-cell;
  vertical-align: top; }
.posts--vertical_archive .post a .post__images {
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33333333%; }
.posts--vertical_archive .post a .post__texts {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  width: 66.66666667%; }

.posts--vertical_archive .posts__title--vertical_archive {
  background-color: #4c4c4c;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px; }
.posts--vertical_archive .posts__subtitle--vertical_archive {
  background-color: #999;
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px; }
.posts--vertical_archive .posts__subtitle--vertical_archive .fa {
  margin-right: 5px; }
/* end アーカイブ 記事一覧 */

.sns, .sns--join {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  *zoom: 1;
  margin-bottom: 15px; }
  .sns:before, .sns--join:before, .sns:after, .sns--join:after {
    display: table;
    content: "";
    line-height: 0; }
  .sns:after, .sns--join:after {
    clear: both; }
  .sns .sns__heading, .sns--join .sns__heading {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #666; }
    .sns .sns__heading em, .sns--join .sns__heading em {
      color: #666;
      font-weight: bold;
      font-style: normal; }
  .sns .sns__title, .sns--join .sns__title {
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem; }
  .sns .sns__ele, .sns--join .sns__ele {
    text-align: center; }

.sns--join .sns__item, .sns--join .sns__item--facebook, .sns--join .sns__item--twiiter {
  padding: 10px 10px;
  border-right: 1px dotted #d7d7d7;
  background-color: #f8f8f8; }
  .sns--join .sns__item:last-child, .sns--join .sns__item--facebook:last-child, .sns--join .sns__item--twiiter:last-child {
    border-right: none; }

.socials {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  *zoom: 1; }
  .socials:before, .socials:after {
    display: table;
    content: "";
    line-height: 0; }
  .socials:after {
    clear: both; }
  .socials .social {
    float: left;
    width: -webkit-calc( (100% - 80px) / 5 );
    width: calc( (100% - 80px) / 5 );
    padding-right: 2px;
    text-align: center; }
    .socials .social.-wide {
      width: 25%; }
    .socials .social.-fblike {
      width: 80px; }
    .socials .social:last-child {
      padding-right: 0; }
    .socials .social .social__text,
     .socials .social [class*="social__text--"] {
      font-weight: bold;
      line-height: 1;
      display: block;
      margin-top: 3px;
      white-space: nowrap;
      font-size: 10px;
      font-size: 1.0rem; }
    .socials .social a.social__text,
    .socials .social a[class*="social__text--"] {
      text-decoration: underline; }
      .socials .social a.social__text:hover,
      .socials .social a[class*="social__text--"]:hover {
        text-decoration: none; }
    .socials .social .social__text--facebook {
      color: #3d5a98; }
    .socials .social .social__text--twitter {
      color: #01acee; }
    .socials .social .social__text--x {
      color: #000; }
    .socials .social .social__text--hatena {
      color: #00a3e0; }
    .socials .social .social__text--fav {
      color: #bca523; }

.switch {
  padding: 10px 0; }
  .switch .switch__title {
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 3px; }
  .switch .switch__buttons {
    padding: 0 30px;
    *zoom: 1; }
    .switch .switch__buttons:before, .switch .switch__buttons:after {
      display: table;
      content: "";
      line-height: 0; }
    .switch .switch__buttons:after {
      clear: both; }
    .switch .switch__buttons .switch__button, .switch .switch__buttons .switch__button--pc, .switch .switch__buttons .switch__button--smartphone {
      text-align: center;
      font-weight: bold;
      font-size: 12px;
      font-size: 1.2rem;
      background-color: #fff;
      padding: 10px;
      float: left;
      width: 50%; }
      .switch .switch__buttons .switch__button.active, .switch .switch__buttons .active.switch__button--pc, .switch .switch__buttons .active.switch__button--smartphone {
        background-color: #ebf1f4;
        background-image: -moz-linear-gradient(top, #fff, #cedbe4);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#cedbe4));
        background-image: -webkit-linear-gradient(top, #fff, #cedbe4);
        background-image: -o-linear-gradient(top, #fff, #cedbe4);
        background-image: linear-gradient(to bottom, #fff, #cedbe4);
        background-repeat: repeat-x;
        -webkit-text-shadow: 1px 1px 0 #fff;
        -moz-text-shadow: 1px 1px 0 #fff;
        -ms-text-shadow: 1px 1px 0 #fff;
        text-shadow: 1px 1px 0 #fff; }
    .switch .switch__buttons .switch__button--pc {
      border-radius: 10px 0 0 10px !important;
      -webkit-border-radius: 10px 0 0 10px !important;
      -moz-border-radius: 10px 0 0 10px !important;
      border-right: 1px solid #fff; }
    .switch .switch__buttons .switch__button--smartphone {
      border-radius: 0 10px 10px 0 !important;
      -webkit-border-radius: 0 10px 10px 0 !important;
      -moz-border-radius: 0 10px 10px 0 !important;
      border-left: 1px solid #777; }

.buttons {
  margin: 1em auto;
  padding-left: 10px;
  padding-right: 10px;
  *zoom: 1; }
  .buttons:before, .buttons:after {
    display: table;
    content: "";
    line-height: 0; }
  .buttons:after {
    clear: both; }
  .buttons ul {
    padding: 0;
    margin: 0; }
    .buttons ul li {
      margin-bottom: 10px; }
      .buttons ul li:last-child {
        margin-bottom: 0; }

.button, .button--standard, .button--facebook, .button--twitter, .button--x, .button--rss, .button--line, .button--hatena, .button--fav, .button--green, .button--white, .button--white-small, .button--red {
  display: block;
  font-weight: bold;
  margin: 10px 10px 0;
  padding: 5px;
  text-align: center;
  background-color: #F8F8F8;
  border: 1px solid #ccc;
  border-radius: 5px 5px 5px 5px !important;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  -moz-border-radius: 5px 5px 5px 5px !important;
  -webkit-tap-highlight-color: rgba(49, 119, 222, 0.5); }
  .button .fa, .button--standard .fa, .button--facebook .fa, .button--twitter .fa, .button--x img.social_x_icon, .button--rss .fa, .button--line .fa, .button--hatena .fa, .button--fav .fa, .button--green .fa, .button--white .fa, .button--white-small .fa, .button--red .fa {
    margin: 5px; }
  .button:hover, .button--standard:hover, .button--facebook:hover, .button--twitter:hover, .button--x:hover, .button--rss:hover, .button--line:hover, .button--hatena:hover, .button--fav:hover, .button--green:hover, .button--white:hover, .button--white-small:hover, .button--red:hover {
    text-decoration: none; }

.button--standard {
  background-color: #F8F8F8;
  border-color: #ccc; }

.button--facebook, .button--twitter, .button--x, .button--rss, .button--line, .button--hatena, .button--fav {
  background-color: #3d5a98;
  border: none;
  margin: 0;
  position: relative;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  font-size: 1.2rem; }
  .button--facebook br, .button--twitter br, .button--rss br, .button--line br, .button--hatena br, .button--fav br {
    display: none; }
  .button--facebook span, .button--twitter span, .button--rss span, .button--line span, .button--hatena span, .button--fav span {
    display: none;
    font-size: 8px;
    font-size: 0.8rem;
    font-weight: bold;
    white-space: nowrap; }
  .button--facebook .fa, .button--twitter .fa, .button--rss .fa, .button--line .fa, .button--hatena .fa, .button--fav .fa, .button--facebook .ic, .button--twitter .ic, .button--rss .ic, .button--line .ic, .button--hatena .ic, .button--fav .ic {
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem; }
    .button--facebook .fa.left, .button--twitter .fa.left, .button--rss .fa.left, .button--line .fa.left, .button--hatena .fa.left, .button--fav .fa.left, .button--facebook .ic.left, .button--twitter .ic.left, .button--rss .ic.left, .button--line .ic.left, .button--hatena .ic.left, .button--fav .ic.left {
      margin: 0;
      position: absolute;
      left: 10px;
      top: 5px; }
  .button--facebook:hover, .button--twitter:hover, .button--x:hover, .button--rss:hover, .button--line:hover, .button--hatena:hover, .button--fav:hover {
    color: #fff; }

.button--x img.social_x_icon {
  width: 18px;
}

.button--twitter {
  background-color: #01acee; }

.button--x {
  background-color: #000; }

.button--rss {
  background-color: #ee8c01; }

.button--line {
  background-color: #00c300; }

.button--hatena {
  background-color: #00a3e0; }

.button--fav {
  background-color: #bca523;
  padding-left: 15px;
  padding-right: 15px; }
  .button--fav img {
    width: 20px;
    height: auto;
    margin: 4px 0; }

.button--green {
  background-color: #22c5ac;
  color: #fff;
  border: none; }
  .button--green:hover {
    background-color: rgba(34, 197, 172, 0.8); }

.button--white, .button--white-small {
  background-color: #fff;
  border: 1px solid #ddd; }
  .button--white:hover, .button--white-small:hover {
    background-color: #f2f2f2; }

.button--white-small {
  padding: 5px 3px !important;
  font-size: 12px;
  font-size: 1.2rem; }
  .button--white-small .fa {
    margin-top: 0;
    margin-bottom: 0; }

.button--red {
  background-color: #993333;
  color: #fff;
  border: none; }
  .button--red:hover {
    background-color: rgba(153, 51, 51, 0.8); }

/* additional styles */
#searchform {
  padding: 10px; }
#searchform form {
  text-align: center; }
#searchform input[type="search"] {
  margin: 0 auto; }
.ad a, .ad a img {
  width: 100% !important;
  height: auto !important;
  margin: 0 auto; }
.ad a, .ad a img {
  width: 100% !important;
  height: auto !important; }

.advertisement .adsview img{
    width: 100% !important;
    height: auto !important;
}

.aritlce-header__num {
    color: #666;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 5px 0 0; }
.post__num {
	margin: 0; }
.post__num ~ .post__title {
	margin-top: 0 !important; }
/*
@media screen and (min-width: 320px) and (max-width: 374px) {
  .def {
    height: 240px; } }
@media screen and (min-width: 375px) and (max-width: 413px) {
  .def {
    height: 281px; } }
@media screen and (min-width: 414px) {
  .def {
    height: 311px; } }
    */
.adBnr-liq {
    text-align: center;
/*    margin: 40px 0 0 */
	margin: 0; }
.radeon-liq{
  margin: 10px; }
.adBnr-liq img {
    width: 100%;
    max-width: 320px;
    margin: 0 auto; }
/*
@media screen and (min-width: 320px) and (max-width: 374px) {
  .adbnr {
    height: 340px; } }
@media screen and (min-width: 375px) and (max-width: 413px) {
  .adbnr {
    height: 380px; } }
@media screen and (min-width: 414px) {
  .adbnr {
    height: 410px; } }
*/
.article__content iframe {
	margin: 0 auto;
	display:block;
	width: auto !important;
	max-width: 100%;
	height: auto; }

.article__content div[id^="vjs_video"] iframe {
  margin 0 auto;
  display:block;
  width: 100% !important;
  max-width: 100%;
  height: 100%; }

.article__content div[id^="vjs_video"] div[class$="-ad-container"] > div {
  width: 100% !important;
  height:100% !important; }

/* menu button(modified) */
.menu .menu__button,
.menu--search .search__button {
	text-indent:-9999px;
	background: url(/sp201510/img/common/btn_header_menu.png) no-repeat 1px 1px;
	background-size: 61px 52px; }
.menu--search .search__button {
	background-position: -30px 2px;
	width: 32px; }
.menu .menu__inner.open .menu__button,
.menu--search .menu__inner.open .search__button {
	background: url(/sp201510/img/common/btn_header_menu.png) no-repeat 2px -24px;
	background-size: 61px 52px; }
.menu--search .menu__inner.open .search__button {
	background-position:  -30px -24px; }
.live_content {
	margin: 10px 10px 0;
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden; }
.live_content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
/* for searchresult */
.gsc-inline-block .gsc-selected-option-container {
	width:90px !important; }
.gsc-results .gsc-cursor-box {
	text-align:center; }
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	margin-right: 12px;
	font-size: 116%; }

/* for topbanner */
.topBnr {
	text-align:center; }
.topBnr img {
	max-width: 100%;
	height:auto; }

/* ASCII Club */
.header .header__logo--club {
  text-align: center;
  margin: 0;
  padding-top: 3px;
  line-height: 1; }
  .header .header__logo--club img {
   max-width: 96px; }

/* アンケート */
#enqContents {
	margin: 0 0 10px;
	padding: 10px;
	background: none;
	border: 1px dotted #d2d2d2;
	line-height: 1.6;
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
	background-color: #F5F6F7; }
#enqContents h3 {
	margin: 15px 0 5px;
	font-weight: bold; }
#enqContents input[type="checkbox"],
#enqContents input[type="radio"] {
	margin-right: 5px; }
#enqContents select {
	margin-bottom: .75em; }
#enqContents ol,
#enqContents ul {
	margin: 10px 0;
	padding: 0;
	list-style-type: none; }
.article__content #enqContents h2 {
	margin: 0;
	padding: 7px 10px; }
#enqContents input[type="text"] {
	padding:1px;
	width: 100%; }
#enqContents textarea {
	padding: 1px;
	width: 100%; }
#enqContents #howto {
	margin: 0 auto;
	padding: 10px; }
#enqContents #howto p { }
#enqContents .question {
	margin: 0 auto 10px;
	padding: 10px;
	border: 2px #d2d2d2 solid;
	-webkit-border-radius: 8px;
	background-color: #fff; }
#enqContents .q_bg_alpha {
	margin: 0 0 1em;
	padding: 7px 10px;
	-webkit-border-radius: 6px;
	border: 1px #d2d2d2 solid;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); }
#enqContents .q_bg_beta {
	padding: 0; }
#enqContents .q_bg_alpha label,
#enqContents .q_bg_alpha h4 {
	font-weight: bold; }
#enqContents .qnumber {
    margin: 0;
    display: block;
    float: left;
    width: 3.5em;
    font-weight: bold; }
#enqContents label,
#enqContents p span.sub { }
#enqContents .q_bg_beta label { }
#enqContents .q_bg_beta li {
	margin: 0 0 .75em; }
#enqContents .user p {
	margin: 0 0 1em; }
#enqContents .user p span {
	margin: 0 1em 0 5px; }
#enqContents .user p span.sub {
	margin: 0 5px 0 0; }
#enqContents #button_box {
    margin: 15px auto 0;
    width: 100%; }
#enqContents #button_box .button_wrapper {
    display: inline-block;
    text-align: center;
    width: 49%; }
#enqContents .button_wrapper input.form_send,
#enqContents .button_wrapper input.form_reset {
	padding: 10px 15px;
	-webkit-appearance: none;
	border: 1px #aaa solid;
	-webkit-border-radius: 5px;
	width: 80%;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); 
	cursor: pointer; }
#enqContents div[id$="Msg"] {
	margin: 10px 0; }
#enqContents div[id$="UsageMsg"] {
	margin: 0; }
#enqContents .essential {
	color: #FF0000;
	font-weight: normal; }
#enqContents .errorMsg,
#enqContents .ReqErr {
	color: #ff0000; }
#enqContents .return {
	margin-top: 5em; }
#enqContents .alcenter {
	text-align: center; }
/* ClearFix */
#enqContents:before,
#enqContents:after,
#enqContents #button_box:before,
#enqContents #button_box:after {
    content:"";
    display:table; }
#enqContents:after,
#enqContents #button_box:after {
    clear:both; }
 
/* For IE 6/7 (trigger hasLayout) */
#enqContents,
#enqContents #button_box {
    zoom:1; }

/* movie tab */
#asciitv .posts--vertical {
	background: #4c4c4c;
  margin-bottom: 10px
  }
#asciitv .ad_gam {
  margin: 5px 0;}
  .hero__title--movie {
    position: static;
    width: 100%;
    margin-bottom: 0;
    left: 0;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px 10px;
    z-index: 10;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff; }
    .hero__title--movie a {
       color: #fff; }
  .hero__title--movie span {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .hero.movie .hero__movie {
    position: relative;
    padding-top: 56.25%;
    width: 100%; }
    .hero.movie .hero__movie iframe {
      position: absolute;
      top:0;
      right:0;
      width: 100% !important;
      height: 100% !important; }
.posts--vertical .posts__movie .post {
	padding: 5px; }
.posts--vertical .posts__movie .post a > * {
	display: block;
	width: auto; }
	.posts--vertical .posts__movie .post .post__texts {
		padding: 0 5px 5px 10px;
		background: #ddd;
		position: relative; }
		.posts--vertical .posts__movie .post .post__texts h2 {
		margin: 0 0 7px;
		padding: 5px 5px 0 7px;
		border-left: 3px solid #f7b625; }
	    .posts--vertical .posts__movie .post .post__texts .post__link {
	    background: #f7b625;
	    -webkit-border-top-right-radius: 6px;
		position: absolute;
		left: 0;
		bottom: 0;
	    font-size: 1.2rem; }
   	    .posts--vertical .posts__movie .post .post__texts .post__link a {
	    padding:3px 5px 2px;
	    display: block;
		color: #333; }
		.posts--vertical .posts__movie .post .post__texts .post__time {
		color: #333;
      	text-align: right; }
    .posts--vertical .posts__movie .post .post__images {
    	padding: 5px 5px 0;
    	background: #fff; }
    .posts--vertical .posts__movie .post .post__image {
        position: relative;
   		padding-top: 56.25%;
 	    width: 100%; }
    .posts--vertical .posts__movie .post .post__image.bcove {
		padding-top:0; }
     .posts--vertical .posts__movie .post .post__image iframe {
      position: absolute;
      top:0;
      right:0;
      width: 100% !important;
      height: 100% !important; }
/* Serial Index */
.article .serLst {
  padding: 0; }
	.article .serLst li {
		margin: 0 0 1rem;
		padding: 0 5px 1rem;
		border-bottom: 1px solid #ddd; }
      .article .serLst li .date {
        margin: 0; }
      .article .serLst li .catch {
        margin: 0; }

/* WebPro */
.content .article .article__content p.orgSite { text-align:center; }
.content .article .article__content p.orgSite a { background:#00a5e1; color: #ebeff5 !important; height:1em; padding:10px 30px; width:160px; text-decoration:none; }

/* new catpage */
.bx-viewport {
	height: auto !important; }
.bx-viewport ul {
	margin: 0; }
.bx-wrapper .bx-controls-direction a {
	margin-top: -50px !important; }
.bx-wrapper .bx-pager {
	padding-top: 0 !important;
	bottom: 5px !important; }
.posts--indiv .posts__row {
	padding: 0 5px; }
.posts--indiv .posts__row:before {
  	  border-top: 0; }
.posts--indiv .post {
  margin-bottom: 5px;
  position: relative;
  width: 100%;
  height: auto; }
  .posts--indiv .post a {
		display: block !important; }
  .posts--indiv .post__title {
  	display: block !important;
    position: absolute;
    width: 100%;
    margin-bottom: 0;
    left: 0;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px 10px;
    z-index: 10;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff; }
  .posts--indiv .post__title span {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .posts--indiv .post__images {
    position: relative;
   }
  .posts--indiv .post__image {
   position: relative;
   width: 100%;
   display: block !important; }
    .posts--indiv .post__image img {
      width: 100%;
      height: auto; }
  .posts--indiv .post__summary {
        margin: 0 0 1em;
        padding: 5px 5px .75em;
        border-bottom: 1px dotted #aaa; }
  .posts--indiv .post__summary p {
        line-height: 1.4;
        overflow-wrap: break-word;
        word-break: break-all;
        font-size: 1.4rem;
  }

/* ---------------------------------------
   Image Gallery
  ---------------------------------------*/
#gallery {
  position: relative;
}
#gallery {
  .article {
    margin: 76px 0 20px;
  }
  .article .article-header .article-header__title {
    padding-bottom: 0.75rem;
    border-bottom: 3px solid;
    border-color: #fe8200;
    font-size: 20px;
    font-weight: 700;
  }
  .article .article-header .article-header__title a,
  .article .article-header .article-header__title a:hover,
  .article .article-header .article-header__title a:visited {
    color: #000;
    text-decoration-line: none;
  }
  .article .article-header .article-header__date {
    padding: 0.5rem 0;
    color: #a3a3a3;
    height: 12px;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    vertical-align: middle;
  }
  .article .article__content .article__imageZoom {
    height: 350px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    _zoom: 1;
    text-align: center;
  }

  .article .article__content .article__arrowButton {
    margin-top: 32px;
  }
  .article .article__content .article__arrowButton .figureArrow{
    margin: 2rem 0 0;
    display: flex;
    justify-content: space-between;
  }
  .article .article__content .article__arrowButton .figureArrow > div{
    width: 110px;
    overflow: hidden;
    _zoom: 1;
  }
  .article .article__content .article__arrowButton .figureArrow a,
  .article .article__content .article__arrowButton .figureArrow a:visited{
    display: flex;
    height: 38px;
    width: 110px;
    color: #262626;
    border-radius: 23px;
    border:2px solid #a3a3a3;
    align-items: center;
    text-decoration: none !important;
  }
  .article .article__content .article__arrowButton .figureArrow .newsBack a{
    justify-content: center;
  }
  .article .article__content .article__arrowButton .figureArrow .next a{
    justify-content: flex-end;
  }
  .article .article__content .article__arrowButton .figureArrow a span{
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
  }
  .article .article__content .article__arrowButton .figureArrow a span.arrowText{
    width: 70%;
    height: 17px;
  }
  .article .article__content .article__arrowButton .figureArrow a span.arrow{
    width: 15%;
    font-family: "Impact";
    font-weight: bold;
    font-size: 24px;
  }

  .article .article__content .article__galleryNav {
    margin-top: 32px;
  }
  .article .article__content .article__galleryNav ul.navList{
    width: 100%;
    margin: 0 auto 20px;
    padding: 16px;
    background: #e5e7eb;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .article .article__content .article__galleryNav ul.navList li{
    width: 72px;
    height: 72px;
    overflow: hidden;
    _zoom: 1;
    display:table;
  }
  .article .article__content .article__galleryNav ul.navList li > *{
    display:table-cell;
    vertical-align: middle;
  }
  .article .article__content .article__galleryNav ul.navList li a{
    box-sizing: border-box;
    background: #ffffff;
    overflow: hidden;
    width: 72px;
    height: 72px;
    text-align: center;
  }
  .article .article__content .article__galleryNav ul.navList li.cur a{
    border: 2px solid #fe8200;
  }
  .article .article__content .article__galleryNav ul.navList li img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .article .article__content .article__galleryNav .navBack{
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    margin: auto;
  }
  .article .article__content .article__galleryNav .navBack a,
  .article .article__content .article__galleryNav .navBack a:visited{
    display: flex;
    width: 100%;
    height: 49px;
    padding: 0;
    margin: 0 auto;
    border-radius: 25px;
    color: #262626;
    text-decoration-line: none;
    background: #ffa50033;
    align-items: center;
    justify-content: flex-end;
    transition-duration: 300ms;
  }
  .article .article__content .article__galleryNav .navBack a span{
    height: 14px;
    font-size: 14px;
    font-weight: 600;
    width: 70%;
  }
  .article .article__content .article__galleryNav .navBack a span.arrow{
    height: 24px;
    width: 15%;
    font-size: 24px;
    font-family: "Impact";
    font-weight: bold;
  }
  .article .article__content #ranking {
    margin: 48px 0 0;
  }
  .article .article__content #ranking .title-box {
    border-bottom: 3px solid #fe8200;
    padding: 0 0 16px;
    /* margin: 0 10px; */
    text-align: center;
  }
  .article .article__content #ranking .title-box h5 {
    font-weight: bold;
    font-size: 24px;
  }
  .article .article__content #ranking ol {
    width: 100%;
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0;
  }
  .article .article__content #ranking ol li {
    list-style: none;
  }
  .article .article__content #ranking ol li a {
    display: flex;
    gap: 12px;
  }
  .article .article__content #ranking ol li a:hover {
    opacity: 0.7;
  }
  .article .article__content #ranking ol li a,
  .article .article__content #ranking ol li a:hover,
  .article .article__content #ranking ol li a:visited {
    color: #000;
    text-decoration: none;
  }
  .article .article__content #ranking ol li .thumb_img {
    flex-basis: 100px;
    flex-shrink: 0;
  }
  .article .article__content #ranking ol li .thumb_img img {
    width: 100px;
    border: none;
  }
  .article .article__content #ranking ol li .thumb_txt {
    flex-grow:1;
  }
  .article .article__content #ranking ol li .thumb_txt .rank {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    background: #a3a3a3;
    width: fit-content;
    padding: 5px 10px;
    margin: 0 2px 4px 0;
    border-radius: 12px;
    display: inline-block;
  }
  .article .article__content #ranking ol li .thumb_txt .rank.rank1 {
    background: #ca8a04;
  }
  .article .article__content #ranking ol li .thumb_txt .rank.rank2 {
    background: #4b5563;
  }
  .article .article__content #ranking ol li .thumb_txt .rank.rank3 {
    background: #854d0e;
  }
  .article .article__content #ranking ol li .thumb_txt h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
  }
  .article .article__content #ranking p.term {
    font-size: 92%;
    width: 100%;
    margin: 0 auto;
    text-align: right;
    font-weight: normal;
  }
}

/* for ASCIICLUB Archives */
.acFooter {
  *zoom: 1;
  clear: both;
  background-color: #FFF;
  padding: 30px 15px;
  border-top: 1px solid #ececec; }
  .acFooter:before, .acFooter:after {
    display: table;
    content: "";
    line-height: 0; }
  .acFooter:after {
    clear: both; }
  .acFooter .acFooter_logo {
    width: 100%;
    margin-bottom: 15px; }
    .acFooter .acFooter_logo img {
      width: auto;
      height: 30px; }
  .acFooter .acFooter_sign {
    background-color: #F6f6f6;
    padding: 5px 10px;
    margin-bottom: 10px; }
    .acFooter .acFooter_sign a {
      padding: 3px 5px;
      white-space: nowrap;
      display: block;
      color: #333;
      text-align: center;
      font-weight: bold;
      border-radius: 3px 3px 3px 3px !important;
      -webkit-border-radius: 3px 3px 3px 3px !important;
      -moz-border-radius: 3px 3px 3px 3px !important;
      border: 1px solid #aaa;
      font-size: 11px;
      -webkit-background-size: 14px 14px;
      -moz-background-size: 14px 14px;
      -ms-background-size: 14px 14px;
      -o-background-size: 14px 14px;
      background-size: 14px 14px;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      background-color: #fff; }
      .acFooter .acFooter_sign a:hover {
        background-color: rgba(219, 193, 0, 0.2);
        text-decoration: none; }
      .acFooter .acFooter_sign a .fa {
        color: #bca523;
        margin-right: 3px; }
  .acFooter .acFooter_links {
    float: left;
    width: 50%; }
  .acFooter .acFooter_links-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 12px; }
  .acFooter .acFooter_links-list {
    margin: 0 0;
    padding: 0 0; }
    .acFooter .acFooter_links-list li {
      font-size: 12px;
      margin: 0 0 10px; }
      .acFooter .acFooter_links-list li a {
        font-size: 12px;
        color: #000;
        text-decoration: none;
        display: block; }
        .acFooter .acFooter_links-list li a:hover {
          text-decoration: underline; }

/* MIT external link */
.mitlink {
	margin: 1em 0 5px !important; }
.mitlink a {
	font-weight: bold; }
figure.main-col {
	margin: 1em auto;
	text-align: center; }

/* Amazon Column */
h5.amz {
	margin: 1.5em auto 0;
	padding: 3px 5px 3px 7px;
	border-top: 2px solid #990000;
	color: #333;
	font-size: 93%;
	font-weight: bold; }
.relAmazon ul {
	margin: 0 0 1.5em;
	padding: 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc; }
.relAmazon .artsCont li {
	margin: 0;
	padding: 5px;
	clear: both;
	background: none !important;
	border-top: 1px dotted #ccc;
	vertical-align: top; }
.relAmazon .artsCont li:before, .relAmazon .artsCont li:after {
    display: table;
    content: "";
    line-height: 0; }
.relAmazon .artsCont li:after {
	clear: both; }
.relAmazon .artsCont li p {
	margin-bottom: 0px;
	line-height: 1.4;
	font-size: 93%; }
.relAmazon .artsCont li p span {
	display:block;
	font-size: 85%; }
.relAmazon .artsCont li .fl {
	margin: 0 5px 0 0;
	padding: 3px;
	width: 80px;
	float: left;
	border: 1px solid #ccc;
	text-align: center; }
.relAmazon .artsCont li p img {
	width: 40px; }
.relAmazon .artsCont li a:link img,
.relAmazon .artsCont li a:visited img {
	border: 1px solid #aaa; }
.relAmazon .artsCont li a:hover img {
	border: 1px solid #06f; }
/* top Youtube */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
#prtimes-box {
  margin: 3px;
  padding: 5px;
  border: 1px solid #aaa;;
}
#prtimes-title h2{
  font-size: 1.5rem;
  color: #585858;
  margin-top: 5px;
  margin-left: 10px;
}
#asj-s_all_ol_gam{
  position: fixed;
  z-index: 20000;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.ad_gam{
  text-align: center;
  margin-bottom: 10px;
}
body.asciiclub nav.gnavi{
  margin-bottom: 10px;
}

/* DMM GAMES */
#dmmgames .title01 {
  font-size: 16px;
  color: #FFF;
  padding: 6px 0 6px 17px;
  margin-top: 20px;
  border-left: 5px solid #16acc2;
  background: linear-gradient(#4d4d4d 0%, #020202 100%);
}
#dmmgames .viewAllContents {
  margin: 5px 35px 20px 0;
  font-size: 16px;
  text-align: right;
}
#dmmgames .viewAllContents a {
  color: #337ab7;
}
#dmmgames .footer {
  padding-bottom: 0;
}

/* 記事内誘導枠のサンプル */
.article .article__content .yudo {
  padding: 10px;
  border: 1px solid #ddd;
  margin: 10px 0;
}

.article .article__content .yudo .yudo_title{
/*  display: flex; */
}

.article .article__content .yudo p {
  line-height: 1.4;
  font-size: 93%;
  color: #999;
}

.article .article__content .yudo p.fl a {
  margin: 0 10px 0 0;
}

.article .article__content .yudo p.fl a img {
  margin: 1px;
  max-width: initial;
  width:100%;
}

.article .article__content .yudo div {
  margin: auto;
}

.article .article__content .yudo h3 {
  margin: 0 0 3px;
  font-weight: bold;
}

.article .article__content .yudo h3 a {
  color: #000;
  text-decoration: none;
}
#sp_policy {
  margin: 100px 30px;
}
#sp_policy .policytitle{
  font-size:200%;
}
#sp_support {
  margin: 100px 30px;
}

.affiliate_notice p {
  font-size:1.5rem;
  text-align: center;
  padding: 10px;
}

/* ---------------------------------------
   詳細 対話形式
  ---------------------------------------*/
.bubble{
  display: flex;
  text-align: left;
  margin-bottom: 2rem;
}
.bubble_ph {
  width: 80px;
  text-align: left;
  margin-right: 1rem;
}
.bubble_txt {
  flex: 1;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .bubble_ph {
    width: 60px;
  }
}

/* ---------------------------------------
   Amazon Bestsellers
  ---------------------------------------*/
#amazon_bestsellers {
	margin: 0 6px 10px;
	padding: 1px 0 5px;
	background-color: #fff;
	border: 1px solid #888;
	counter-reset: rank;
}

#amazon_bestsellers {
	.fl {
		float: left;
	}

	.amazon_bestsellers_header::after,
	ul::after,
	li::after{
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	.amazon_bestsellers_header {
		margin: 0 0 10px;
		padding: 3px 5px;
		background: transparent url(/img/0910/bg_right_heading.gif) left top;
	}

	.amazon_bestsellers_header h5 {
		font-size: 93%;
	}

	.amazon_bestsellers_header h5 a {
		color:black;
		font-weight: bold;
	}

	.amazon_bestsellers_header h5 a:visited {
		color:black;
	}

	ul {
		margin: 0 7px;
		padding: 0;
		list-style-type: none;
	}
	
	li {
		margin: 8px 0 0;
		padding: 0 0 7px;
		border-bottom: 1px dotted #b8b8b8;
		position: relative;
	}

	li:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}

	li .rank {
		display:flex;
    margin-bottom: 5px;
	}

	li .rank .former{
		width:100px;
		background:#c45500;
		color:#fff;
    font-size: 13px;
	}

	li .rank .later{
		color:#c45500;
		border-right: 10px solid transparent;
		border-top: 19.5px solid;
	}

	li .amazonfl a {
		margin: 0 7px 0 0;
    /*
		border: 1px solid #B3AFAB;
    */
		display: block;
	}

	li .amazonfl a:hover {
    /*
		border: 1px solid #0099ff;
    */
	}

	li .amazonfl img {
		margin: 1px;
	}

	li:nth-child(n+10) .amazonfl::after {
		left: 1px;
	}

	li h4 {
		font-size: 108%;
		overflow: hidden;
    
		margin-left: 10px;
    margin-right: 10px;
    
	}

	li h4 a {
    font-weight: normal;
  }

  li p {
    text-align:center;
  }

  li p a img {
    width:30%;
  }

	li p.price {
		text-align: right;
		font-size: 2rem;
		font-weight: bold;
		margin: 5px 0 0;
		color: #666666;
	}
}