@charset "UTF-8";

@media screen and (min-width: 741px),print {/*pc用スタイル*/
 

	/* ----------------------------------------
	 * 棋士 地方棋士
	 * ---------------------------------------- */

	/*#sub_player,*/
	#countryside .heightLineParent,
	#sub_player .heightLineParent,
	#retired .heightLineParent {
		margin-left: -26px;
	}
	#sub_player dl, #countryside dl, #retired dl {
		width: 355px;
		float: left;
		margin-bottom: 10px;
		margin-left: 26px;
	}
	#sub_player dl:nth-child(odd), #countryside dl:nth-child(odd), #retired dl:nth-child(odd) {
		clear: both;
	}
	#sub_player dl dd, #countryside dl dd, #retired dl dd {
		clear: both;
		float: left;
		margin: 0;
		width: 355px;
	}
	#sub_player dl dd.last-child, #countryside dl dd.last-child, #retired dl dd.last-child {
		float: none;
	}
	#sub_player dl dd figure,
	#countryside dl dd figure,
	#retired dl dd figure {
		float: left;
		width: 130px;
		padding-top: 6px;
		margin-bottom: 0.5em;
	}
	#sub_player dl dd div,
	#countryside dl dd div,
	#retired dl dd div {
		float: right;
		width: 225px;
	}
	#sub_player dl dd div table,
	#countryside dl dd div table,
	#retired dl dd div table {
		margin-bottom: 0.5em;
	}
	#sub_player dl dd div table td,
	#sub_player dl dd div table th,
	#countryside dl dd div table td,
	#countryside dl dd div table th,
	#retired dl dd div table td,
	#retired dl dd div table th, {
		padding: 6px;
		line-height: 1.4;
	}

	/* ----------------------------------------
	 * 棋士 ナショナルチーム
	 0216 画像位置修正等
	 * ---------------------------------------- */
	ul.list_2col {
		width: 355px;
	}
	ul.list_2col li {
		width: 143px;
		float: left;
	}
	h2.national_logo_area {
		text-align: center;
		width: 100%;
		background-image: url(../../player/national/images/main_logo_bg.gif);
	}
	div.members {
		clear: both;
		margin-left: -30px;
	}
	div.members figure {
		float: left;
		margin-left: 30px;
	}

	/* 序列
	======================================= */
	ul.year_link,
	ul.month_link {
		clear: both;
	}
	ul.year_link li,
	ul.month_link li {
		float: left;
	}
	ul.year_link li {
		float: left;
		/* width: 5em; */
		padding: 0px 8px;
		margin-bottom: 5px;
		border-right: 1px solid #ccc;
	}
	ul.year_link li:first-child {
		border-left: 1px solid #ccc;
	}
	ul.month_link li {
		background: #E4EDF6;
		margin-right: 1px;
		width: 60px;
		text-align: center;
		color: #b3b3b3;
	}
	ul.month_link li a,
	ul.year_link li a {
		color: #000;
	}
	ul.month_link li.on a,
	ul.year_link li.on a {
		color: #F62388;
	}
	ul.month_link li.on {
		background-color: #fff;
	}
	table.hyou td {
		text-align: center;
	}
	table.hyou th {
		font-size: 11px;
		white-space: nowrap;
	}
	table.hyou td.tate p {
		width: 1em;
		margin: auto;
	}


	/* ----------------------------------------
	 * 棋士 採用 
	 0216 色調整
	 * ---------------------------------------- */

	table.saiyou .menu1 {
		width: 10em;
	}
	table.saiyou .menu2 {
		width: 4.5em;
	}
	table.saiyou .menu4 {
		width: 6em;
	}
	table.saiyou .male {
		background-color: #ebf2f8 !important
	}
	table.saiyou .female {
		background-color: #FFF4F4 !important
	}
	.tableKekka td {
		padding: 3px 5px 3px 5px;
		line-height: 140%;
	}
	.tableKekka th {
		padding: 0px;
		font-weight: normal;
	}
	.tableKekka th.red {
		color: #F33F27;
	}
	.bule,
	.tableKekka th.bule {
		color: #33C!important;
	}
	.tableLeague td {
		padding: 3px 5px 3px 5px;
	}
	.man {
		color: #000099;
		font-weight: bold;
	}
	.woman {
		color: #cc0099;
		font-weight: bold;
	}
	.shiken {
		background: #EBF2F8;
	}
	.bg {
		background: #EBF2F8;
	}
	.tableKekka tr.bg td {
		background: #EBF2F8
	}
	.tableKekka tr.menu td {
		background: #DFEAF5;
	}
	.naitei {
		font-size: 16px;
		font-weight: bold;
		text-align: left;
	}
	.naitei_p {
		background: #ffe5e5
	}
	.naitei_b {
		background: #e5f1ff
	}
	.touki {
		background: #cccccc;
		text-align: center;
		font-weight: bold;
		width: 30%
	}

}

