@charset "utf-8";

body {
  margin: 0 auto;
  background: #f4f4f4;
}
body.pc-wrap {
  width: 1040px;
  font: normal 16px/1 "Segoe UI",Verdana,Arial,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Rounded-L M+ 1c","Meiryo UI","メイリオ",Osaka,"ＭＳ Ｐゴシック", "MS PGothic",sans,sans-serif;
  background-image: url("/img/back_tennis.png");
}
body.tb-wrap {
  width: 100%;
  min-width: 768px;
  font-size: 1.6rem;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
.header {
  background: #ffd;
}
.htop {
  height: 46px;
  box-shadow: none;
}
.site-title {
  display: block;
  width: 630px;
  margin: 4px 0;
  font-size: 30px;
}
.site-title img{
  width: 38px;
  height: 38px;
}
.htop-right a {
  float: left;
  margin: 4px 16px 0 0;
}
.htop-right .lsf {
  font-size: 46px;
}
.htop-right a:hover {
  line-height: .9;
}
.site-description {
  display: block;
  margin: 7px 0 10px 5px;
}
.pc-menu {
  float: left;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.pc-menu ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
}
.pc-menu li {
  float: left;
  margin: 9px 3px;
}
header .searches {
  float: right;
}

.container {
  margin: 10px 0 0 4px;
}
.main {
  float: left;
  border-radius: 7px;
  background: #fff;
}
.pc-wrap .main {
  width: 728px;
}
.tb-wrap .main {
  width: 100%;
  min-width: 768px;
}

.breadbox {
  font-size: 13px;
}
.entry-title {
  color: #800;
  font-size: 26px;
}
.entry-info {
  margin: 0 12px;
}
.new-list h2, .pop-list h2 {
  font-size: 24px;
}
.entry-content>p, .entry-content>div {
  margin: 22px 25px;
}
.entry-content h2 {
  margin: 15px 0 5px;
  padding: 4px 8px 4px 16px;
  font-size: 1.9rem;
}
.entry-content h3 {
  margin: 20px 10px 15px 10px;
  padding: 8px 6px 8px 14px;
  line-height: 1.2;
  font-size: 1.8rem;
}
.entry-content h4 {
  margin: 15px 10px 10px 10px;
  padding: 4px;
  line-height: 1.2;
  font-size: 1.7rem;
  border-left: 6px solid #800;
  border-bottom: 2px solid #800;
}
.entry-content>img {
  display: block;
  box-sizing: content-box;
  margin: 20px auto;
}
.iconf-off {
  width: 13px;
  text-indent: -15px;
}
/*-above the fold*/
/*bbs*/
.entry-content .bbs-wrap {
  margin: 0 15px 40px;
}
.bbs-parent,.bbs-child {
  margin: 10px 0;
}
.bbs-comment {
  width: 610px;
  font-size: 90%;
  line-height: 1.8;
}
.bbs-icon {
  width: 70px;
}
.form-comment {
  font-size: 15px;
}
/*-bbs*/

#toc {
  width: 82%;
}
#toc ul {
  font-size: 14px;
}
.entry-content ul, .entry-content ol {
  margin: 10px 35px;
  font-size: 15px;
}
.entry-content li {
  margin: 8px 0 8px 10px;
}
.main .nlink a, .main a.nlink {
  margin: 6px 4px;
  border-right: 1px dashed #888;
  border-bottom: 1px dashed #888;
}
.pcp-nlink {
  display: block;
  overflow: hidden;
  margin: 0px 20px 25px;
  padding: 2px 4px 0 0;
  line-height:1.3;

  border-radius: 7px;
  border: 1px solid #aaa;
  background: #ffe;
  -webkit-box-shadow: 2px 2px 3px #bbb;
  box-shadow: 2px 2px 3px #bbb
}
.pcp-nlink .n-desc {
  margin: 0;
  font-size: 13px;
  color: #666;
}
.pci-nlink {
  float: left;
  overflow: hidden;
  width: 336px;
  height: 348px; /*通常348,cate名が長い362*/
  margin: 20px 10px 20px 14px;
  line-height:1.4;
  border-radius: 7px;
  border: 1px solid #aaa;
  background: #ffc;
  -webkit-box-shadow: 3px 3px 4px #bbb;
  box-shadow: 3px 3px 4px #bbb
}
.tb-wrap .pci-nlink {
  margin: 20px 23px;
}
.pci-nlink a {
  display: block;
}
.pci-nlink img{
  width: 336px;
  height: 189px;
  transition: 0.5s;
}
.pci-nlink img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}
.n-title {
  margin: 0 5px;
  font-size: 16px;
  color: #800;
}
.n-desc {
  margin: 3px 5px 7px;
  font-size: 13px;
  color: #44f;
}
.n-cate a {
  float: left;
  margin: 0 0 4px 5px;
  padding: 0 2px;
  font-size: 12px;
  background: #afa;
  border-radius: 4px;
}
.pci-nlink .n-date {
  float: right;
  margin-right: 5px;
  color: #666;
}
.entry-content .pr-nx-post {
  margin: 0 20px;
}
.team-member {
  width: 150px;
}
.team-score {
  width: 130px;
}

