@charset "utf-8";

/* ==================================================
All device
================================================== */
.none {display: none;}


/* ==================================================
PC
================================================== */
@media only screen and (min-width: 738px){

/*
-------------------------------------------------- */
  /*menu entries*/
  .menu__entries {
    z-index: 1000;
    position: relative;
    width: 100%;
    height: 47px;
    overflow: hidden;
  }
    .menu__entries ul {
      width: 100%;
      background: #F9F9F9;
      border-bottom: solid 2px #EAEEF1;
    }
    .menu__entries ul li {
      float: left;
      padding: 13px 0 12px;
      cursor: pointer;
    }
      .menu__entries ul li:hover {
        opacity: 0.75;
      }
      .menu__entries ul li.current {
        color: #fff;
      }
        .menu__entries ul li#recommend.current {
          background: #EF914D;
        }
        .menu__entries ul li#news.current {
          background: #8BCB64;
        }
        .menu__entries ul li#topics.current {
          background: #58BBDC;
        }
        .menu__entries ul li#event.current {
          background: #C895D0;
        }
        .menu__entries ul li#campaign.current {
          background: #F28EC8;
        }

    .menu__entries ul li span {
      display: block;
      font-size: 14px;
      font-weight: bold;
      padding: 3px 20px;
      border-right: solid 1px #CFD3D7;
    }
    .menu__entries ul li:first-child span {
      border-left: solid 1px #CFD3D7;
    }

    .menu__entries .first,
    .menu__entries .last {
      position: absolute;
      top: 8%;
      cursor: pointer;
    }
    .menu__entries .first:active,
    .menu__entries .last:active {
      opacity: 0.75;
    }
    .menu__entries .first img,
    .menu__entries .last img {
      width: 17px;
      height: 35px;
    }
    .menu__entries .first {
      left: 0;
    }
    .menu__entries .last {
      right: 0;
    }

  .menu__others {
    margin: 50px 0 0;
  }
    .menu__others li {
      float: left;
      width: 170px;
      margin: 0 13px 0 0;
    }
    .menu__others li:last-child {
      margin: 0;
    }
    .menu__others li a {
      display: block;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      border: solid 2px #00002f;
      padding: 15px 10px;
    }

.tab__contents {
  height: auto;
}

  /*list entries*/
  .list__entries {
    position: relative;
    border-bottom: solid 1px #EAEEF1;
    padding: 25px 0 0;
  }
  .list__entries:after {
    content: "";
    clear: both;
    display: block;
  }
    .list__entries a {
      color: #00002f;
    }
    .list__entries a:hover {
      text-decoration: underline;
    }
    .list__entries span {
      display: block;
      float: left;
      width: 200px;
      margin: 0 25px 25px 0;
    }
    .list__entries .new {
      position: absolute;
      top: 25px;
      left: 0;
    }

    .list__entries--inner {}

    .list__entries .entry__title {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.4em;
      margin: 0 0 15px;
    }
    .list__entries .entry__title a {
      position: relative;
      display: block;
      width: 495px;
      height: auto; /*OverflowEllipsis readers*/
      overflow: hidden;
    }
    /*
      .list__entries .entry__title a:before {
        z-index: 3;
        position: absolute;
        content: "...";
        width: 21px;
        text-align: right;
        background: #fff;
        bottom: 0;
        right: 0;
      }
      .list__entries .entry__title a:after {
        z-index: 5;
        position: absolute;
        display: inline-block;
        content: "";
        background: #fff;
        height: 100%;
        width: 100%;
      }
    */

    .list__entries .entry__title a.external:after {
      background: #fff url(/files/user/img/entry/ico_external.png) left center no-repeat !important;
      background-size: 15px 15px !important;
      padding: 0 20px 0 0;
    }

    .list__entries .entry__tags {
      float: right;
      width: 495px;
      margin: 0 0 5px;
    }
    .list__entries .entry__tags li {
      display: inline-block;
      background: url(/files/user/img/entry/ico_tag.png) left 5px center no-repeat;
      background-size: 12px 12px;
      border: solid 1px #EAEEF1;
      border-radius: 5px;
      padding: 4px 5px 5px 20px;
      margin: 0 0 5px;
      /*
      box-shadow:1px 1px 1px 1px #eee;
      -moz-box-shadow:1px 1px 1px 1px #eee;
      -webkit-box-shadow:1px 1px 1px 1px #eee;
      */
    }
    .list__entries .entry__tags li a {
      color: #909090;
      font-size: 13px;
    }

    .list__entries p {
      position: relative;
      float: right;
      width: 495px;
      height: auto; /*OverflowEllipsis readers*/
      font-size: 13px;
      line-height: 1.4em;
      overflow: hidden;
    }
      .list__entries p:before {
        z-index: 3;
        position: absolute;
        content: "...";
        width: 18px;
        text-align: right;
        background: #fff;
        bottom: 0;
        right: 0;
      }
      .list__entries p:after {
        z-index: 5;
        position: absolute;
        display: inline-block;
        content: "";
        background: #fff;
        height: 100%;
        width: 100%;
      }

    .list__entries .entry__share {
      position: relative;
      float: right;
      /*width: 100%;*/
      width: 495px;
      height: 50px;
      margin: 15px 0 0;
    }
    .list__entries .entry__share li {
      float: right;
      width: 75px;
      height: 50px;
      color: #CED1D5;
      font-size: 14px;
      margin: 0 0 0 7px;
    }
      .list__entries .entry__share li:first-child {
        position: absolute;
        top: 3px;
        left: -5px;
      }
      .list__entries .entry__share li:nth-child(2) {

      }
      .list__entries .entry__share li:nth-child(3) {
        width: 65px;
      }


}





