@charset "UTF-8";

/*
Theme Name: 西スポ
Version: 1.0
*/


/*-----------------------------------------------------------------------------------*/
/*	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac */ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */




/*-----------------------------------------------------------------------------------*/
/*	Document Setup
/*-----------------------------------------------------------------------------------*/

body {
	font: 14px/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	color: #333;
	background: #fff;
	position: relative;
	-webkit-touch-callout:none; // リンク長押しのポップアップ(※1)を無効化
	-webkit-user-select:none; // テキスト長押しの選択ボックス(※2)を無効化
}

a {
	color: #333;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

img,
a img { vertical-align: bottom; }




/*-----------------------------------------------------------------------------------*/
/*	Structure Styles
/*-----------------------------------------------------------------------------------*/

.container {
	width: 1010px;
	padding: 0 30px;
	margin: 0 auto 20px;
}




/*-----------------------------------------------------------------------------------*/
/*	Header Styles
/*-----------------------------------------------------------------------------------*/

#header {
	min-width: 1010px;
	min-height: 125px;
	background: #333333;
}
#header .back {
	background: #ffffff;
	width: auto;
}
#header .inner {
	padding: 10px 30px;
	width: 1010px;
	margin: 0 auto 0px;
	background: #ffffff;
	text-align: center;
}
#header .inner .logo{
}
#header .inner .navi{
}
#header .top {
	color: #ffffff;
	background: #333333;
	height: 25px;
	width: 1010px;
	margin: 0 auto 0px;
	padding-top: 5px;
}
#header .top a img{
	vertical-align: middle;
	margin-right: 3px;
}
#header .top a{
	color: #ffffff;
	font-size: 12px;
}
#header .top a:hover{
	color: #ffffff;
}
#header .top .outer{
	float: left;
}
#header .top .auth{
	float: right;
	text-align: right;
	margin-right: 10px;
}
#header .top .auth .txt{float: left;margin-right: 10px;}
#header .top .auth a { text-decoration:none; display:block; text-align:center; line-height:22px; color:#fff; width:69px; height:21px; font-size:11px;}
#header .top .auth .notAc { background-image:url(./img/btnBg1.gif);float: left;margin-right: 10px;}
#header .top .auth .notAc:hover { text-decoration:none; background-position:0 -21px;}
/*2015/12/25追加*/
#header .release{
	text-align: center;
	background-color: #f4d9d1;
	margin: 5px 0px;
	padding: 5px;
	font-weight: bold;
	min-width: 305px;
}
/*-----------------------------------------------------------------------------------*/
/*	Page Styles
/*-----------------------------------------------------------------------------------*/

