@charset "UTF-8";
/* ------------------------------------------------------------------------
TITLE       : nikkansports.com tool css
DATE       : 2015/07/14
URL         : https://www.nikkansports.com/tool/css/tool-style.css
AUTHOR  : nikkansports.com
------------------------------------------------------------------------- */
#contentsArea p {
  margin-bottom: 1em;
  line-height: 1.6;
}
#contentsArea li {
  line-height: 1.6;
}

.tool-nsid #contentsArea .w100 img {
  width: 100%;	
}
.tool-nsid #contentsArea .contInfoWrap {
  margin-bottom: 20px;
}
.tool-nsid #contentsArea .contInfoWrap p {
  font-size: 14px;
  font-size: 1.4rem;
}
.tool-nsid #contentsArea .contInfoWrap img {
  width: 250px;
}
.tool-nsid #contentsArea .contInfoWrap .fl-l {
  float: left;
  margin-right: 10px;
}
.tool-nsid #contentsArea .contInfoWrap .fl-r {
  width: 380px;
}
.tool-nsid #contentsArea .contInfoWrap .fl-r　table {
  margin-bottom: 14px;
}
.tool-nsid #contentsArea .contInfoWrap .fl-r td {
  color: #990000;
}
.tool-twitter .accountBox {
  margin-bottom: 20px;
}

.tool-twitter .accountBox .acIcon img {
  width: 80px;
  height: 80px;
}

.tool-twitter .accountBox .acIcon {
  float: left;
  width: 94px;
}
.tool-twitter .accountBox .acInfo {
  margin-bottom: 20px;
}

.pay {
  /* 有料サイト個別
  ------------------------------------------------------- */
}
.pay.theme-top #theme-nav_top a, .pay.theme-PsBB #themeNaviPsBB a, .pay.theme-PsSc #themeNaviPsSc a, .pay.theme-PsEt #themeNaviPsEt a, .pay.theme-PsBt #themeNaviPsBt a, .pay.theme-PsRc #themeNaviPsRc a, .pay.theme-tPcNs #themeNaviPcNs a {
  color: #222;
}
.pay.theme-top #theme-nav_top a:after, .pay.theme-PsBB #themeNaviPsBB a:after, .pay.theme-PsSc #themeNaviPsSc a:after, .pay.theme-PsEt #themeNaviPsEt a:after, .pay.theme-PsBt #themeNaviPsBt a:after, .pay.theme-PsRc #themeNaviPsRc a:after, .pay.theme-tPcNs #themeNaviPcNs a:after {
  color: #119dce;
}
.pay .psTabs {
  display: none;
}
.pay .payGenreWrap {
  clear: both;
  margin: 0 0 15px;
  padding-top: 5px;
  border-radius: .5em;
  background: #dfe5ea;
}
.pay .payGenreWrap:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}
.pay .payGenreWrap h3 {
  margin: 0 5px 10px;
  padding: 10px;
  border-left: 10px solid #abb9c6;
  border-radius: .5em;
  font-size: 110%;
  color: #484848;
  background: #f5f7f8;
}
.pay.psTop .payServiceBox {
  float: left;
  margin: 0 0 15px 15px;
  padding: 15px 5px;
  border: 1px solid #abb9c6;
  border-radius: .5em;
  min-height: 300px;
}
.pay .box1 .payServiceBox, .pay .box2 .payServiceBox, .pay .box3 .payServiceBox, .pay .box4 .payServiceBox, .pay .box5 .payServiceBox {
  width: 295px;
}
.pay.psTop .payServiceBox dt {
  height: auto!important;
  min-height: 60px;
  margin-bottom: 10px;
  text-align: center;
}
.pay.psTop .payServiceBox dt img {
  max-height: 60px;
}
.pay.psTop .payServiceBox .psTitle {
  text-align: center;
  font-weight: bold;
}
.pay.psTop .payServiceBox .psTitle a {
  display: block;
  padding: 10px 0;
  border: 1px solid #abb9c6;
  border-radius: .5em;
  background: #f5f7f8;
  text-shadow: 0 -1px 0 #ffffff;
    letter-spacing: -0.02em;

}
.pay.psTop .payServiceBox dt a:hover {
  background: #ffffff;
}
.pay.psTop .payServiceBox .dscrp1 {
  padding: 10px 7px;
  line-height: 1.6;
  letter-spacing: -0.07em;
}
.pay.psTop .dscrp1 img.qr_mini {
  float: right;
  width: 70px;
  margin: 0 0 0 5px;
}
.pay.psTop .payServiceBox .dscrp2 {
  padding-top: 10px;
  border-top: 1px dotted #abb9c6;
  color: #484848;
  font-size: 90%;
  text-align: center;
  line-height: 20px;
}
.pay.psTop .dscrp2 img {
  padding-right: 5px;
}
.pay #payServiceBoxIndv p {
  margin: 0 0 1em;
  font-size: 90%;
  line-height: 1.6;
}
.pay .payServiceBox {
  padding: 15px 0;
  border-top: 1px solid #abb9c6;
  background: #ffffff;
}
.pay .payServiceBox.firstChild {
  border: 0;
}
.pay .payServiceBox .logo {
  float: left;
  margin: 2px 15px 10px 5px;
  width: 200px;
  text-align: center;
}
.pay .payServiceBox .logo img {
  max-width: 200px;
}
.pay .payServiceBox .qrcode {
  float: right;
  margin: 2px 0 10px 7px;
}
.pay .payServiceBox .paySubBox {
  margin: 0 0 15px;
}
.pay .payServiceBox .paySubBox:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}
.pay .payServiceBox p.attentuon {
  color: #9fb0bc;
  font-size: 14px;
}
.pay .payServiceBox p.access {
  overflow: auto;
}
.pay .payServiceBox p.access span {
  color: #cf0000;
  font-weight: bold;
}
.pay .payServiceBox p strong.mark {
  color: #1f3fcf;
  font-weight: bold;
}
.pay .payServiceBox .contentsTitle {
  /*margin: 0 0 10px -20px;*/
  margin: 0 0 10px 0;
  padding: 10px;
  border-left: 10px solid #abb9c6;
  border-radius: .5em;
  font-size: 110%;
  color: #484848;
  background: #f5f7f8;
}
.pay .paySubTitle {
  clear: both;
  margin: 0 0 1em;
  padding: 5px 7px;
  border-radius: .3em;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  background: #dfe5ea;
}
.pay .payServiceBox .carrierService {
  padding: 5px 5px 5px 0;
  vertical-align: middle;
}
.pay .icon_nikkanID, .pay .icon_appstore, .pay .icon_other {
  display: inline-block;
  text-align: center;
  padding: 1px 3px 0;
  border-radius: 5px;
  margin-top: 5px;
  color: #FFF;
  font-weight: bold;
  font-size: 80%;
}
.pay .icon_nikkanID {
  background: #59c3ea;
}
.pay .icon_appstore {
  background: #3f51d8;
}
.pay .icon_other {
  background: #666;
}
.pay .iconPOSI {
  position: relative;
  top: -2px;
}
.pay .payServiceBox .paySubBox a.dlBtn{ display:inline-block; }
  /* SNS公式アカウントページ
  ------------------------------------------------------- */