/* ==================================================
Smartphone
================================================== */
@media only screen and (max-width: 737px){

/*
-------------------------------------------------- */
#members__link {
  margin-top: -40px;
  padding-top: 40px;
}

.tab__menu {
  position: relative;
  z-index: 200;
  width: 100%;
  height: 44px;
  background: #F9F9F9;
  border-bottom: solid 2px #EAEEF1;
  overflow: hidden;
}
  .tab__menu.fixation {
    position: fixed !important;
    top: 51px;
    left: 0;
  }

  /*menu entries*/
  .menu__entries {
    position: relative;
    overflow-x: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }
    .menu__entries::-webkit-scrollbar {
      /**/display: none !important;
    }
    .menu__entries::-webkit-scrollbar-track {}
    .menu__entries::-webkit-scrollbar-thumb {}

  .tabs {
    width: 500px;
    padding: 0 8px;
  }

  .tab {
    float: left;
    padding: 12px 0;
    cursor: pointer;
  }
    .menu__entries .tab span,
    .menu__entries .tab a {
      display: block;
      font-size: 12px;
      padding: 3px 20px;
      border-right: solid 1px #CFD3D7;
    }
      .menu__entries .tabs li:first-child span,
      .menu__entries .tabs li:first-child a {
        border-left: solid 1px #CFD3D7;
      }

      .menu__entries .tab.current,
      .menu__entries .tab.current a {
        color: #fff;
        font-weight: bold;
      }
        .menu__entries #recommend.current {
          background: #EF914D;
        }
        .menu__entries #news.current {
          background: #8BCB64;
        }
        .menu__entries #topics.current {
          background: #58BBDC;
        }
        .menu__entries #event.current {
          background: #C895D0;
        }
        .menu__entries #campaign.current {
          background: #F28EC8;
        }

    .tab__navi {
      position: absolute;
      z-index: 300;
      top: 4px;
      width: 100%;
    }

    .tab__navi .first,
    .tab__navi .last {
      position: absolute;
      cursor: pointer;
    }
    .tab__navi .first {
      left: 0;
    }
    .tab__navi .last {
      right: 0;
    }
      .tab__navi .first:active,
      .tab__navi .last:active {
        opacity: 0.75;
      }
      .tab__navi .first img,
      .tab__navi .last img {
        width: 17px;
        height: 35px;
      }

  /*list entries*/
  .list__entries {
    position: relative;
    border-bottom: solid 1px #EAEEF1;
    padding: 15px 0 0;
  }
  .list__entries:after {
    content: "";
    clear: both;
    display: block;
  }

    .list__entries--inner {
      margin: 0 8px;
    }

    .list__entries a {
      color: #00002f;
    }
    .list__entries a:hover {
      text-decoration: underline;
    }
    .list__entries span {
      float: left;
      width: 30%;
      margin: 0 15px 10px 0;
    }
    .list__entries span img {
      width: 100%;
    }
    .list__entries .new {
      position: absolute;
      top: 15px;
      left: 8px;
      width: 30px;
    }
    .list__entries .entry__title {
      float: left;
      width: 65%;
      font-size: 15px;
      font-weight: bold;
      line-height: 1.4em;
      margin: 0 0 10px;
    }
    .list__entries .entry__title a {
      position: relative;
      display: block;
      width: 100%;
      height: auto !important; /*OverflowEllipsis readers*/
      overflow: hidden;
    }
    /*
      .list__entries .entry__title a:before {
        z-index: 3;
        position: absolute;
        content: "...";
        width: 21px;
        text-align: center;
        background: #fff;
        bottom: 0;
        right: 0;
      }
      .list__entries .entry__title a:after {
        z-index: 5;
        position: absolute;
        display: inline-block;
        content: "";
        background: #fff;
        height: 100%;
        width: 100%;
      }
    */

    .list__entries .entry__title a.external:after {
      background: url(/files/user/img/entry/ico_external.png) left center no-repeat !important;
      background-size: 12px 12px !important;
      padding: 0 20px 0 0;
    }

    .list__entries .entry__tags {
      clear: both;
      margin: 0;
    }
    .list__entries .entry__tags li {
      display: inline-block;
      background: url(/files/user/img/entry/ico_tag.png) left 5px center no-repeat;
      background-size: 12px 12px;
      border: solid 1px #EAEEF1;
      border-radius: 5px;
      padding: 2px 5px 5px 20px;
      margin: 0 0 5px;
    }
    .list__entries .entry__tags li a {
      color: #909090;
      font-size: 11px;
    }

    .list__entries p {}

    .list__entries .entry__share {
      position: relative;
      clear: both;
      width: 100%;
      height: 42px;
      background: #F9F9F9;
      padding: 10px 8px 10px;
      margin: 10px 0 0;
      overflow: hidden;
    }
    .list__entries .entry__share li {
      float: right;
      width: 72px;
      height: 50px;
      color: #CED1D5;
      font-size: 12px;
    }
      .list__entries .entry__share li:first-child {
        position: absolute;
        top: 16px;
        width: 100px;
      }
      .list__entries .entry__share li:nth-child(3) {
        position: relative;
        /*
        top: -12px;
        right: -5px;
        */
        width: 68px;
      }
      .list__entries .entry__share li:nth-child(4) {
        width: 90px;
      }



.t_scroll {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  /*white-space: nowrap;*/
}
.t_scroll::-webkit-scrollbar{
 height: 5px;
}
.t_scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.t_scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

.t_scroll table {
  margin: 0 !important;
}



}