.tpc{display: block;}
.tsp{display: none;}
/* Top Styles */
ul#main-col { margin: 0 -10px 20px 0; }
ul#main-col > li {
	float: left;
	width: 310px;
	margin: 0 10px 0 0;
	padding: 10px;
}
ul#main-col li h2.col-title {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
ul#main-col li .main-post { 
	height: 460px;
	margin-bottom: 10px;
}
ul#main-col li .main-post .disp {
	width: 310px;
	height: 360px;
	margin-bottom: 10px;
}
ul#main-col li .main-post dl dt {
	font-size: 14px;
	margin-bottom: 0px;
}
ul#main-col li .main-post dl dd {
font-size: 18px;
    font-weight: normal;
    line-height: 1.4;
    text-align: center;
    padding: 10px 0px;
}
ul#main-col li ul.sub-posts {
	margin: 0 -10px 0 0;
}
ul#main-col li ul.sub-posts li {
	float: left;
	width: 150px;
	height: 260px;
	margin: 0 10px 0 0;
}
ul#main-col li ul.sub-posts li .disp {
	height: 175px;
	margin-bottom: 5px;
}
ul#main-col li ul.sub-posts li dl dt {
	font-size: 15px;
	font-weight: bold;
}
ul#main-col li ul.sub-posts li dl dd {
	font-size: 13px;
	line-height: 1.4;
	padding: 5px 0;
}
ul#main-col li .readmore {
	text-align: center;
}
ul#main-col li .readmore a.type2 {
/*	color: #fff;
	font-size: 18px;
	text-decoration: none;
	background: #005687;
	padding: 10px 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	display: none;
}
ul#main-col li#nishispo { background: #dcdcdc; }
ul#main-col li#nishispo .main-post { border-bottom: 1px solid #959595; }
ul#main-col li#nishispo .main-post .disp { background: #fff; }
ul#main-col li#nishispo ul.sub-posts li .disp { background: #fff; }
ul#main-col li#plus {
	color: #fff;
	background: #000000;
}
ul#main-col li#plus .main-post { border-bottom: 1px solid #666666; }
ul#main-col li#plus a { color: #fff; }
ul#main-col li#plus h2.col-title { color: #fff; }
ul#main-col li#plus .main-post .disp { background: #000000; }
ul#main-col li#plus ul.sub-posts li .disp { background: #000000; }
ul#main-col li#hawks { background: #fec502; }
ul#main-col li#hawks .main-post { border-bottom: 1px solid #a07c00; }
ul#main-col li#hawks .main-post .disp { background: #000; }
ul#main-col li#hawks ul.sub-posts li .disp { background: #000; }


#sub-nishispoSS ul li {
	float: left;
	width: 150px;
	height: 240px;
	margin: 0 10px 10px 0;
}

#sub-plusSS ul li {
	float: left;
	width: 150px;
	height: 240px;
	margin: 0 10px 10px 0;
}

#sub-hawksSS ul li {
	float: left;
	width: 150px;
	height: 180px;
	margin: 0 10px 10px 0;
}



#sub-col {}
#sub-col .sub-wrap {
	padding: 30px 0 0;
	display: none;
}
#sub-col #sub-nishispo.sub-wrap { background: transparent url(img/arrow_gray.png) 130px 0 no-repeat; }
#sub-col #sub-plus.sub-wrap { background: transparent url(img/arrow_yellow.png) 470px 0 no-repeat; }
#sub-col #sub-hawks.sub-wrap { background: transparent url(img/arrow_blk.png) 810px 0 no-repeat; }
#sub-col ul { padding: 30px 30px 0; }
#sub-col ul li {
	float: left;
	width: 150px;
	height: 240px;
	margin: 0 3px 10px 3px;
}
#sub-col ul li:nth-child(6n) { margin-right: 0; }
#sub-col ul li dl dt {
	font-size: 15px;
	font-weight: bold;
}
#sub-col ul li dl dd {
	font-size: 13px;
	line-height: 1.4;
}
#sub-col #sub-nishispo ul { background: #dcdcdc; }
#sub-col #sub-plus ul {
	background: #fec502;
}
#sub-col #sub-plus ul a { }
#sub-col #sub-hawks .head {
	background: #000000;
	padding: 30px 0 0;
}
#sub-col #sub-hawks .head dl dt {
	color: #ffffff;
	font-size: 24px;
	line-height: 1;
	text-align: center;
}
#sub-col #sub-hawks ul.other-player {
	background: #000000;
	padding: 30px 30px 0;
}
#sub-col #sub-hawks ul.other-player li {
	float: left;
	width: 150px;
	height: 190px;
	color: #ffffff;
	margin: 0 3px 10px 3px;
}
#sub-col #sub-hawks ul.other-player li:nth-child(6n) { margin-right: 0; }
#sub-col #sub-hawks ul.other-player li img { margin-bottom: 5px; }
#sub-col .readmore {
	text-align: center;
	padding: 20px 0 30px;
}
#sub-col .readmore a {
	color: #fff;
	font-size: 18px;
	text-decoration: none;
/*	background: #005687;*/
	padding: 10px 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}
#sub-col #sub-nishispo .readmore { background: #dcdcdc; }
#sub-col #sub-plus .readmore { background: #fec502; }
#sub-col #sub-hawks .readmore { background: #000000; }

/* Hawks Player Styles */
#hawks-pl {
	background: #000000;
	padding: 30px;
	margin-bottom: 20px;
	color: #ffffff;
}
#hawks-pl .head dl { float: left; }
#hawks-pl .head dl dt {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 0;
}
#hawks-pl .head dl dd { font-size: 20px; }
#hawks-pl .head .cover-btn {
	float: right;
	margin-top: 35px;
}
#hawks-pl .head .cover-btn a {
	font-size: 16px;
