@charset "utf-8";
/* スマフォ用reset  */

*{margin:0;padding:0;}
body{
	background-color: transparent, transparent;
	background-image: url(../images/sp-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:0.8em;
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
a{ text-decoration:none;}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
ul {
	list-style:none;
	padding:0;
}
li {
	padding:0;
}
input, select {
    vertical-align:middle;
}
a {
    display: block;
}
a {
    -webkit-tap-highlight-color:transparent;
}
table { border-collapse:collapse;border-spacing:0;}

#display_select {
  display: none;
}

/*********************************

* 汎用

**********************************/

/*********************************
base color
赤 hex #df0021
赤 rgba rgba(223, 0, 33, 1);

橙 hex #ee8022
黄 rgba rgba(238, 128, 34, 1);

黄 hex #fbd81f
黄 rgba rgba(251, 216, 31, 1);

水色 hex #7ecbea
水色 rgba rgba(126, 203, 234, 1);

緑 hex #56b13a
緑 rgba rgba(86, 177, 58, 1);

黒 hex #181815
黒 rgba rgba(24, 24, 21, 1);

**********************************/

/* link
**********************************/
a { color: #fbd81f; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
.block {
	display: block;
	font-size: 0;
	line-height: 1;
}
.imgLink {
	display: inline-block;
	font-size: 0;
	line-height: 1;
}
.imgLink:hover { opacity: .5; }

.imgBlock {
  display: block;
  font-size: 0;
  line-height: 1;
	width: 100%;
	height: auto;
}

/* float
**********************************/
.fl { float: left; }
.fr { float: right; }
.clearfix {
  overflow: hidden;
  *zoom: 1;
}

/* margin
**********************************/
.mlrAuto {margin: 0 auto;}
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }

/* text-align
**********************************/
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }

/* text-hidden
**********************************/
.to {
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
  line-height: 1;
  font-size: 1;
}

/* text-size
**********************************/
.min-txt {
  font-size: .6em;
  line-height: 1.2;
}

/*********************************

* 全ページ共通

**********************************/
body {
  width: 100%;
  min-width: 640px;
  height: 100%;
}
#f-contents {
	background: #000;
  color: #222;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-size: 28px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  position: relative;
}

/* header
**********************************/
.co_header {
  padding: 15px 10px;
}
.logo a {
	display: block;
	margin: 0 auto;
}
.logo img {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	line-height: 1;
}
.date {
	position: relative;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	height: 98px;
}
.date h2 {
	position: absolute;
	left: 20px;
	top: 50%;
	width: 490px;
	height: 54px;
	margin-top: -27px;
}
#menuBtn {
	background: url(../images/bg_menuBtn.png) no-repeat left top transparent;
	border-left: 2px solid #fff;
	display: block;
	width: 112px;
	height: 98px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#menuBtn.on {
	background-position: left bottom;
	background-color: #fff;
}
.mainNav {
	background-color: #fff;
	z-index: 10;
	position: relative;
	display: none;
}
.mainNav li a {
	display: block;
	height: 100px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}

.mainNav li{
	background: url(../images/parts_mainNav.png) no-repeat transparent;
	margin: 0;
}
.mainNav li.nav_reports {
	background-position: 0 0;
	background-color: rgba(223, 0, 33, .9);
	border-bottom: 4px solid #181815;
}
.mainNav li.nav_schedule {
	background-position: 0 -100px;
	background-color: rgba(238, 128, 34, .9);
}
.mainNav li.nav_clubs {
	background-position: 0 -200px;
	background-color: rgba(251, 216, 31, .9);
}
.mainNav li.nav_cast {
	background-position: 0 -300px;
	background-color: rgba(126, 203, 234, .9);
}
.mainNav li.nav_special {
	background-position: 0 -400px;
	background-color: rgba(86, 177, 58, .9);
}
.mainNav li.nav_movie {
	background-position: 0 -500px;
	background-color: rgba(238, 128, 34, .9);
}
.mainNav li.nav_ticket {
	background-position: 0 -600px;
	background-color: rgba(251, 216, 31, .9);
}
.mainNav li.nav_goods {
	background-position: 0 -700px;
	background-color: rgba(126, 203, 234, .9);
}
.mainNav li.off {
	background-color: rgba(0, 0, 0, 0.8);
}

