@charset "shift_jis";
html {
	width:100%;
	height:100%;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:100%;
}
body#top #newsblock{
	background:rgba(255,255,255,0.8);
	margin-bottom:200px;
}
body#top .more {
	margin-bottom:100px;
}
body#iframe {
	background:#292929;
	padding-bottom:200px;
}
body#iframe h2{
	text-align:center;
}
body#iframe #newsblock{
	padding:50px;
}
body#iframe #newsblock li{
	list-style:none;
}
body#iframe h1 {
	text-align:center;
	margin:0;
}
body#iframe .bn950 {
	max-width:950px;
	margin:20px auto;
}
body#iframe .bn950 img {
	width:100%;
}
body#iframe .bn728 {
	max-width:728px;
	margin:0 auto 20px auto;
}
body#iframe .bn728 img {
	width:100%;
}
body#iframe #content-inner{
	background:#fff;
	margin:0 auto;
	width:70%;
}
body#iframe #content-inner ul.tab {
	padding:0;
	margin-bottom:20px;
	display: box;
	display: -webkit-box;
	display: -moz-box;
}
body#iframe #content-inner ul.tab li {
	width:50%;
	padding:20px 0;
	list-style:none;
	text-align:center;
	font-size:30px;
}
body#iframe #content-inner ul.draw {
	padding:0 1%;
}
body#iframe #content-inner ul.draw li {
	float:left;
	width:12.25%;
	padding:1% 0;
	margin:1%;
	list-style:none;
	text-align:center;
	font-size:14px;
	color:#fff;
	background:#212121;
	cursor:pointer;
}
body#iframe #content-inner ul.draw li a{
	color:#fff;
	text-decoration:none;
}
body#iframe #content-inner ul.draw li.select {
	background:#999;
}
body#iframe #content-inner p{
	margin:20px;
	padding-bottom:20px;
}
body#iframe #content-inner p img{
	width:100%;
}
body#iframe #content-inner .report {
	padding:20px;
}
body#iframe #content-inner .report img{
	width:100%;
}
body#iframe #content-inner .report .report-box {
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
body#iframe .youtube{
	text-align:center;
	padding:50px;
}
body#iframe .reporter {
    position: relative;
    overflow: hidden;
    background: #fff;
	padding:20px;
}
body#iframe .reporter img.photo{
	float:left;
	width:200px;
	margin-right:20px;
}
body#iframe .reporter img.name{
	width:292px!important;
}
body#iframe .reporter p{
	padding:10px 20px;
}
.tab li			{ cursor:pointer; background:#535353; }
.tab li.select	{ background:#fff; }
.hide			{ display:none; }

.sp{
	display:none;
}
/* pdmenu */
ul#pdmenu{
    clear: both;
    position: relative;
    top: 8px;
    right: -62%;
    z-index: 50;
    display: none;
    overflow: hidden;
    margin: 0;
    padding:0;
    width: 38%;
    color: #fff;
    background: #1fb0e2;
}
ul#pdmenu li{
    list-style: none;
    border-bottom: 1px solid #fff;
	font-size:0;
}
ul#pdmenu li span,
ul#pdmenu li a{
	font-size:0;
}
ul#pdmenu li img{
	width:100%;
}
ul#pdmenu li.menu{
	padding:30px 0 0 0;
	background:none;
}
ul#pdmenu ul.child_list{
	padding:0;
}
ul#pdmenu li li{
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    background-position: 0px;
}
ul#pdmenu ul li{
	font-size:24px;
    border-bottom:none;
}
ul#pdmenu a{
	color:#fff;
	text-decoration:none;
}
ul#pdmenu a:hover{
	text-decoration:underline;
}
ul#pdmenu p.close{
	text-align:center;
	padding-top:20px;
	cursor:pointer;
}