/*	padding-left: 20px;
	background: transparent url(img/icon_plus.png) 0 0 no-repeat; */
	color: #ffffff;
}
#hawks-pl ul#gal {
	margin: 0 auto;
	padding: 30px 20px 30px 30px;
}
#hawks-pl ul#gal li {
	float: left;
	margin: 0 3px 10px 3px;
}
#hawks-pl ul#gal-sp {
	display: none;
	margin-bottom: 30px;
}
#hawks-pl ul#gal-sp li { text-align: center; }
#hawks-pl .oldmore { text-align: center; }
#hawks-pl .oldmore .type2 {
/*	color: #fff;
	font-size: 18px;
	text-decoration: none;
	background: #005687;
	padding: 10px 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	display: none;
}
.othermore {
	text-align: center;
	margin-bottom: 20px;
}
.othermore a {
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	background: #000;
	padding: 10px 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}

#sub-hawks-col {}
#sub-hawks-col .hawks-wrap { display: none; }
#sub-hawks-col #hawks-pl-old {
	background: #fec502;
	padding: 30px 20px 30px 30px;
	margin-bottom: 20px;
}
#sub-hawks-col #hawks-pl-old .head dl { float: left; }
#sub-hawks-col #hawks-pl-old .head dl dt {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 0;
}
#sub-hawks-col #hawks-pl-old .head dl dd { font-size: 20px; }
#sub-hawks-col #hawks-pl-old ul#gal-old {
	margin: 0 auto;
	padding: 30px 0 0;
}
#sub-hawks-col #hawks-pl-old ul#gal-old li {
	float: left;
	width: 150px;
	margin: 0 10px 20px 0;
}
#sub-hawks-col #hawks-pl-old ul#gal-old li img { margin-bottom: 5px; }
#sub-hawks-col #other-pl {
	background: #000;
	padding: 30px 20px 30px 30px;
	margin-bottom: 20px;
}
#sub-hawks-col #other-pl .head dl {}
#sub-hawks-col #other-pl .head dl dt {
	color: #fff;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 0;
	text-align: center;
}
#sub-hawks-col #other-pl ul#gal-other {
	margin: 0 auto;
	padding: 30px 0 0;
}
#sub-hawks-col #other-pl ul#gal-other li {
	float: left;
	width: 150px;
	height: 190px;
	background: #000000;
	margin: 0 10px 10px 0;
	text-align: center;
	color: #ffffff;	
}
#sub-hawks-col #other-pl ul#gal-other li img { margin-bottom: 5px; }




/*-----------------------------------------------------------------------------------*/
/*	Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer {
	min-width: 1070px;
	height: 200px;
	background: #333;
}
#footer .inner {
	padding: 0 30px;
}




/*-----------------------------------------------------------------------------------*/
/*	Media Query
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 1069px) {
#sub-SS { display: none; }
.readmore{display: block;}
#sub-hawksSS ul li {
	float: left;
}
}
@media only screen and (min-width: 0px) and (max-width: 1069px) {
#sub-nishispoSSUL{width:320px;margin: 0 auto;}
#sub-plusSSUL{width:320px;margin: 0 auto;}
#sub-hawksSSUL{width:650px;}
#sub-SS { display: block; }
ul#main-col li .readmore a.morePCss {
	text-decoration: none;
	background: none;;
	padding: 10px 40px;
}

#sub-hawksSS ul li {

}
#sub-hawksSS ul li span{
	margin: 100px auto;
}
	.container {
/* 		width: auto; */
		padding: 0 10px;
	}
	#header, #footer { min-width: inherit; }
	#header{
		min-height:185px;
	}
	#header .inner{ 
/* 	width: 93%; */
	padding-left: 0; 
	}
	#header .inner .logo{
	float:none;
	}
	#header .inner .navi{
	margin-top: 20px;
	float:none;
	text-align: right;
	}
#header .top {
/* 	width: auto; */
}
#header .top .outer{
	display: none;
}
.viewPC{display: inline;}
.viewSP{display: none;}
	ul#main-col { margin: 0 0 10px 0; }
	ul#main-col > li {