@media screen and (max-width: 740px) {/*スマホ用スタイル*/
	/* 棋士 地方棋士 */
	#sub_player dl dd,
	#countryside dl dd{
		margin: 0;
		overflow: hidden;
	}
	#sub_player dl dd figure,
	#countryside dl dd figure{
		float: left;
		width:100px;
		margin-right: -110px;
	}
	#sub_player dl dd figure img,
	#countryside dl dd figure img {
		width: 100%;
	}
	#sub_player dl dd div,
	#countryside dl dd div{
		padding-left: 110px;
	}
	#sub_player dl dd div table ,
	#countryside dl dd div table{
		margin-bottom: 0.5em;
	}

	#sub_player dl dd div table td,
	#sub_player dl dd div table th,
	#countryside dl dd div table td,
	#countryside dl dd div table th{
		padding: 6px 6px 0;
		line-height: 1.4;
	}
	#sub_player dl dd div table tr:last-child td,
	#sub_player dl dd div table tr:last-child th,
	#countryside dl dd div table tr:last-child td,
	#countryside dl dd div table tr:last-child th{
		padding-bottom: 6px;
	}


	.national .mR20 {
		margin-right: 0!important;
	}
	div.members {
		margin-left: -3%;
		padding: 0 10px;
	}
	div.members figure {
		float: left;
		margin-left: 3%;
		width: 30%;
	}
	div.members figure img {
		width: 100%;
	}
	div.members figcaption {
		font-size: 12px;
		margin-top: .3em;
		line-height: 1.2;
		height:3em
	}

	ul.year_link,
	ul.month_link {
		clear: both;
		margin-bottom: 20px;
		overflow:hidden;
	}
	ul.year_link li,
	ul.month_link li {
		float: left;
	}
	ul.year_link li {
		float: left;
		padding: 0px 8px;
		margin-bottom: 5px;
		border-right: 1px solid #ccc;
		width: 25%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul.month_link li {
		background: #E4EDF6;
		width: 60px;
		text-align: center;
		color: #b3b3b3;
		width: 20%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	ul.month_link li a,
	ul.year_link li a {
		color: #000;
	}
	ul.month_link li.on a,
	ul.year_link li.on a {
		color: #F62388;
	}
	ul.month_link li.on {
		background-color: #fff;
	}
	table.hyou{
		width: 100%;
	}
	table.hyou td {
		text-align: center;
		white-space: normal;
	}
	table.hyou th {
		font-size: 11px;
		white-space: normal;
	}
	table.hyou th:nth-child(4), table.hyou th:nth-child(7) {
		width: 15%;
	}
	table.hyou td.tate p {
		width: 1em;
		margin: auto;
	}

	article section dl {
		margin:0 15px 1em;
	}


}

/*↓↓↓PC・すまほ共通スタイル*/

table td,table th{vertical-align: middle !important;}