@charset "utf-8";

/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{padding:0}[aria-disabled],html{cursor:default}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}*,::after,::before{background-repeat:no-repeat;box-sizing:inherit}::after,::before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;font-family:sans-serif;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}small,sub,sup{font-size:83.3333%}hr{height:0}nav ol,nav ul{list-style:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}a{background-color:transparent;-webkit-text-decoration-skip:objects}:hover{outline-width:0}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit;font-size:1em;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{display:table;max-width:100%;white-space:normal}textarea{overflow:auto;resize:vertical}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[tabindex],a,area,button,input,label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden][aria-hidden=false]{clip:rect(0,0,0,0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-qz7pb2');
	src:url('../fonts/icomoon.eot?#iefix-qz7pb2') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-qz7pb2') format('woff'),
		url('../fonts/icomoon.ttf?-qz7pb2') format('truetype'),
		url('../fonts/icomoon.svg?-qz7pb2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-line:before {
	content: "\e009";
}
.icon-hatena:before {
	content: "\e00a";
}
.icon-facebook:before {
	content: "\e60d";
}
.icon-twitter:before {
	content: "\e611";
}


/* base/reset */
body{
  font-size: 18px;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #333;
  padding-bottom: 100px;
}
.clearfix::after{
  content:"";
  clear:both;
  display: block;
}
p,ul{
  margin:0;
  padding: 0;
}
ul,ol{
  list-style-type:none;
}
img {
  max-width: 100%;
  height: auto;
}

/* ------ general ------- */
/* parts */
.center {
	text-align: center;
}
select {
	padding: 2px;
	border: 2px solid #ccc;
	border-radius: 3px;
}
a {color: #008ed0; text-decoration: none;}
a img:hover {opacity: 0.7}
.article p {
	margin: 0.8em 0;
	font-size: 14px;
	line-height: 1.6;
}
h1 {
  margin: 15px 0;
  font-size: 30px;
  line-height: 1.4;
}
h2 {
  color: #555;
  font-size: 23px;
  padding-right: 4.5em;
  line-height: 1.6;
  margin:1.5em 0 0.5em;
  position: relative;
  border-bottom: 5px solid #333;
  display: inline-block;
}
h2::after {
  content: "";
  display: block;
  height: 5px;
  width: 2em;
  background-color: #e22a12;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.related-articles_lists h2 {
	margin: 8px 0;
}
.top-h2 {
	margin-top: 0;
}

.article {
	font-size: 14px;
}
.article h2 {
  border-left: 4px solid #444;
  border-bottom: none;
  padding: 0.1em 0 0.1em 0.5em;
  margin: 1em 0 0.5em;
  display: block;
  line-height: 1.3;
}
.article h2::after {
  display: none;
}
.f-left {float: left}
.f-right {float: right;}
.search-field {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.tags_list_wrap {
	overflow: hidden;
}
h2.tags_list_title {
	padding-right: 15px;
	float: left;
	vertical-align: middle;
}
.tags_list {
	overflow: hidden;
    margin: 0 0 15px 0;
    padding: 20px 0 0 10px;
    font-size: 11px;
}
.tags_list li {
    display: inline-block;
    margin-right: 0.25em;
    margin-bottom: 8px;
  }
.tags_list li a{
    border: #555 solid 1px;
    padding: 0.35em 1em;
    display: inline-block;
    border-radius: 19px;
    color: #333;
  text-decoration: none;
}
.tags_list li a:hover,
.tags_list li a:active{
  color: #fff;
  background-color: #333;
  text-decoration: none;
}
.ad, .ad-middle {
  text-align: center;
  margin: 15px 0;
}
.ad-middle {
	margin: 15px 0 0;
}
.ad-left {
	text-align: left;
}
.ad > div,
.ad > iframe,
.ad-middle > div,
.ad-middle > iframe {
	margin-left: auto;
	margin-right: auto;
}
.ad-left > div,
.ad-left > iframe {
	margin-left: 0;
	margin-right: auto;
}
body .tag {
  font-size: 12px;
  color: #fff;
  padding:1px 4px;
  background-color: #555;
  border-radius: 3px;
  display: inline-block;
  transition: all 0.2s;
  margin-right: 4px;
}
body .tag:hover {
  text-decoration: none;
  background-color: #aaa;
}
.post-date {
  font-size: 12px;
  display: inline-block;
  padding:0.2em 0;
}
.main-info_wrap .post-date {
	padding: 0;
}
.box-sample {
	display: inline-table;
}
.box-sample-wrap {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	text-shadow: 1px 1px 0px #fff;
	letter-spacing: 1px;	
	line-height: 1.2;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-repeat: repeat;
	background-size: 10px 10px;
	background-color: #b9f4f4;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
	            color-stop(.25, #99dddd), color-stop(.25, transparent),
	            color-stop(.5, transparent), color-stop(.5, #99dddd),
	            color-stop(.75, #99dddd), color-stop(.75, transparent),
	            to(transparent));
	background-image: -webkit-linear-gradient(45deg, #99dddd 25%, transparent 25%,
	          transparent 50%, #99dddd 50%, #99dddd 75%,
	          transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, #99dddd 25%, transparent 25%,
	          transparent 50%, #99dddd 50%, #99dddd 75%,
	          transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, #99dddd 25%, transparent 25%,
	          transparent 50%, #99dddd 50%, #99dddd 75%,
	          transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, #99dddd 25%, transparent 25%,
	          transparent 50%, #99dddd 50%, #99dddd 75%,
	          transparent 75%, transparent);
	background-image: linear-gradient(45deg, #99dddd 25%, transparent 25%,
	          transparent 50%, #99dddd 50%, #99dddd 75%,
	          transparent 75%, transparent);
}

.social-button {
	overflow: hidden;
	margin: 0;
	font: normal 13px/1 Arial, sans-serif;
}
.social-button li {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: top;
}
.social-button a {
	display: inline-block;
	padding: 4px 7px;
	color: #fff;
	line-height: 1.2;
	border-radius: 4px;
	text-decoration: none;
}
.social-button a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.social-button a .social-icon {
	display: inline-block;
	font-size: 1.2em;
	margin-right: 5px;
	line-height: 1;
	vertical-align: top;
}
.social-comment a {
	background: #c00;
}
.social-twitter a {
	background: #55acee;
}
.social-facebook a {
	background: #3b5998;
}
.social-line a {
	background: #00C100;
}
.social-hatena a {
	background: #008fde;
}
.social-hatena strong {
	line-height: 1;
}
.social-button i,
.social-hatena strong {
	margin: 0 5px 0 0;
}
.social-button-top {
	margin-top: 20px;
}
.social-button-large {
	display: table;
	width: 100%;
	margin: 10px 0;
	table-layout: fixed;
	line-height: 1.2;
}
.social-button-large li {
	display: table-cell;
}
.social-button-large a {
	display: block;
	margin: 0 10px;
	padding: 5px 0 3px;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
}
.social-button-large a span {
	display: inline-block;
}
.social-button-large a .social-icon {
	margin: 0 5px 2px 0;
	font-size: 1.2em;
	
	vertical-align: -1px;
}
.social-button-large a .label,
.social-button-large a .count {
	font-weight: bold;
}

.article form input[type="text"],
.article form input[type="password"],
.article form textarea {
	width: 98%;
	padding: 5px;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #aaa;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	
}
.article form input[type="submit"] {
	display: inline-block;
	padding: 5px 100px;
	background: #333;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	letter-spacing: 2px;
}

/* 旧デザインからの引継ぎ */
.imobile_infeed_spot{
	width: 339px !important;
	height:87px !important;
}
.imobile_infeed{
	width: 339px !important;
	height:87px !important;
}
#imobspot_1_0_p{
        margin:0 0 0 0 !important;
}
.imobile_infeed_img_container{
	width: 92px !important;
	height:61px !important;
        border: 1px solid #CCC !important;
        padding: 2px 3px !important;
}
.imobile_infeed_img_18{
        width: 61px !important;
        height:61px !important;
	background-color:#000;
	padding:0px 15px 0px 15px !important;
}
.imobile_infeed_body{
        padding: 5px 30px 0px 10px !important;
        margin:0 0 0 0 !important;
	width: 185px !important;
        height:100px !important;
}
.imobile_infeed_description:hover{
       text-decoration:underline !important;
}
.imobile_infeed_description{
	height:61px !important;
       font-size: 13px !important;
       margin:0 0 0 0 !important;
       line-height:1.3 !important;
       color: #006CD8;
}
.imobile_infeed_title{
        display:none !important;
}
.imobile_infeed_description:before{
       content: "[PR]";
}
/* 一覧表コンテンツ用 */
.nowrap_table td {
	white-space: nowrap;
}
.nowrap_table th {
	white-space: nowrap;
}
/* 記事評価用機能 */
.rating-frame {
	clear: both;
	margin-right: 30px;
	text-align: right;
	color: #aaa;
	font-size: 11px;
}
.rating-frame a {
	font-size: 20px;
}
#side_rank_tab li {
	color: #333;
}
/* シリーズリスト */
.series_box,
.bnr_list .series_box {
	margin: 0 0 15px;
	text-align: left;
}
.series_box_title {
	/*
	padding: 3px 0 0 50px;
	background: url(images/common/right_area/series_title_bg.png) no-repeat;
	font-size: 15px;
	color: #202020;
	line-height: 27px;
	font-weight: bold;
	*/
	margin: 0;
	padding: 7px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	text-shadow: 0 -2px 0 #000;
	letter-spacing: 1px;
	border-bottom: 2px solid #B7B7B7;
	background: #45484d;
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
	background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
	background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
	background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}
.series_box ul,
.series_box ol,
.bnr_list .series_box ul,
.bnr_list .series_box ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.series_box li,
.bnr_list .series_box li {
	width: 100%;
	margin: 0;
	padding: 7px 10px;
	background-color: #FFF;
	border-left: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
	font-size: 12px;
	line-height: 150%;
	text-align: left;
	
}
.series_box ol li,
.bnr_list .series_box ol li {
	padding: 10px 13px 9px 30px;
}
.series_box li a {
	color: #006CD8;
}
.series_box ol li:nth-child(1) { background:url(../images/common/right_area/rank_bg/1.png) no-repeat 6px 6px #FFF; }
.series_box ol li:nth-child(2)  { background:url(../images/common/right_area/rank_bg/2.png) no-repeat 6px 6px #FFF; }
.series_box ol li:nth-child(3)  { background:url(../images/common/right_area/rank_bg/3.png) no-repeat 6px 6px #FFF; }
.series_box ol li:nth-child(4)  { background:url(../images/common/right_area/rank_bg/4.png) no-repeat 6px 6px #FFF; }
.series_box ol li:nth-child(5)  { background:url(../images/common/right_area/rank_bg/5.png) no-repeat 6px 6px #FFF; }
.series_box ol li:nth-child(6)  { background:url(../images/common/right_area/rank_bg/6.png) no-repeat 6px 6px #FFF; }
.series_box ol li:nth-child(7)  { background:url(../images/common/right_area/rank_bg/7.png) no-repeat 6px 6px #FFF; }
.series_box ol li:nth-child(8)  { background:url(../images/common/right_area/rank_bg/8.png) no-repeat 6px 6px #FFF; }
.series_box ol li:nth-child(9)  { background:url(../images/common/right_area/rank_bg/9.png) no-repeat 6px 6px #FFF; }
.series_box ol li:nth-child(10) { background:url(../images/common/right_area/rank_bg/10.png) no-repeat 1px 6px #FFF; }
.series_box .series_new {
	color: #d00;
}
.series_box .recent {
	color: #d00;
}
/* 侍ジャパン誘導リスト用スタイル */
.samurai_box .series_box_title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: #333;
  text-shadow: none;
  border-bottom: 2px solid #d6bc46;
  background: #fff;
  padding-top: 0;
  padding-bottom: 3px;
  text-align: center;
}
.bnr_list .samurai_box li {
position: relative;
  border-left: none;
  border-right: none;
  border-bottom-color: #ddd;
  font-weight: bold;
  overflow: hidden;
  padding-right: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4;
}
.bnr_list .samurai_box li:last-child {
  border-bottom: none;
}
.bnr_list .samurai_box li:before, .bnr_list .samurai_box li:after{
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
position: absolute;
}
.bnr_list .samurai_box li::before{
right: 5px;
width: 8px;
height: 8px;
border-top: 2px solid #d6bc46;
border-right: 2px solid #d6bc46;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bnr_list .samurai_box li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.bnr_list .samurai_box li img {
  width: auto;
  height: 50px;
  float: left;
  margin-right: 10px;
}

/* 速報 */
.npb-stats-nav {
	display: table;
	width: 100%;
	margin: 15px 0 0;
	padding: 0;
	line-height: 1.2;
}
.npb-stats-nav li {
	display: table-cell;
	list-style: none;
	width: 20%;
	margin: 0;
	padding: 0 0 0 10px;
}
.npb-stats-nav li:nth-child(1) {
	padding: 0;
}
.npb-stats-nav li a {
	display: block;
	padding: 6px 0 5px 0;
	border: 2px solid #444;
	border-radius: 4px;
	color: #444;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
.npb-stats-nav li a:hover {
	border: 2px solid #d60000;
	color: #d60000;
	text-decoration: none;
}



/* columns */
.contents_wrapper {
	overflow: hidden;
	padding-bottom: 50px;
	
}
.contents_wrap, .header_inner, .header-nav_wrap ul, .footer {
  width: 1120px;
  margin: 0 auto;
  padding: 0 10px;
}
.contents_wrap {
	position: relative;
}
.main_col {
  width: 728px;
  float: left;
}
.sub_col {
  width: 336px;
  float: right;
  position: relative;
}
.sub_col h2 {
	margin: 15px 0 10px;
}

@media (min-width: 1260px) {
  .contents_wrap, .header_inner, .header-nav_wrap ul, .footer{
    width: 1200px;
  }
  .main_col {
    width: 784px;
  }
}

/* header */
.header-description_txt {
  font-size: 15px;
  float: left;
  padding-top: 18px;
}
.header_inner form {
  margin-top: 12px;
  float: left;
  display: table;
}
.header_inner input {
  /*display: table-cell;*/
  vertical-align: middle;
}
.header_inner .search-field {
	width: 380px;
	background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) no-repeat 270px center;
}
input.search-submit{
  font-family: FontAwesome ;/*FontAwesomeをフォント指定*/
  font-size: 24px;
  vertical-align: middle;
  padding-left: 5px;
}
  /* --googleカスタム検索-- */
.header_inner .f-right div:first-of-type {
  float: left;
}
.header_inner .f-right .gsc-control-searchbox-only{
  padding-top: 10px;
}
.header_inner .f-right .gsc-input-box{
  width: 300px;
}
.gsc-control-cse * {
  box-sizing: content-box;
}
.gsc-input {
  line-height: 1;
}

.header-sns_icons {
  float: left;
  margin-top: 12px;
  margin-left: 10px;
}
.header-sns_icons li {
  float: left;
  width: 28px;
  margin-left: 10px;
}
.header_logo {
  float: left;
  width: 364px;
  margin-right: 70px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.header_inner h2 {
    float: left;
    margin-top: 2px;
    font-size: 18px;
    padding-right: 1.2em;
    margin-right: 10px;
    line-height: 1;
    padding-bottom: 5px;
}
.header_inner .tags_list {
	margin-bottom: 0;
	margin-top: 18px;
	padding: 0;
	overflow: hidden;
	max-height: 65px;
}
.header_logo img {
	width: 346px;
	height: auto;
}

/* add 2016.10.14 */
.header_inner {
	display: table;
}
.header_logo,
.header_728,
.header_taglist {
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.header_728 {
	padding: 10px 0 5px;
	text-align: right;
}
.header_728 > div,
.header_728 > iframe {
	margin-left: auto;
}
.header_taglist {
	padding-left: 70px;
}

/*gnav*/
.header-nav_wrap {
  background-color: #222;
  margin-top: 5px;
  position: relative;
}
#mOver {
  background-color: #ddd;
}
.header-nav_wrap #mOver li a {
	color: #222;
}
.header-nav_wrap > ul{
  position: relative;
}
.header-nav_wrap li a{
	position: relative;
  font-weight: bold;
  color: #fff;
}
.header-nav_wrap li{
  position: relative;
  display: inline-block;
  margin-right: 15px;
  padding: 0 0.5em;
  line-height: 2;
}
.header-nav_wrap li.new a:before {
  content: 'NEW';
  position: absolute;
  top: -19px;
  left: -10px;
  display: block;
  padding: 2px 4px;
  background: #e00;
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2;
}
.header-nav_wrap li.new_title a:before {
	content: attr(title);
}
.header-nav_wrap li ul{
  display: none;
  position: absolute;
  top: 2em;
  left: 0;
  z-index: 1000;
}
.header-nav_wrap li ul a{
  color: #333;
}

/*breadcrumb*/
.bread_list {
  line-height: 1;
  margin-bottom: 15px;
}
.bread_list li {
  display: inline;
}
.bread_list li:after{
  font-family: FontAwesome;
  content: "\f105";
  padding-left: 10px;
  padding-right: 5px;
  font-size: 14px;
}
.bread_list li:last-child:after {
  content: none;
}
.bread_list li,
.bread_list li a,
.bread_list li span {
  font-size: 13px;
  color: #333;
}

/*pagenation*/
.pager {
  font-size: 17px;
    margin: 20px auto 0 auto;
    list-style: none;
    padding: 0;
    /*max-width: 375px;*/
    text-align: center;
    
}
.pager li {
  display: inline-block;
}
.pager a i.fa-chevron-left{
  margin-right:0.25em;
}
.pager a i.fa-chevron-right{
  margin-left:0.25em;
}
.pager a {
  color: #fff;
  background: #008ed0;
  border-radius: 6px;
  padding: 0.25em 0 0.21em;
  width: 2em;
  display: block;
  text-align: center;
  box-sizing: border-box;
  margin: 0 0.15em;
  transition: all 0.15s;
  border: 2px solid #008ed0;
}
.pager li.page-before a,
.pager li.page-prev a,
.pager li.page-next a,
.pager a.current,
.pager .current a,
.pager a:hover {
  color: #008ed0;
  background: #fff;
  border: none;
}
.pager a.current,
.pager .current a,
.pager a:hover{
  border: 2px solid #008ed0;
}
.pager ul > span {
	display: inline-block;
	color: #008ed0;
	background: #fff;
	border: 2px solid #008ed0;
}
.pager a.current,
.pager .current a,
.pager a:hover{
  font-weight: bold;
}
.pager li.page-before,
.pager li.page-prev,
.pager li.page-next {
  font-size: 15px;
  line-height: 34px;
  margin: 0;
}
.pager li.page-before a,
.pager li.page-prev a {
  text-align: left;
  font-weight: normal;
}
.pager li.page-next a {
  text-align: right;
  font-weight: normal;
}
.article-footer-pagination {
  font-size: 17px;
    margin: 0 auto;
    list-style: none;
    padding: 0;
    max-width: 375px;
    text-align: center;
}
.article-footer-pagination li {
	display: inline;
}
.article-footer-pagination a {
  display: inline-block;
  margin-bottom: 8px;
}
.article-footer-pagination a i.fa-chevron-left{
  margin-right:0.25em;
}
.article-footer-pagination a i.fa-chevron-right{
  margin-left:0.25em;
}
.article-footer-pagination a:link,
.article-footer-pagination a:visited,
.article-footer-pagination a:hover,
.article-footer-pagination a:active {
    color: #fff;
    background: #008ed0;
    border-radius: 6px;
    padding: 0.25em 0;
    text-decoration: none;
    width: 2em;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}
.article-footer-pagination > span {
    color: #008ed0;
    background: #fff;
    border: 2px solid #008ed0;
    border-radius: 6px;
    padding: 0.18em 0;
    text-decoration: none;
    width: 2em;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}
.article-footer-pagination .current a {
	padding: 0.18em 0;
	background: #fff;
	color: #008ed0;
	border: 2px solid #008ed0;
}
.article-footer-pagination .page-prev a:link,
.article-footer-pagination .page-prev a:visited,
.article-footer-pagination .page-next a:link,
.article-footer-pagination .page-next a:visited {
	width: 3em;
	font-size: 14px;
	color: #008ed0;
	background: #fff;
}

/* ------ cols list ------ */
.two-cols_list > li > a:not(.tag) {
	display: block;
	float: left;
	max-height: 133px;
	overflow: hidden;
}
.three-cols_list > li > a:not(.tag) {
	display: block;
	max-height: 167px;
	overflow: hidden;
}
.three-cols_list p a, .two-cols_list p a{
  color:#333;
  font-weight: bold;
}
.three-cols_list li{
  width: 32%;
  float: left;
  margin-left: 2%;
  margin-bottom: 20px;
}
.three-cols_list li:nth-child(3n+1), .two-cols_list li:nth-child(2n+1){
  margin-left: 0;
}
.three-cols_list p {
  margin: 0.2em 0;
}
.two-cols_list li {
  float: left;
  width: 48.5%;
  margin-left: 3%;
  margin-bottom: 10px;
  position: relative;
  font-size: 16px;
}
.two-cols_list li img{
  float: left;
  margin: 0 10px 10px 0;
  width: 144px;
}
.two-cols_list li p {
  margin-left: 154px;
  padding-bottom: 32px;
}
.two-cols_list li div {
  position: absolute;
  left: 154px;
  bottom: 8px;
}
.two-cols_list.pc-2cols li div {
  bottom: 8px;
}
/*more articles btn*/
.btn_wrap {
  text-align: center;
}
.more_btn {
  display: inline-block;
  background-color: #eee;
  border:1px solid #ccc;
  border-radius: 6px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
  padding: 8px 60px;
  margin: 15px 0 0;
}
.more_btn:hover{
  opacity: 0.7;
}
body.home .more_btn {
	margin: 0;
}
body.home .more_btn_pickup {
	margin: 15px 0 0;
}
.more_btn_side,
body.home .more_btn_side {
	font-size: 16px;
	margin: 10px 0 5px;
	padding: 5px 50px;
}

/*feature*/
.featured-player_list li {
  float: left;
  width: 23.5%;
  margin-left: 2%;
  text-align: center;
}
.featured-player_list li:first-child {
  margin-left: 0;
}
.featured-player_list li p{
  margin-top: 5px;
  font-weight: bold;
}

/*side*/
.ad-sub {
  margin-bottom: 15px;
  text-align: center;
}
.ad-sub > div,
.ad-sub > iframe {
	margin-left: auto;
	margin-right: auto;
}
.bnr_list li{
  margin: 0 auto 10px;
  /* width: 300px; */
  text-align: center;
}
.bnr_list li:last-child{
  margin-bottom: 0;
}
.sub_col .ad {
  z-index: 100;
}
.bnr_list {
	margin: 15px 0;
}

/*tabmenu*/
.tabmenu{
  padding:0px;
  margin:0px;
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: bold;
  position:relative;
  text-align: center;
  border-bottom:1px solid #d9d9d9;
  width:336px;
}
.tabmenu li a{
  float: left;
  width: 61px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  display: block;
  color:#fff;
  background:#555;
  margin-left: 3px;
  position:relative;
  top: 4px;
  transition: background-color 0.2s;
}
.tabmenu li:first-child{
  margin-left:5px;
}
.tabmenu li a:hover {
  text-decoration: none;
  background-color: #aaa;
}
.tabmenu li a.tab-selected{
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #333;
  background: #fff;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;  
  border-bottom: 1px solid #fff; 
  position:relative;
  top: 1px;
}

/*pc-news_ranking*/
#tabBoxes ul {
  display: none;
}
#tabBoxes ul:first-child {
  display: block;
}
.pc-news_ranking-article{
  padding:0;
  min-height: 365px;
}
.pc-news_ranking-article_list{
  list-style-type:none;
  counter-reset: list-counter;
}
.pc-news_ranking-article_list li:before {
    counter-increment: list-counter;
    content: counter(list-counter);
    position: absolute;
    top: 5px;
    right: 30px;
    font-size: 60px;
    line-height: 1;
    z-index: -1;
    color: #fbb;
    font-family: sans-serif;
    font-weight: bold;
}
.pc-news_ranking-article_list li{
  padding: 7px 0;
  border-bottom: 1px solid #d9d9d9;
  display: table;
  width: 100%;
  position: relative;
}
.pc-news_ranking-article_thumbnail {
  position: relative;
  display:table-cell;
  width: 86px;
  min-height: 68px;
  margin-bottom:3px;
  padding-right: 10px;
}
.pc-news_ranking-article_title{
  display:table-cell;
  vertical-align:top;
}
.pc-news_ranking-article_catch,
.pc-news_ranking-article_catch a {
  /*min-height: 40px;*/
  font-size: 13px;
  line-height: 1.4em;
  color: #333;
  font-weight: bold;
  /*text-align: justify;
  text-justify: inter-ideograph;/*IE*/
}
.pc-news_ranking-article_catch a.tag {
	margin-top: 3px;
	font-size: 11px;
	color: #fff;
}
.article .pc-news_ranking-article_catch,
.article .pc-news_ranking-article_catch a {
	font-size: 16px;
	margin: 0 0 1em;
}
.article .pc-news_ranking-article_catch a.tag {
	font-size: 12px;
	margin: 3px 0 0 0;
}
.pc-news_ranking-article_title .date{
  float: right;
  padding-bottom: 0;
  line-height: 1.2;
}
.pc-news_ranking-article_thumbnail img{
  width:120px;
  height:auto;
}

/*footer*/
.footer {
  margin-top: 100px;
  padding: 25px 0;
  position: relative;
  border-bottom: 1px solid #888;
  border-top: 1px solid #888;
  text-align: center;
}
.gototop_btn {
  position: absolute;
  top: -105px;
  right: 0;
  z-index: 1;
}
.footer-logo {
  width: 240px;
  display: block;
  position: absolute;
  top: 50%;
  left: 33px;
  margin-top: -20px;
}
.footer-links_list {
  display: inline-block;
  overflow: hidden;
}
.footer-links_list li{
  float: left;
  line-height: 1;
}
.footer-links_list li a{
  font-size: 13px;
  color: #555;
  padding: 0 15px;
  border-right: 1px solid #555;
}
.footer-links_list li:last-child a{
  border-right: none;
}
.footer-copyright {
  text-align: center;
  font-size: 11px;
  margin: 1em 0;
}

/*----------tamplate----------*/
/*single*/
.main_lead {
  margin: 0;
  padding: 0.75em 0.9em;
  background: #eee;
  font-size: 13px;
}
.main-sns_list {
  float: right;
  text-align: right;
}
body.page .main-sns_list {
	float: none;
}
.img_box {
  float: right;
  margin-top: 1em;
  margin-left: 1em;
}
.img_box p {
  text-align:center;
  font-size: 12px;
  margin-top: 0.5em;
}

.photo_main,
.photo_zu,
.photo_zu p {
  text-align: center;
  font-size: 12px;
  margin: 0 0 0.5em;
}
.photo_main {
	margin: 0 0 24px;
}
.photo_zu {
	float: right;
	width: 230px;
  margin: 0 0 0.5em 10px;
}
.photo_zu img,
.photo_main img {
	margin-bottom: 5px;
}
.photo_zu_wrap {
	float: right;
	margin: 1em 0 1em 1em;
}
.photo_zu_wrap:after {
	content: "";
	display: block;
	clear: both;
}
.photo_main_wrap {
	display: inline;
	float: none;
	overflow: inherit;
}
.photo_zu_box {
	display: inline-block;
	/*margin: 0 0 0 10px;*/
}
.photo_main_box {
	float: right;
}
.photo_zu_box_notfig {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}
.photo_zu_box_center {
	display: block;
	text-align: center;
}


.nextpage,
.nextpost {
  border-radius: 6px;
  border: solid 2px #999;
  padding: 8px 12px;
  margin: 15px 0;
  clear: both;
  font-size: 14px;
}
.nextpage a:before {
	content: '【次ページ】';
}
.article-bottom-ad {
	text-align: center;
	clear: both;
}
.article-bottom-ad > div {
	margin-left: auto;
	margin-right: auto;
}
.article-bottom-ad_wrap {
  text-align: center;
  clear: both;
}
.article-bottom-ad_wrap > div {
  display: inline-block;
  margin: 0 4px 0 4px;
  vertical-align: top;
}
.sns-btns_list {
  margin:30px 0;
}
.article-next-prev_link li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-right: 15px;
}
.article-next-prev_link li h3{
  margin:0 0 0.25em;
}
.article-next-prev_link li i{
  font-size: 24px;
  padding-right: 5px;
}
.article-next-prev_link li img {
  width: 180px;
  float: left;
  margin:0 0.8em 0.8em 0;
}
.article-next-prev_link li p {
  margin:0;
  font-weight: bold;
}
.article-next-prev_link li:last-child {
  padding-right: 0;
  padding-left: 15px;
}
.article-next-prev_link li:last-child h3{
  text-align: right;
}
.article-next-prev_link li:last-child i {
  padding-right: 0;
  padding-left: 5px;
}
.sns-feeds_wrap {
	display: table;
	width: 100%;
}
.sns-feeds_wrap > div {
	display: table-cell;
	width: 50%;
	padding: 0 10px;
	vertical-align: top;
}
.bt-pageend {
	width: 480px;
    margin: 0 auto;
    padding: 2px 0;
    font-size: 20px;
    text-decoration: none;
    display: block;
	border: 2px solid #999;
	color: #333;
	font-weight: bold;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.bt-pageend:hover{
	background: #EDEDED;
}

/*toppage*/
body.home .main_col h2 {
	margin: 0 0 8px;
}
body.home .main_col h2.top-h2 {
  margin:0 0 0.5em;
}
.next_btn{
  font-size: 15px;
  color: #fff;
  padding:0.2em 0.6em;
  background-color: #000;
  border-radius: 3px;
  display: inline-block;
  transition: all 0.2s;
  float:right;
}
.next_btn:hover {
  text-decoration: none;
  background-color: #aaa;
}
.pc-top_pickup_list li{
  width: 50%;
  float: left;
  position: relative;
  border-left:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
}
.pc-top_pickup_list li:first-child{
  border-left: 1px solid #fff;
}
.pc-top_pickup_list li.tile-row2 {
	font-size: 16px;
}
.pc-top_pickup-article_new{
  position: absolute;
  top: 5px;
  right: 5px;
  background: #FF0000;
  color: #ffffff;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 3px;
}
.pc-top_pickup_thumbnail img{
  width: 100%;
  height: auto;
}
.pc-top_pickup_title{
  background:rgba(255,255,255,0.8)
}


@media (min-width: 1260px) {
  .pc-top_picup_list-1st li .pc-top_pickup_title{
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
.pc-top_pickup_catch{
  font-weight: bold;
  line-height: 1.27em;
  padding-bottom: 32px;
  /*text-align: justify;
  text-justify: inter-ideograph;/*IE*/
}
.pc-top_pickup_catch a{
  padding: 6px 10px;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #333;
}
.pc-top_pickup_data{
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  position: absolute;
  bottom: 4px;
  left: 7px;
}
.pc-3cols li{
  float: left;
  border-bottom:none;
  width: 33.333%;
}
.pc-2cols li{
  margin:0;
  padding: 12px 0 0;
  
  float: left;
  width: 50%;
  border-top:1px solid #d9d9d9;
  /*text-align: justify;
  text-justify: inter-ideograph;/*IE*/
}
.pc-2cols li:nth-child(odd){
  padding-right: 10px;
  border-right: 1px solid #d9d9d9;
}
.pc-2cols li:nth-child(even){
  padding-left: 10px;
}
.pc-2cols li:nth-child(2n) div{
  left: 164px;
}
.pc-2cols li p {
  margin-left: 154px;
  padding-bottom: 22px;
  letter-spacing: -0.7px;
}
.topfeatured-player_l{
  float: left;
  width: 32.5%;
  text-align: left;
}
.topfeatured-player_l p{
  margin-top: 5px;
  font-weight: bold;
}
.topfeatured-player_r{
  float: right;
  width: 63%;
}
.topfeatured-player_r ul li img{
  margin-right:10px;
  float: left;
  width: 26%;
}
.topfeatured-player_r ul{
  float: right;
  width: 100%;
}
.topfeatured-player_r ul li {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.topfeatured-player_r ul li:first-child{
  border-bottom: 1px solid #d9d9d9;
}
.topfeatured-player_r ul li div p{
  font-size: 15px;
  padding-bottom: 35px;
    margin-left: 7px;
}
.topfeatured-player_r ul li p a{
  font-size: 15px;
  color: #333;
  font-weight: bold;
  /*text-align: justify;
  text-justify: inter-ideograph;/*IE*/
}
.topfeatured-player_r ul li div {
  margin-left: 27%;
}
.topfeatured-player_list {
  border-bottom: 1px solid #d9d9d9;
  padding: 15px 0 0 0;
}
.topfeatured-player_list:first-child {
  padding-top: 0;
}
.topfeatured-player_list:last-child {
  border-bottom: none;
}
.topfeatured-player_r .pc-top_pickup_data {
  bottom: 10px;
}


/*archive*/
.one-cols_list{
  /*text-align: justify;
  text-justify: inter-ideograph;/*IE*/
} 
.one-cols_list p a{
  color:#333;
  font-weight: bold;
}
.one-cols_list li{
  padding: 15px 0;
  clear:both;
  border-top:1px solid #d9d9d9;
}
.one-cols_list li > a {
	display: block;
	float: left;
	max-height: 160px;
	overflow: hidden;
}
.one-cols_list li img{
  float: left;
  margin-right: 20px;
  width: 230px;
}
.one-cols_list li div {
  margin-left: 230px;
}
.sub_lead{
  font-size: 14px;
  line-height: 1.6em;
  margin: 10px 0 0 20px;
}
.one-cols_list li:first-child{
  padding: 0 0 15px 0;
  border-top: none;
}

/*page-ranking*/
.page-ranking-nav {
	display: table;
	width: 100%;
	margin: 15px 0;
	overflow: hidden;
	table-layout: fixed;
}
.page-ranking-nav li {
	display: table-cell;
	padding: 0 5px;
}
.page-ranking-nav li a {
	display: block;
	padding: 5px 0;
	border: 2px solid #444;
	border-radius: 4px;
	color: #444;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.page-ranking-nav li a.active {
	background: #444;
	color: #fff;
}

/* 追尾広告用 */
#ad-left,
#ad-right {
	position: absolute;
	top: 0;
	width: 160px;
}
#ad-left {
	left: -180px;
}
#ad-right {
	right: -180px;
}
.ad-fix-frame {
	width: 160px;
}
.ad-fix-frame img {
	max-width: none;
}
.ad-center {
	margin-bottom: 15px;
	text-align: center;
}
.ad-center img {
	margin-left: auto;
	margin-right: auto;
}
.box {
	margin-top: 10px;
	margin-bottom: 10px;
}
.box-center {
	text-align: center;
}
.box-center iframe,
.box-center div {
	margin-left: auto;
	margin-right: auto;
}

/* add 2016.11.13 mzy */
.curation {
	font-weight: bold;
}

/* add 2016.11.29 mzy */
.sub_col .pc-news_ranking-article_catch .tag {
	/*display: none;*/
}

/* add 2017.6.22 mzy */
twitterwidget,
iframe[id^="twitter-widget-"] {
  margin-left: auto;
  margin-right: auto;
}

/* 検索結果一覧用 */
.search-list .gsc-webResult .gsc-result {
  padding-left: 1px;
}
.search-list .gsc-webResult .gsc-result:hover{
  padding-left: 0px;
  margin-bottom: 1px;
}

/* 独立リーグ・アマチュア - teams カテゴリー時のバナー */
.leaguestats-bnr {
  text-align: center;
  margin-bottom: 10px;
}
/* metaslideプラグインの調整 */
.metaslider {
	margin-bottom: 40px!important;
}