/* content
**********************************/

.content {
  position: relative;
  overflow: hidden;
  z-index: 0;
	padding: 20px 10px;
}
.content::before,
.content::after {
  position: absolute;
  content: "";
  z-index: -1;
}
.content.orange {
  background: #ee8022;
}
.content.orange:before {
  background: url(../images/parts_orange01.png) no-repeat left top transparent;
  width: 296px;
  height: 272px;
	top: -10px;
  left: -50px;
}
.content.orange:after {
  background: url(../images/parts_orange02.png) no-repeat left top transparent;
  width: 296px;
  height: 272px;
	top: -80px;
right: -60px;
}
.content.red {
  background: #df0021;
}
.content.red:before {
  background: url(../images/parts_red01.png) repeat-y left top transparent;
  width: 446px;
  height: 446px;
  top: 0;
  left: 0;
}
.content.red:after {
  background: url(../images/parts_red02.png) repeat-y left top transparent;
  width: 122px;
  height: 121px;
  bottom: 0;
  right: 0;
}
.content.yellow {
  background: #fbd81f;
}
.content.blue {
  background: #7ecbea;
}
.content.blue:after {
  background: url(../images/parts_blue01.png) no-repeat left top transparent;
  width: 300px;
  height: 300px;
  bottom: -110px;
  right: -70px;
}
.content.green {
  background: #56b13a;
}
.content.green:before {
  background: url(../images/parts_green01.png) no-repeat left top transparent;
  width: 204px;
  height: 63px;
  top: 15px;
  left: 0;
}
.content.green:after {
  background: url(../images/parts_green02.png) no-repeat left top transparent;
  width: 432px;
  height: 133px;
  bottom: -30px;
  right: 10px;
}
.content.bannerArea {
  background: url(../../images/bg_bannerArea.gif) repeat left top #000;
}
.inner {
  width: 800px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}

/* content title
**********************************/
.contentTitle {
  line-height: 1;
}

.contentSubTitle01 {
  background: #181815;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
}

/* リンクボタン
**********************************/
.btn01 {
  background: url(../images/icon_btnArrow01.png) no-repeat right center transparent;
  border: 4px solid #fff;
  display: block;
  border-radius: 8px;
  width: 100%;
  height: 120px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 112px;
  padding: 0 30px;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
	color: #fff;
}
.btn01 img {
  vertical-align: middle;
  font-size: 0;
}
.btn01:hover {
  background-color: #181815;
  opacity: .8;
}

.btn01.back01 {
  background: url(../images/icon_btnArrow02.png) no-repeat left center transparent;
  border: 4px solid #181815;
  color: #181815;
}
.btn01.back01:hover {
  background-color: #fff;
  opacity: .8;
}
.btn01.black {
	background: url(../images/icon_btnArrow03.png) no-repeat right center transparent;
  border: 4px solid #181815;
  color: #181815;
}
.btn01.black:hover {
  background-color: #fff;
  opacity: .8;
}

/* ナビゲーション
**********************************/

/* バナー
**********************************/
.bannerList {
  text-align: center;
}
.bannerList li {
	display: block;
	margin: 0 0 20px;
	width: 100%;
}
.bannerList li:last-child {
	margin-bottom: 0;
}
.bannerList li a {
  display: block;
  line-height: 1;
  font-size: 0;
}
.bannerList li a img {
  width: 100%;
	height: auto;
}

/*********************************

* トップページ

**********************************/


/* スライド
**********************************/
#fcwc_topSlide {

}
.slideItem {
  position: relative;
}
.slideItem img {
  width: 100%;
  height: auto;
  line-height: 1;
  display: block;
  font-size: 0;
}
/* Dots */
.slick-dots {
  position: absolute;
  bottom: 8px;
  display: block;
  width: 100%;
  padding: 0 20px;
  list-style: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
	width: 35px;
  height: 15px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: rgba(255, 255, 255, .2);
}
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button {
  background: rgba(255, 255, 255, .5);
}
/*********************************

* 試合結果

**********************************/