.sidebar {
  float: right;
  position: relative;
  width: 300px;
  padding: 0;
  font-size: 14px;
}
.widget-area-left {
  float: left;
  width:50%;
  margin: 20px 0 0;
}
.widget-area-right {
  float: right;
  width:50%;
  margin: 20px 0 0;
}
.main .widget {
  margin: 0 10px 10px;
}
.sidebar .widget {
  margin: 0 0 10px;
}
.main .author div{
  line-height: 1.6;
}
.sidebar .author div {
  margin: 4px 0;
}
.newlist a:hover {
  background: #fb8;
}
.side-bkm {
  float: none;
  margin: 0 0 10px;
}
.side-bkm a {
  display: block;
  text-align: center;
}
.side-bkm a:hover {
  cursor: pointer;
}
.newlist a.nlink {
  margin: 4px 2px;
  border-bottom: 1px dashed #444;
}
.side-fix {
  width: 300px
}

#zenback #zenback-widget, #zenback-widget a, .zenback-module-item {
  font-size: 11px;
  font-size: 1.1rem;
}
#zenback #zenback-widget .zenback-module-item-image {
  width: 20px;
  height: 20px;
}

.pc-snsbtn {
  margin: 10px 0 0 2px;
  background: #ffe;
}
.pc-snsbtn>div {
  float: left;
  margin: 7px 7px 0 8px
}
.feedly-notice {
  margin: 0 0 0 30px;
  color: #555;
  font-size: 14px;
  vertical-align: top
}
.fb-btn {
  border: none;
  overflow: hidden;
  width: 83px;
  height: 65px;
}
.rel-list {
  float: left;
  width: 49%;
  margin-left: 4px;
}
.tb-wrap .menu li {
  margin: 0 5px 10px;
  padding: 10px 3px;
  font-size: 14px;
}
.copyright {
  font-size: 15px;
}
.totop {
  position: fixed;
  z-index: 1500;
  right: 4px;
  bottom: 6px;
}
.totop a {
    display: block;
    background: #fccd5d;
    margin: 0 0 10px;
    padding: 10px;
    font-size: 13px;
    text-align: center;
    border-radius: 10px;
}
.totop a:hover {
    background: #fd4;
}

/*later*/
a {
  background: transparent;
  transition: color 0.5s;
}
a:active,
a:hover {
  outline: 0;
}
a:focus {
  outline: thin dotted;
}
a:hover {
  color: #f00;
  background: #fb8;
  text-decoration: none;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  color: #f96;
  background: #4b4;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #5c5, #4b4);
  background-image: linear-gradient(to bottom, #5c5, #4b4);
}
.btn-green a:hover{
  text-decoration:none;
  background: #4f4;
  background: -moz-linear-gradient(top, #bfb, #0f0); /* Firefox */
  background: -webkit-linear-gradient(top, #bfb, #0f0); /* Safari5.1-, Chrome10- */
  background: -webkit-gradient(linear, left top, left bottom, from(#bfb), to(#0f0)); /* Safari5.0 */
  background: -o-linear-gradient(top, #bfb, #0f0); /* Opera10- */
  background: linear-gradient(to bottom, #bfb, #0f0);
}