/*		float: none;*/
		width: 50%;
		margin: 0 0 10px;
		padding: 10px;
		box-sizing: border-box;
		margin-bottom: 0px;
	}
	ul#main-col > li.hawksLi {
		float: none;
		width: 100%;
		margin: 0 0 10px;
		padding: 10px;
		box-sizing: border-box;
		clear: both;
	}
	ul#main-col li .main-post { 
		height: auto;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	ul#main-col li .main-post .disp {
		text-align: center;
		width: auto;
		height: auto;
		margin-bottom: 10px;
	}
	ul#main-col li .main-post .disp img {
		max-width: 100%;
		height: auto;
	}
	ul#main-col li#nishispo .main-post .disp,
	ul#main-col li#plus .main-post .disp,
	ul#main-col li#hawks .main-post .disp { background: none; }
	ul#main-col li ul.sub-posts { margin: 0 auto;width:320px; }
	ul#main-col li .readmore a.type1 { display: none; }
	ul#main-col li .readmore a.type2 { display: inline-block; }
	#sub-col { display: none; }
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
.fancybox-close{left:40%;}
#sub-nishispoSSUL{width:290px;margin: 0 auto;}
#sub-plusSSUL{width:290px;margin: 0 auto;}
#sub-hawksSSUL{width:100%;max-width:310px;}
#sub-SS { display: block; margin: 0 auto;}
#sub-hawks-col #other-pl {
	padding: 30px 0px 30px 0px;
}

ul#main-col li .readmore a.morePCss {
	text-decoration: none;
	background: none;;
	padding: 10px 40px;
}
.viewPC{display: none;}
.viewSP{display: inline;}
	ul#main-col > li {
		float: none;
		width: 100%;
		margin: 0 0 10px;
		padding: 10px;
		box-sizing: border-box;
	}
	ul#main-col li ul.sub-posts { margin: 0 auto;width:150px;display: none; }

.tpc{display: none;}
.tsp{display: inline;}
#hawks-pl {
	background: #000000;
	padding: 30px 0;
	margin-bottom: 20px;
	color: #ffffff;
}
	#header .inner{ width: 90%;padding-left: 0; }
	#hawks-pl .head dl {
		float: none;
		margin-bottom: 10px;
		margin-left: 10px;
	}
	#hawks-pl .head .cover-btn {
		float: none;
		margin: 0 0 20px 10px;
	}
	#hawks-pl ul#gal { display: none; }
	#hawks-pl ul#gal-sp { display: block; }
	#hawks-pl ul#gal-sp li.item img {
		width: 100%;
		height: auto;
		margin: 5px auto;
		display: table-cell;
	}
	#hawks-pl .oldmore .type1 { display: none; }
	#hawks-pl .oldmore .type2 { display: inline-block; }
	#sub-hawks-col #other-pl ul#gal-other li {
		float: left;
/*		width: 46%;
		height: 170px;*/
		background: #000000;
		margin: 0 0px 10px 0;
		text-align: center;
		color: #ffffff;	
	}
	#sub-hawks-col #other-pl ul#gal-other li img { width: 100%; }
}

/* フッター */
.footerWrap{background-color:#333;}
.footerWrap .line {height:4px; background-color:#fec502; border-bottom:1px solid #fff;}
.footerWrap hr { width:100%; height:4px; background-color:#fec502;}
.footerWrap .inner{ width:100%; margin:0px auto; text-align:center; padding:3em 0; background-color:#333; color:#fff;}
.footerWrap .inner .txtLink { margin-bottom:0.4em;}
.footerWrap .inner .txtLink a { display: inline-block; color:#fff; padding:0 1em; border-left:1px solid #fff; font-size:smaller;}
.footerWrap .inner .txtLink a:hover { text-decoration: underline;}
.footerWrap .inner .txtLink a:first-child{ color:#fff; padding:0px 12px; border-left: none;}

.footerWrap .inner .outer {margin: 30px 0;}
.footerWrap .inner .outer a{ color:#fff; text-decoration: underline;}
.footerWrap .inner .outer a:hover{ color:#fff; text-decoration: underline;}
.footerWrap .inner .outer img{ padding-right:3px;}

.footerWrap .inner .logo { text-align:center; margin:20px 0px;}
.footerWrap .inner .copyright { text-align:center; margin:10px 0px 10px 0px; font-size:12px;}