.tool-twitter a {
  text-decoration: none;
}

.twitterArea {
  margin-top: 20px;
}

#contentsArea .sns {
  line-height: 1.5;
  font-size: 13px;
  width: 290px;
}

.twContentstitle {
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  background: #3f96d9;
  color: #fff;
  padding: 5px 8px;
}
.fbContentstitle {
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  background: #4267B2;
  color: #fff;
  padding: 5px 8px;
}
.igContentstitle {
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  background: #7d6fad;
  color: #fff;
  padding: 5px 8px;
}
.ytContentstitle {
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  background: #e62117;
  color: #fff;
  padding: 5px 8px;
}
.tool-twitter .accountBox.snsbox {
  margin-bottom: 35px;
  float: left;
  width: 50%;
  height: 240px;
}

.followBtn {
  margin-top: 10px;
}
.followBtn a {
  padding: 4px 20px;
  font-size: 16px;
  color: #3eb3d5;
  border: 1px solid #2a94d1;
}
.followBtn a:hover,
.followBtn a:active {
  background: #6ec5f1;
  color: #fff;
}
#tool.tool-twitter .accountBox .blankLine {
	padding-bottom: 1em;
}

#newMem {
  margin-bottom: 30px;
}
#newMem p.new a {
  color: #FFF;
  margin: auto;
  margin-top: 10px;
  width: 10em;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #244386), color-stop(0.00, #4375a8));
  background: -webkit-linear-gradient(top, #4375a8 0%, #244386 100%);
  background: -moz-linear-gradient(top, #4375a8 0%, #244386 100%);
  background: -o-linear-gradient(top, #4375a8 0%, #244386 100%);
  background: -ms-linear-gradient(top, #4375a8 0%, #244386 100%);
  background: linear-gradient(top, #4375a8 0%, #244386 100%);
  border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8) inset, -1px -1px 1px rgba(0, 0, 0, 0.3) inset, 1px 1px 4px rgba(0, 0, 0, 0.3);
  display: block;
  padding: 8px 5px 6px;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.5);
}
#newMem p {
  font-size: 80%;
  text-align: center;
  margin-top: 5px;
}



/* --------------------------------------------------------------------------------------------------------------------------------
CLEER FIX
-------------------------------------------------------------------------------------------------------------------------------- */
.clearfix:after, .tool-nsid #contentsArea .contInfoWrap:after, .tool-twitter .accountBox:after,.twitterArea:after,.widgetArea:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix, .tool-nsid #contentsArea .contInfoWrap, .tool-twitter .accountBox {
  min-height: 1px;
  /* for IE 6,7 */
  *zoom: 1;
}

* html .clearfix, * html .tool-nsid #contentsArea .contInfoWrap, .tool-nsid #contentsArea * html .contInfoWrap, * html .tool-twitter .accountBox, .tool-twitter * html .accountBox {
  height: 1px;
  /*¥*/
     /*/
height: auto;
overflow: hidden;
/**/
}

.both {
  clear: both;
}