/* 試合結果用 table
**********************************/
.matchLink {
  text-decoration: none;
  color: #181815;
  display: block;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.vs-table {
	width: 100%;
  background: rgba(255, 255, 255, .9);
  letter-spacing: 0;
  border-bottom: 6px solid #131311;
	line-height: 1;
}
.vs-table .t-title th {
	border-top: 6px solid #131311;
	border-bottom: 3px solid #131311;
  padding: 15px 0;
}
.vs-table td {
	padding: 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.vs-table .team {
	width: 40%;
}
.vs-table .t-score {
	padding: 8px 0;
	width: 20%;
}
.vs-table .match {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
  line-height: 1;
}
.vs-table .info {
	font-size: .6em;
  display: block;
  line-height: 1.2;
  margin-top: 5px;
}
.vs-table .score {
	display: block;
	font-family: "impact","arial", sans-serif;
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 3px;
	white-space: nowrap;
}
.vs-table .score_pk {
	display: block;
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 5px;
	white-space: nowrap;
}
.vs-table .score_detail {
  line-height: 1.4;
  white-space: nowrap;
  display: block;
  margin-top: 5px;
	font-size: .6em;
}
.vs-table .detail {
	margin: 0 auto;
	width: 120px;
	display: block;
}
.vs-table .detail a {
	background: url(../images/report-Dbtn.gif) top center no-repeat transparent;
	width: 120px;
	height: 40px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
	line-height: 0;
}

.vs-table .team_name {
	font-size: 1.2em;
  font-weight: bold;
	line-height: 1;
	display: block;
	margin-top: 10px;
}
.vs-table .team_continent {
	font-size: .6em;
}

/* 主要情報 */
.vs-info-table {
  border-top: 4px solid #131311;
	border-bottom: 4px solid #131311;
	width: 100%;
  background: rgba(255, 255, 255, .9);
  letter-spacing: 0;
  font-size: 0.6em;
}
.vs-info-table th {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: 5;
}
.vs-info-table td {
	padding: 10px 5px;
	line-height: 1.8;
	border-right: 1px solid #333;
}
.vs-info-table td:last-child {
	border-right: none;
}
.vs-info-table td.etc {
  background: #fff;
  padding: 15px 50px;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
	border-top: 4px solid #131311;
	font-size: 1.2em;
}
.Substitution ul li{
  line-height: 1.4;
  margin-bottom: 8px;
}
span.out {
  display: block;
}
span.in {
  display: block;
  text-indent: 1em;
}

/* メンバー情報 */
.vs-member-table {
  border-top: 4px solid #131311;
	border-bottom: 4px solid #131311;
	width: 100%;
  background: rgba(255, 255, 255, .9);
  letter-spacing: 0;
  font-size: .6em;
}
.vs-member-table th {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
}
.vs-member-table td {
  padding: 15px 10px;
	line-height: 1.8;
  border-right: 1px solid #333;
  vertical-align: top;
  width: 50%;
}
.vs-member-table td:last-child {
  border-right: none;
}
.vs-member-table td.b-top {
	border-top: 4px solid #333;
}
.memberList ul li {
  margin-bottom: 8px;
  line-height: 1.2;
  display: table;
  width: 100%;
}
.memberList ul li:last-child {
  margin-bottom: 0;
}
.memberList ul li span {
  display: table-cell;
}
.memberList ul li .pos {
  width: 2.5em;
}
.memberList ul li .num {
  text-align: right;
  width: 2em;
}
.memberList ul li .name {
  padding-left: 10px;
}
.vs-info-table th.main,
.vs-member-table th.main {
  background: #000;
}
.vs-info-table th.sub,
.vs-member-table th.sub {
  background: #333;
}
.vs-info-table .etc p {
  display: table;
  width: 100%;
}
.vs-info-table .etc p span {
  display: table-cell;
}

/****** 表示調整用スタイル ******/
table .pl80 {
	padding-left: 80px !important;
	width: 40%;
}
table .pr80 {
	padding-right: 80px !important;
	width: 40%;
}
table .w310 {
	 width: 310px;
 }

 /* ==========================================================================
  プリント
 ========================================================================== */
 @media print {
     .blindImg {
         visibility: hidden;
     }
 }