#wrapper {
	margin:0 auto;
}
header {
	width:70%;
	height:52px;
	margin:0 auto;
	padding:39px 0;
}
body#top header {
	width:90%;	
}
header h1 {
	float:left;
	margin-left:30px;
	position:relative;
	z-index:100;
}
header h1 img {
	width:100%;
}
header #share {
	float:right;
	margin-right:2%;
	position:relative;
	z-index:50;
}
header #share img {
	margin-right:10px;
}
header #pdmenu-bt {
	position:relative;
	z-index:100;
	float:right;
	width:39px;
	height:39px;
	margin-right:30px;
	background:url(../img/head_menu.png) no-repeat;
	cursor:pointer;
}
body#top h2 {
	clear:both;
}
body#top h2 img {
    width: 100%;
    position: relative;
	top:-130px;
}
#footer {
	position:fixed;
	bottom:80px;
}
.header-bn{
    width: 728px;
    margin: -100px auto 100px auto;
}
.footer-bn{
    width: 728px;
    margin: 20px auto;
}
#footer .wowow{
	position:fixed;
	bottom:150px;
	right:50px;
}
#nav {
	position:fixed;
	width:100%;
	height:80px;
	bottom:0;
	padding:0;
	margin:0;
	background:#009bdf;
}
#nav li {
	float:left;
	width:10%;
	height:80px;
	list-style:none;
	overflow:hidden;
	white-space:nowrap;
}
#nav li span{
	visibility:hidden;
}
#nav li.bn {
	width:240px;
	margin-right:10px;
}
#nav li.bn a:hover{
	opacity:0.5;
}
#nav li.copyright {
	width:40%;
	padding-top:10px;
}
#nav a {
	width:100%;
	height:55px;
	display:block;
	background-size:cover;
}
#nav a.news {
	background:url(../img/navi_news.png) no-repeat;
	background-position:50% 100%;
	background-size:36%;
}
#nav a.report {
	background:url(../img/navi_report.png) no-repeat;
	background-position:50% 100%;
	background-size:53%;
}
#nav a.draw {
	background:url(../img/navi_draw.png) no-repeat;
	background-position:50% 100%;
	background-size:36%;
}
#nav a.players {
	background:url(../img/navi_players.png) no-repeat;
	background-position:50% 100%;
	background-size:48%;
}
#nav a.nishikori {
	background:url(../img/navi_nishikori.png) no-repeat;
	background-position:50% 100%;
	background-size:83%;
}
#nav a.apps {
	background:url(../img/navi_apps.png) no-repeat;
	background-position:50% 100%;
	background-size:35%;
}
#nav a.c {
	background:url(../img/copyright.png) no-repeat;
	background-position:right 5px;
}
#nav li:hover,
#nav li.active {
	background:url(../img/navi_active.jpg) no-repeat;
	background-position:center bottom;
	background-size:400%;
}

#nav li.copyright:hover,
#nav li.copyright.active {
	background:none;
	background-position:center bottom;
}
#contents {
	overflow:hidden;
	clear:both;
}
h3{
	float:left;
}
#top #contents{
	padding:0 5%;
}
#indexSiteMapAreaBox{
	background-color:#fff;
}
@media(max-width:950px){	
	.pc{
		display:none!important;
	}
	.sp{
		display:block!important;
	}
	body {
		background:url(../img/main_sp.jpg) no-repeat center;
		background-size:contain;
		background-attachment:fixed;
		background-position:top;
	}
	header #share img{
		margin:0;
	}
	.header-bn{
		width:100%;
		margin:400px 0 20px 0;
	}
	.footer-bn{
		width:100%;
		margin:20px 0;
	}
	#navsp {
		width:100%;
		padding:0;
		margin-top:20px;
		background:#009bdf;
	}
	#navsp .wowow {
		width: 50%;
		top: 50px;
		left: 25%;
		position: relative;
		margin-bottom: 100px;
	}
	#navsp li {
		float:left;
		width:50%;
		list-style:none;
		font-size:0;
	}
	#navsp li img{
		width:100%;
	}
	#navsp li a{
		font-size:0;
	}
	#newsblock{
		padding:0;
	}
	#newsblock img{
		width:100%;
	}
	body#iframe h1{
		margin:0;
	}
	body#iframe h1 img{
		width:100%;
	}
	body#iframe .content{
		padding:20px;
	}
	body#iframe #content-inner{
		margin:0;
		width:100%;
	}
	body#iframe #content-inner p{
		margin:0;
	}
	body#iframe #content-inner ul.tab li{
		font-size:18px;
	}
	body#iframe .reporter img.photo{
		width:30%;
		margin-right:10px;
	}
	body#iframe .reporter img.name{
		width:60%!important;
	}
	body#iframe .reporter p{
		clear:both;
		padding:10px 0;
	}
	body#iframe .pagetop img{
		width:100%;
	}
	body#iframe .bn950{
		margin-bottom:20px;
	}
	#footer-bn{
		display:none;
	}
	.overlay{
		position:fixed;
		bottom:0;
		width:100%;
	}
	.overlay img{
		width:100%;
	}
	#wrapper{
		padding:0;
	}
	ul#pdmenu{
		left: -10%;
		padding-top: 0;
		width: 120%;
	}
	header {
		width: 90%;
		height:auto;
		padding: 3% 5% 14% 5%;
		background: none;
	}
	header h1 {
		margin-left:0;
		width:180px;
	}
	header .share {
		display:none;
	}
	header #pdmenu-bt {
		margin-right:0;
	}
	header #share{
		margin-right:5%;		
	}
	h2 {
		margin-top:130px;
	}
	h2 img {
		width: 100%;
		position: relative;
		left: 0;
		margin-top: -130px;
		margin-left: 0;
	}
}