@charset "UTF-8";
/* CSS Document */
body,html {
	height:100%;
	padding:0;
	margin:0;
}
body {
	font-family: "メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
	padding:0;
	margin:0;
	text-align:center;
	color:#333;
	font-size:16px;
	line-height:1.8;
	background-color:#fff;
	word-wrap:break-word;
	overflow-wrap:break-word;
	min-width:1140px;
	background-color:#002944;
}
.spOnly	{display: none !important;}
p {
	margin:0;
	padding:0;
	line-height:1.8;
}
em,i {
	font-style:normal;
}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

img {
	border:0;
	vertical-align:middle;
	max-width: 100%;
	height:auto;
}
a {
	color:#0081cc;
	text-decoration:underline;
}
a:hover,
a:active {
	color:#2ea8e3;
	text-decoration:none;
}
a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

ul, ol, li, dl, dt, dd {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
	letter-spacing:-0.4em;
	word-spacing: -1em;
	font-size:0;
}
li {
	letter-spacing:normal;
	word-spacing:normal;
	font-size:16px;
	line-height:1.8;
}
input, button, select, textarea {
	font-family: "メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
	color:#333;
	font-size:16px;
}

textarea,
select,
input[type="text"] {
	box-sizing:border-box;
    border: 1px solid #B3B3B3;
	padding: 0.5em;
	line-height:1.4em;
}
input[type="radio"] {
	line-height:2.4em;
}
.clearfix:before,
.clearfix:after {
	content: " "; 
	display: table;
	}
.clearfix:after {
	clear: both;
	}
.clearfix {*zoom:1;}

.floatL {float:left;}
.floatR {float:right;}

i.fa[class$="right"],
i.fa-map-marker {
	margin-left:5px;
}
i.fa[class$="left"] {
	margin-right:5px;
}
a[href$=".pdf"]:before {
	content:"\f1c1";
	font-family:FontAwesome;
	margin:0 5px;
}
.sideArea a[href$=".pdf"]:before, .gameSche .fee a[href$=".pdf"]:before, .swiper-container-horizontal a[href$=".pdf"]:before {
	display: none;
}
a[href$=".xls"]:before,
a[href$=".xlsx"]:before {
	content:"\f1c3";
	font-family:FontAwesome;
	margin:0 5px;
}
a[href$=".doc"]:before,
a[href$=".docx"]:before {
	content:"\f1c2";
	font-family:FontAwesome;
	margin:0 5px;
}
.topslider a:before {
	content:"" !important;
	margin:0;
}
/* -------------- COLUMN VARIATION -------------- */
/* カラム隙間アリ */
.clm {
	width:100%;
	display: block;
	letter-spacing:-0.4em;
	word-spacing: -1em;
	font-size:0;
}
.clm > li,
.clm > div {
	display:inline-block;
	margin-left:4%;
	margin-bottom:20px;
	vertical-align:top;
	letter-spacing:normal;
	word-spacing:normal;
	font-size:16px;
	box-sizing:border-box;
	vertical-align:top;
}

.clm.col4 > li,
.clm.col4 > div {width:22%;}
.clm.col3 > li,
.clm.col3 > div {width:31%;}
.clm.col2 > li,
.clm.col2 > div {width:48%;}

.clm.col4 > li:nth-child(4n+1),
.clm.col4 > div:nth-child(4n+1),
.clm.col3 > li:nth-child(3n+1),
.clm.col3 > div:nth-child(3n+1),
.clm.col2 > li:nth-child(2n+1),
.clm.col2 > div:nth-child(2n+1) {margin-left:0;}
.clm.col3 > li:nth-child(3n+1),
.clm.col3 > div:nth-child(3n+1) {width:30%;}

/* カラム隙間なし */
ul.clmFix {
	width:100%;
	display:table;
	table-layout:fixed;
}
ul.clmFix > li {
	display:table-cell;
	vertical-align:top;
}

/* -------------- TEXT STYLE -------------- */
section p,
article p {
	padding-bottom:15px;
	text-align:left;
}
section p:last-child,
article p:last-child,
section td p:last-child {
	padding-bottom:0;
}
.textMiddle {
	font-size:14px;
}
.textLarge {
	font-size:18px;
}
.textGrande {
	font-size:22px;
}
small {font-size:12px;	line-height:1.3;	font-weight:normal;}
.textSmall,
p.textSmall,
.textSmall li,
.textSmall dd,
.textSmall td {font-size:12px;	line-height:1.4;	font-weight:normal;}
.textSmall dt,
.textSmall th {font-size:12px;	line-height:1.4;}


.textR {text-align:right;}
.textC {text-align:center;}
.textL {text-align:left;}
strong {
	font-weight:bold;
}
.textRedBold {
	color:#e60012;
	font-weight:bold;
}

.textSmall.textRedBold,
.textSmall .textRedBold,
small.textRedBold,
small .textRedBold {font-weight:bold;}

.textRed {
	color:#e60012;
}
.attention {
	font-size:22px;
	line-height:1.8;
	text-align:center;
}

.jerfutop .notice {
	margin-bottom: 15px;
	font-size:14px;
	line-height:1.6;
}

/* TEXTBOX */
.noticebox {
	display:inline-block;
	padding:0 10px;
}
.coupon {
	background-color:#fffdd9;
}

.boxstyle {
	padding:20px;
	margin-bottom:25px;
}
.boxstyle.redframe {
	border:1px solid #ff0000;
}

/* -------------- LIST STYLE -------------- */
ul.liststyleNo {
	padding-bottom:20px;
	font-size:16px;
}
ul.liststyleNo li {
	margin-bottom:5px;
}
ul.liststyle {
	padding-bottom:20px;
	margin-left:1.4em;
	font-size:16px;
}
ul.liststyle ul.liststyle {
	padding-top:10px;
	padding-bottom:10px !important;
}
ul.liststyle ul.liststyle li {
	margin-bottom:5px;
}
ul.liststyle.textSmall li {
	margin-bottom:5px;
}

ol {
	padding-left:2em;
	padding-bottom:15px;
}
ul.liststyle li,
ul.listCircle li,
ol li {
	margin-bottom:10px;
}
.tableList div > ul.liststyle li,
ul.liststyle li.textSmall,
ul.listCircle li.textSmall,
ol li.textSmall,
td ul.liststyle li,
dd ul.liststyle li,
td ul.listCircle li,
td ol li {
	margin-bottom:5px;
}
td ul.liststyle,
dd ul.liststyle,
td ul.listCircle,
td ol,
td dl {
	padding-top:5px;
}
td ul.liststyleNo:last-child,
div ul.liststyleNo:last-child,
section ul.liststyleNo:last-child,
td ul.liststyle:last-child,
div ul.liststyle:last-child,
section ul.liststyle:last-child,
td ol:last-child,
div ol:last-child,
section ol:last-child {
	padding-bottom:0;
}
ul.liststyleNo li:last-child,
ul.liststyle li:last-child,
ol li:last-child {
	margin-bottom:0;
}
ul.liststyle > li:before {
	content: "•";
	color:#333333;
	display:inline-block;
	margin-left:-1.4em;
	width:1.4em;
	text-align:center;
}

ul.listCircle {
	padding-bottom:10px;
}
ul.listCircle li {
	list-style:circle;
	margin-bottom:5px;
	margin-left:1.2em;
}
/* ※ */
ul.listNotice > li:before {
	content: "※";
	color:inherit;
	text-align:left;
}
/* 通し番号入り（※1） */
ul.liststyle.listNoticeNum {
	margin-left:2.4em;
}
ul.listNoticeNum > li {
	counter-increment: story;
	color:inherit;
}
ul.listNoticeNum > li:before {
	content: "※" counter(story)  ;
	margin-left:-2.4em;
	width:2.4em;
	color:inherit;
	text-align:left;
}
ul.liststyle .textRedBold {
	color:#e60012 !important;
}
/* ＊ */
ul.listNotice2 > li:before {
	content: "＊";
	color:inherit;
}
/* ○ */
ul.listMaru > li:before {
	content: "○";
	color:inherit;
}
/* ■ */
ul.listSquare > li:before {
	content: "■";
	color:inherit;
}
/* かっこと番号（1） */
ul.liststyle.kakkoNum {
	margin-left:2.7em;
}
ul.kakkoNum > li {
	counter-increment: story;
}
ul.kakkoNum > li:before {
	content: "（" counter(story)  "）" ;
	margin-left:-3.4em;
	width:3.4em;
	color:inherit;
}
ul.listNotice > li,
ul.listNotice2 > li,
ul.listNoticeNum > li,
ul.kakkoNum > li {
	/*margin-bottom:4px;*/
	line-height:1.5;
}

dl[class^="dlList"] {padding-bottom:15px;}
dl[class^="dlList"] dt {margin-bottom:2px;}
dl[class^="dlList"] dd {margin-bottom:10px;}
dl.dlList2 dd:last-child {
	margin-bottom:0;
}
td dl:last-child,
div dl:last-child,
section dl:last-child {
	padding-bottom:0;
}
dl.dlList1 dt {
	font-weight:bold;
	}
dl.dlList1 dd {
	padding-left:1em;
	margin-bottom:12px;
}
dl.dlList1.noindent dd {
	margin-left:0;
}
/* 横並び */
dl.dlList2 dt {
	float:left;
	clear:both;
	width:2em;
	font-weight:bold;
}
dl.dlList2 dd {
	padding-left:2.5em;
}
dl.dlList2.length1 dt {
	width:1.5em;
}
dl.dlList2.length1 dd {
	padding-left:1.8em;
}
dl.dlList2.length3 dt {
	width:3em;
}
dl.dlList2.length3 dd {
	padding-left:3.5em;
}
dl.dlList2.length4 dt {
	width:4em;
}
dl.dlList2.length4 dd {
	padding-left:4.5em;
}
dl.dlList2.length5 dt {
	width:5em;
}
dl.dlList2.length5 dd {
	padding-left:5.5em;
}
dl.dlList2.length10 dt {
	width:10em;
}
dl.dlList2.length10 dd {
	padding-left:10.5em;
}


/* -------------- LINE VARIATION -------------- */
hr {
	border:none;
	height:1px;
	margin:20px 0;
	padding:0;
	border:none;
	border-top:1px solid #bdbdbd;
}

/* -------------- BUTTON VARIATION -------------- */
.btnArea {
	text-align:center;
	padding:0 0 15px 0;
}
.btnArea li {
	display:inline-block;
}
.btnArea li:nth-child(n+2) {
	margin-left:4%;
}
.btnArea a.btn1 {
	display:inline-block;
	text-align:center;
	color:#fff;
	background-color:#48b1df;
	line-height:3em;
	text-decoration:none;
	padding:0 20px;
	border-bottom:5px solid #B1B1B1;
	box-sizing:border-box;
}
.btnArea a.btn1:hover {
	opacity:.7;
	filter: alpha(opacity=70);
}
.btnArea a:nth-child(n+2) {
	margin-left:15px;
}

.innerLink {
	text-align:right;
}
.btnStyle {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:25px;
	padding-left:15px;
	min-width:250px;
	position:relative;
	line-height:1.4;
	box-sizing:border-box;
}
a.btnStyle:hover {
	opacity:.7;
	filter: alpha(opacity=70);
	color:#fff;
}
.btnStyle:after {
	content:"\f105";
	font-family:FontAwesome;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-0.75em;
	font-size:1.8em;
}
.btnStyle.back {
	padding-right:15px;
	padding-left:25px;
	}
.btnStyle.back:after {
	content:"\f104";
	right:auto;
	left:10px;
}
.btnStyle.noicon {
	padding-right:15px;
	padding-left:15px;
}
.btnStyle.noicon:after {
	content:"";
}
.clm .btnStyle,
.btnArea .btnStyle {
	display:block;
	padding-top:20px;
	padding-bottom:20px;
}
.linkbtn1 {
	background-color:#004673;
	color:#fff;
}
.linkbtn2 {
	background-color:#48b1df;
	color:#fff;
	border-bottom:5px solid #B1B1B1;
}
.btnLarge {
	font-size:18px;
}
/* -------------- TITLE -------------- */
h2 a, h3 a {
	text-decoration:none;
	color:#333;
}

h2 a:hover,
h3 a:hover {
	color:#666;
}
.h2Area {
	width:100%;
	margin:0 auto 25px auto;
	background-color:#002944;
}
.h2Area > h2 {
	width:1080px;
	margin:0 auto;
	
}
.h2Area h2 {
	color:#fff;
	padding:10px 15px;
	text-align:left;
}
.h2Area h2 a {
	color:#fff;
	display:block;
}
.h2Area h2 a:hover {
	color:rgba(255,255,255,.7)
}
.h2Area h2 em {
	font-size:16px;
	display:inline-block;
	margin-left:20px;
	font-weight:normal;
}
.h2Area .withselect {
	width:1080px;
	margin:0 auto;
	display:table;
}
.h2Area .withselect h2,
.h2Area .withselect form {
	display:table-cell;
	vertical-align:middle;
}
.h2Area .withselect h2 {
	width:800px;
	padding:10px 15px 10px 0;
}
.h2Area .withselect form {
	text-align:right;
	padding:10px 0;
}
.h2Area .withselect form select {
	font-size:14px;
}
.contents h2 {
  overflow: hidden;
  position: relative;
  padding-bottom: 3px;
  margin-bottom:30px;
  font-size:30px;
}
.contents h2 span {
  padding: 10px;
}
.contents h2 small {
	font-size:20px;
}
.contents h2:before {
  content: "";
  border-bottom: 3px solid #e60012;
  bottom: 0;
  height: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.contents h2:after {
  border-bottom: 3px solid #ddd;
  bottom: 0;
  content: "";
  position: absolute;
  width: 100%;
  z-index: 1;
}

h3 {
	margin-bottom:10px;
	font-size:20px;
}
h3.large {
	font-size:24px;
	text-align:left;
	padding:10px;
	margin:0 auto 20px auto;
	background-color:#d6e6f1;
	}
.catepage h3.large {
	background-color:#e2e2e2;
}
h3.middle {
	font-size:22px;
}
h3.middle:before {
	font-size:22px;
	content:"■";
	text-align:left;
}
h3.small {
	font-size:20px;
	border-bottom:1px dotted #BCBCBC;
	margin-bottom:10px;
}
/* IMG */
.imgL {
	float:left;
	margin:0 15px 10px 0;
}
.imgR {
	float:right;
	margin:0 0 10px 15px;
}

figure {
	text-align:center;
	margin:0 auto 20px auto;
	}
figure img {
	max-width:100%;
	height:auto;
}
figure figcaption {
	margin:5px 0 0 0;
	font-size:12px;
	line-height:1.4;
	color:#7B7B7B;
	text-align:left;
}
article figure.imgL,
article figure.imgL img,
article figure.imgR,
article figure.imgR img {
	max-width:300px;
}


/* IMG AND TEXT */
.imgtext {
	width:100%;
	display:table;
	table-layout:fixed;
}
.imgtext figure,
.imgtext p {
	display:table-cell;
	vertical-align:middle;
}
.imgtext figure {
}
.imgtext p {
	padding:0 0 0 15px;
	margin:0;
	line-height:1.5;
}

/*-------------- TABLE VARIATION --------------*/
table {
	border:none;
	border-spacing: 0;
	padding:0;
	width:100%;
	margin:0 0 20px 0;
	border-top:#bdbdbd 1px solid;
}
table td,
table th {
	padding:15px 10px;
	font-size:16px;
	border-bottom:#bdbdbd 1px solid;
}
caption {
	text-align:left;
	font-size:15px;
	font-weight:bold;
	border-bottom:#bdbdbd 1px solid;
}
caption.notecap {
	caption-side:bottom;
	font-size:12px;
	font-weight:normal;
	border-bottom:none;
	text-align:right;
	padding-top:5px;
	color:#8e8e8e;
}
caption.notecap.topright {
	caption-side:top;
	padding-top:0;
	padding-bottom:5px;
}

table td img, table th img {
	vertical-align:middle;
}
table thead th {
	background-color:#a1a1a1;
	color:#FFF;
	text-align:center;
	line-height:1.4;
}
table thead td {
	background-color:#d4d4d4;
	text-align:center;
	font-weight:normal;
}
table tfoot tr:first-child td,
table tfoot tr:first-child th {
	border-top:3px solid #bdbdbd;
}
table tbody th,
table tfoot th {
	background-color:#ECECEC;
}
table.tateLine {
	border-right:#bdbdbd 1px solid;
}
table.tateLine td,
table.tateLine th {
	border-left:#bdbdbd 1px solid;
	vertical-align:middle;
}
table.narrow th,
table.narrow td {
	padding:5px 2px;
}

table.textC th,
table.textC td,
table[class] th.textC,
table[class] td.textC {
	text-align:center;
}
table.textL th,
table.textL td,
table[class] th.textL,
table[class] td.textL {
	text-align:left;
}
table.textR th,
table.textR td,
table[class] th.textR,
table[class] td.textR {
	text-align:right;
}
table.VertiT th,
table.VertiT td,
table[class] th.VertiT,
table[class] td.VertiT {
	vertical-align:top;
}
table.VertiM th,
table.VertiM td,
table[class] th.VertiM,
table[class] td.VertiM {
	vertical-align:middle;
}
.textnowrap {
	white-space:nowrap;
}
table.samewidthCell {
	table-layout:fixed;
}

/*-------------- TABLE UL --------------*/
.ulTable {
	display:table;
	width:100%;
	margin-bottom:20px;
	border-top:#bdbdbd 1px solid;
}
.ulTable li {
	display:table-row;
	width:100%;
}
.ulTable li > div {
	display:table-cell;
	vertical-align:middle;
	padding:15px 5px;
	border-bottom:#bdbdbd 1px solid;
}

/*-------------- GAME SCHEDULE --------------*/
.gameSche {
	/*display:table;*/
	width:100%;
	margin-bottom:20px;
	border-top:#bdbdbd 1px solid;
}
.gameSche li {
	/*display:table-row;*/
	display: table;
	width:100%;
}
.gameSche li.note {
	display: block;
	border-bottom:#bdbdbd 1px solid;
}
.gameSche li.note > ul {
	display: block;
	margin-top: -1px;
	padding: 5px 10px;
	background-color: #ffffff;
	border-top: 1px dashed #c7c7c7;
	font-size: 0px;
}
.gameSche li.note > ul li {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 10px 0 10px 18px;
	background: transparent url("../img/icon-rugby-brown.png") no-repeat left center;
	background-size: 14px;
	font-size: 14px;
	line-height: 1.0;
}
.gameSche li.note > ul li:before {
	display: none;
	content: "";
}


/*.gameSche li.note > ul li:before {
	display: inline-block;
	content: "\f111";
	margin-right: 3px;
	font-family: fontAwesome;
	font-size: 6px;
	vertical-align: 2px;
}*/
.gameSche li.note > ul li:after {
	display: inline-block;
	content: "／";
	margin: 0 5px;
}
.gameSche li.note > ul li:last-child:after {
	display: none;
	content: "";
}
.gameSche li.note > ul li:first-child {
	margin-left: 0;
}
.gameSche li > div {
	display:table-cell;
	vertical-align:middle;
	padding:15px 5px;
	border-bottom:#bdbdbd 1px solid;
	font-size:14px;
}
.gameSche .divi {
	font-size:13px;
	width:15%;
}

.gameSche .kotime {
	font-size:13px;
	width:7%;
}
.gameSche .team {
	width:22%;
	text-align:center;
}
#categorySchedule .gameSche .team {
	width:26%;
	text-align:center;
}
.gameSche .win {
	font-weight:bold;
}
.gameSche .result {
	text-align:center;
	width:18%;
	font-size:0;
	letter-spacing:-0.4em;
	word-spacing: -1em;
	padding:15px 0;
}
	.gameSche .result * {
		letter-spacing:normal;
		word-spacing:normal;
		font-size:14px;
	}
	.gameSche .result > div {
		display:table-cell;
		display:inline-block;
		vertical-align:middle;
	}
	.gameSche .resultIcon {
		text-align:center;
		width:15%;
	}
	.gameSche .score {
		width:70%;
	}
	.gameSche .result a,
	.gameSche .result .resultnolink {
		display:block;
		line-height:1.2;
		padding:.8em 0;
		text-decoration:none;
		font-size:13px;
	}
	.gameSche .result a:hover {
		text-decoration:none;
	}
	.gameSche .result a.noicon:before {
		content:normal !important;
		margin:0;
	}
	.gameSche .result a {
		background-color:#004673;
		color:#fff;
	}
	.gameSche .result .movie a {
		margin-top: .6em;
		padding: 0;
		background-color: transparent;
		color:#cd201f;
	}
	.gameSche .result .movie a:hover {
		color:#e84342;
		background-color: transparent;
	}	
	.gameSche .result .movie a img {
		width: 20px;
		margin-right: .25em;;
		vertical-align: -2px;
	}	
	.gameSche .result .resultnolink {
		border:1px solid #004673;
	}
	.gameSche .score a span,
	.gameSche .score .resultnolink span {
		display:inline-block;
		font-size:14px;
	}
	.gameSche .score a span:nth-child(2),
	.gameSche .score .resultnolink span:nth-child(2) {
		white-space:nowrap;
		margin:0 4px;
	}
	.gameSche .score a span:nth-child(1),
	.gameSche .score .resultnolink span:nth-child(1)  {
		text-align:right;
		width:41%;
		font-weight:bold;
	}
	.gameSche .score a span:nth-child(3),
	.gameSche .score .resultnolink span:nth-child(3)  {
		text-align:left;
		width:41%;
		font-weight:bold;
	}
	.gameSche .result span.noscore {
		font-size:12px;
		display:block;
		padding:5px 0;
		margin:0 auto;
		background-color:#CBCBCB;
	}
	.gameSche .result .memo {
		font-size:12px;
		padding-top:5px;
		line-height:1.4;
		display:block;
		width:100%;
	}
	.gameSche .result > a {
		padding-right:5px;
		padding-left:5px;
	}
.gameSche .fee {
	font-size:12px;
	width:6%;
	padding-right: 0;
	padding-left: 0;
}
.gameSche .fee span a, .gameSche .fee span span {
	font-size:12px;
	display:block;
	line-height:1.8;
	/*background-color:#FF0004;*/
	color:#fff;
	text-align:center;
	padding: 5px 0;
	background: transparent url(../img/bg-icon-ticket.png) no-repeat left center;
	background-size: contain;
	text-align: left;
}

.gameSche .fee span a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	text-decoration: none;
}

.gameSche .fee span a, .gameSche .fee span span {
	color:#fff;
	padding-left: 7px;
}

.gameSche .stadium {
	font-size:12px;
	line-height:1.4;
}
.catepage .gameSche .stadium {
}
.selectMonth {
	display:table;
	table-layout:fixed;
	margin-bottom:25px;
	width:100%;
	background-color:#ddd;
	padding:10px 5px 10px 10px;
	box-sizing:border-box;
}
.selectMonth li {
	display:table-cell;
}
.selectMonth li a,
.selectMonth li span {
	display:block;
	line-height:3;
	text-align:center;
	font-size:14px;
	position:relative;
}
.selectMonth li a {
	background-color:#fff;
	border-right:5px solid #ddd;
	text-decoration:none;
}
.selectMonth li a:hover {
	background-color:#EDEDED;
}
.selectMonth li.selected a {
	font-weight:bold;
	color:#333;
}
.selectMonth li.selected a:hover:after {
	border-top-color:#EDEDED;
}
.selectMonth li.selected a:after {
	border:8px solid transparent;
	border-top-color:#fff;
	border-bottom-width:0;
	bottom:-8px;
	content:"";
	display:block;
	left:50%;
	margin-left:-8px;
	position:absolute;
	width:0;
}
.selectMonth li span,
.selectMonth li.nogame a {
	background-color:#c9c9c9;
	border-right:5px solid #ddd;
	color:#666;
}
/* -------------- HEADER -------------- */
header {
	background:url(/files/img/headerbg.png) no-repeat top center;
}
header > div {
	width:1080px;
	margin:0 auto;
	display:table;
	padding:10px 0;
}
header h1,
header .headerRarea {
	display:table-cell;
	vertical-align:bottom;
}
header h1 {
	width:450px;
}
header h1 a {
	text-decoration:none;
	color:#515151;
	display:table;
	font-size:19px;
	text-align:left;
	font-weight:normal;
	line-height:1.5;
	padding:5px 15px 5px 10px;
	background-color:rgba(255,255,255,.5);
	text-shadow: 0 0 5px rgba(255,255,255, .8);
}

header h1 a figure,
header h1 a span {
	display:table-cell;
	vertical-align:middle;
}
header h1 a figure {
	width:80px;
	text-align:left;
}
header h1 a figure img {
	width:70px;
	height:auto;
}
header h1 a span strong {
	display:block;
	font-size:24px;
	font-weight:bold;
	color:#333;
}
	
header h1 a:hover,
header h1 a:hover strong {
	color:#666;
}

header .headerRarea {
	text-align:right;
}
header .searchArea {
	margin-bottom:10px;
}
.searchBtn {
	display:none;
}
header .searchArea input[type="search"] {
	width:250px;
	height:30px;
	line-height:30px;
	box-sizing:border-box;
	vertical-align:middle;
	font-size:14px;
}
header .searchArea input[type="submit"] {
	width:40px;
	height:30px;
	line-height:30px;
	box-sizing:border-box;
	background-color:#707070;
	color:#fff;
	border:none;
	padding:0;
	vertical-align:middle;
	position:relative;
}
header .searchArea input[type="submit"] label {
	display:none;
}
header .searchArea input[type="submit"]:after {
	content:"\f002";
	font-family:FontAwesome;
	text-indent:0;
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-.7em;
	color:#fff;
	
}
header .searchArea input[type="submit"]:hover {
	opacity:.7;
	filter: alpha(opacity=70);
}

.headerLink {
	padding:0;
	margin:0;
}
.headerLink li {
	display:inline-block;
	border-right:1px solid #707070;
	padding:0 15px;
	line-height:1.4;
	vertical-align:middle;
}
.headerLink li.linkFacebook {
	border-right:none;
}
.headerLink li.linkFacebook i {
	vertical-align:middle;
	margin-right:5px;
	line-height:1.4;
}
.headerLink li.linkFacebook a {
	color:#3b579d;
}
/* -------------- NAVIGATION -------------- */
nav {
	background-color:#004673;
	width:100%;
}
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
nav ul {
	display:table;
	width:1080px;
	margin:0 auto;
	table-layout:fixed;
	border-left:1px solid #336b8f;
}
nav ul li {
	display:table-cell;
	vertical-align:middle;
	border-right:1px solid #336b8f;
}

nav ul li a {
	display:block;
	text-decoration:none;
	line-height:2.8em;
	color:#fff;
	padding:7px 0 10px 0;
	font-size:13px;
	box-sizing:border-box;
	border-top:5px #004673 solid;
}
nav ul li span {
	display:block;
	line-height:1.4em;
}
nav ul li a:hover {
	background-color:#002944;
	color:#e5f0f7;
	border-color:#002944;
}
#toppage nav li#navHome a,
.news nav li#navNews a,
.cate1page nav li#navDaigaku a,
.cate2page nav li#navShakaijin a,
.cate3page nav li#navClub a,
.cate4page nav li#navHigh a,
.cate5page nav li#navJuniorhigh a,
.cate7page nav li#navWomen a,
.cate8page nav li#navSevens a,
.cate9page nav li#navTaikai a,
.cate6page nav li#navSchool a {
	background-color:#002944;
	color:#e5f0f7;
	border-top:5px #e60012 solid;
}
nav ul li#navHome {
	width:60px;
}
.slicknav_menu {
	display:none;
}
/*-------------- FOOTER --------------*/
footer {
	background-color:#002944;
	margin:0;
	color:#86919a;
	width:100%;
}
.footerBnrArea {
	background-color:#d1dde2;
	padding:20px 0;
}
.footerBnrArea > ul {
	margin:0 auto;
	/*display:table;
	table-layout:fixed;*/
}
.footerBnrArea > ul li {
	display:inline-block;
	/*display:table-cell;*/
	text-align:center;
	margin-left:80px;
	max-width:120px;
}
.footerBnrArea > ul li:first-child {
	margin-left:0;
}
.footerBnrArea > ul li img {
	max-height:60px;
}
footer .footerLink {
	width:1080px;
	margin:0 auto;
	padding:30px 0 15px 0;
}
.footerLink p {
	text-align:center;
	font-size:12px;
	padding-top:10px;
	line-height:1.4;
}
.footerLink ul {
	width:100%;
	margin-bottom:15px;
}
.footerLink li {
	display:inline-block;
	padding:0 15px;
	vertical-align:middle;
	font-size:14px;
	line-height:1.4;
}
.footerLink li a {
	color:#fff;
}
.footerLink li {
	border-right:1px solid #86919a;
}
.footerLink li:last-child {
	border-right:none;
}

#pagetop {
	width:60px;
	height:4em;
	position:fixed;
	bottom:60px;
	right:20px;
	cursor:pointer;
}
#pagetop a {
	display:block;
	font-size:4em;
	opacity:.7;
	filter: alpha(opacity=70);
}
#pagetop a:hover {
	opacity:1;
	filter: alpha(opacity=100);
}

/* -------------- NEWS -------------- */
/* NEWS LIST */
.newsTab {
	display:table;
	margin-bottom:15px;
	width:100%;
	table-layout:fixed;
	border-bottom:3px solid #c9c9c9;
}
.newsTab li {
	display:table-cell;
	border-right:1px solid #fff;
	vertical-align:top;
}
.newsTab li:last-child {
	border-right:none;
}
.newsTab li a {
	font-size:12px;
	display:block;
	color:#fff;
	text-decoration:none;
	line-height:4;
	line-height:18px;
	padding:18px 0;
	text-align:center;
	opacity:.8;
	filter: alpha(opacity=80);
	position:relative;
}
.newsTab li.line2 a {
	padding:9px 0;
}
.newsTab li.newscate9,
.newsTab li.newscate6 {
	width:100px;
}
.newsTab li.newscateAll,
.newsTab li.newscate10 {
	width:50px;
}
.newsTab li.newscateAll a {
	background-color:#454545;
}
.newsTab li a:hover,
.newsTab li.active a {
	opacity:1;
	filter: alpha(opacity=100);
}
.newsTab li.active a:after {
	border:8px solid transparent;
	border-top-color:#454545;
	border-bottom-width:0;
	bottom:-8px;
	content:"";
	display:block;
	left:50%;
	margin-left:-8px;
	position:absolute;
	width:0;
}

.newsTab li.active.newscate1 a:after {
	border-top-color:#3fa0e4;
}
.newsTab li.active.newscate2 a:after {
	border-top-color:#3478cc;
}
.newsTab li.active.newscate3 a:after {
	border-top-color:#1ebabc;
}
.newsTab li.active.newscate4 a:after {
	border-top-color:#3a9c6d;
}
.newsTab li.active.newscate5 a:after {
	border-top-color:#52be27;
}
.newsTab li.active.newscate6 a:after {
	border-top-color:#ee823b;
}
.newsTab li.active.newscate7 a:after {
	border-top-color:#ee6078;
}
.newsTab li.active.newscate8 a:after {
	border-top-color:#9966c8;
}
.newsTab li.active.newscate9 a:after {
	border-top-color:#645bd5;
}
.newsTab li.active.newscate10 a:after {
	border-top-color:#7e97a6;
}

.category {
	display:inline-block;
	/*display:block;*/
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-size:11px;
	width:140px;
	height:2.4em;
	line-height:2.4;
	background-color:#9C9C9C;
	margin-bottom: 2px;
}
a.category {
	cursor:pointer;
	margin-right: 0px;
}
a.category:last-child {
	margin-right: 0;
}
a.category:hover {
	color:#fff;
}
/*a.category:nth-child(n+2) {
	margin-left:10px;
}*/
.newsList {
	/*border-top:1px dotted #A0A0A0;*/
	margin-bottom:15px;
}
/*.catepage .newsList,
.jerfutop .newsList,
.news .newsList {
	border-top:none;
}*/
.newsList li {
	text-align:left;
	position:relative;
	vertical-align:top;
	border-bottom:1px dotted #A0A0A0;
	padding-bottom: 15px;
}
.newsList li > a {
	display:block;
	text-decoration:none;
	font-size:16px;
	line-height:2;
	color:#333;
	padding:15px 15px 0;
}
.newsList li a:hover {
	text-decoration:underline;
	background-color:#f1f1f1;
}
.newssubtitle {
	font-size:14px;
}
.detail .newssubtitle {
	font-size:16px;
}
.newsList li .cateArea {
	padding: 0 15px;
	/*position:absolute;
	left:9em;
	top:15px;*/
}
.newsList li .cateArea a.category {
	display:inline-block;
	height:2.4em;
	line-height:2.4;
	color:#fff;
	font-size:11px;
	padding:0;
}
.newsList li a.category:hover {
	text-decoration:none;
	opacity:.7;
	filter: alpha(opacity=70);
}
/*a[href*="mode=download"] .newstitle:after {
	content:"\f019";
	font-family:FontAwesome;
	margin-left:10px;
	color:#666;
}*/
.newsList a[href$=".pdf"]:before,
.newsList a[href$=".xls"]:before,
.newsList a[href$=".xlsx"]:before,
.newsList a[href$=".doc"]:before,
.newsList a[href$=".docx"]:before {
	content:normal;
}
a[target*="_blank"] .newstitle:after {
	content:"\f14c";
	font-family:FontAwesome;
	margin:0 5px;
	color:#666;
}
a[href$=".pdf"] .newstitle:after {
	content:"\f1c1";
	font-family:FontAwesome;
	margin:0 5px;
	color:#666;
}
a[href$=".xls"] .newstitle:after,
a[href$=".xlsx"] .newstitle:after {
	content:"\f1c3";
	font-family:FontAwesome;
	margin:0 5px;
	color:#666;
}
a[href$=".doc"] .newstitle:after,
a[href$=".docx"] .newstitle:after {
	content:"\f1c2";
	font-family:FontAwesome;
	margin:0 5px;
	color:#666;
}
.container {
    max-width: 820px;
    margin: auto;
} 
.tabContainer {
    overflow-x: auto;
}
.tabContainer::-webkit-scrollbar {
    height: 5px;
}
.contents__content div {
    clear: left;
}
/* 
.contents__content div a{
    display: table;
    width: 100%;
    text-decoration: none;
    text-align: left;
   
}
 
.contents__content div a span{
    display: table-cell;
  
}
 
.contents__content div a:before{
    content:'';

    display: block;
    background-color: #fff;
    display: table-cell;
}
*/

/* NEWS ARTICLE */
.detail article h2,
#categoryNews h2 {
	line-height:1.5;
	font-weight:normal;
	padding-bottom:10px;
	font-size:26px;
}
.detail article h2 .date,
#categoryNews h2 .date {
	font-size:14px;
}

.newsarticle > div {
	clear:both;
}
.newsarticle > div {
    zoom: 100%;
}
.newsarticle > div:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.newsinfoBox {
	display:table;
	width:100%;
	margin-bottom:20px;
}
.newsinfoBox > div {
	display:table-cell;
	vertical-align:middle;
}
.snsButtons {
	text-align:right;
}
.snsButtons li {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

/* FILE DOWNLOAD */
.dlfileList {
	background-color:#d6e6f1;
	/*border: 1px dashed #A8A8A8;*/
	padding: 20px;
	margin-top:20px;
}
.newsarticle .dlfileList li {
	margin-bottom:15px;
	background-color:#fff;
}
.newsarticle .dlfileList li:last-child {
	margin-bottom:0;
}
.newsarticle .dlfileList li a {
	display:block;
	padding:15px;
}
.newsarticle .dlfileList li a:hover {
	background-color:#edf4f9;
}
.newsarticle .dlfileList li a > div {
	display:table-cell;
	vertical-align:middle
}

/* --------------------------------------------- */
/* -------------- SECOND COMMON -------------- */
/* --------------------------------------------- */

.fb-page {
	width:300px !important;
}
.wrapper {
	min-height: calc(100vh - 196px);
	background-color:#fff;
	width:100%;	
}
.main {
	width:1080px;
	margin:0 auto;
	padding-bottom:30px;
	text-align:left;

}
@media screen and (max-width: 1080px) {
	.main {
		min-height:960px;
	}
}
.jerfutop .main,
.news .main {
	padding-top:30px;
}
.contents {
	width:820px;
	float:left;
	text-align:left;
	padding-bottom:50px;
}
.sideArea + .contents {
	float:right;
}

.contents.fullsize {
	width:1080px;
	float:none;
}
article {
	padding-bottom:30px;
}
.contents section {
	padding-bottom:60px;
}
.sideArea section {
	padding-bottom:30px;
}
p.nomarg {
	padding-bottom:5px;
}
table.nomarg {
	margin-bottom:5px;
}


/* RIGHT */
.sideArea {
	width:230px;
	float:right;
}

/* LEFT */
.menuArea {
	width:230px;
	float:left;
	margin-right:30px;
}

.menuArea > ul > li {
	margin-bottom:15px;
	border-bottom:3px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
}
.menuArea > ul > li > a,
.menuArea > ul > li > span {
	display:block;
	color:#333;
	text-decoration:none;
	padding:15px 15px 15px 10px;
	line-height:1.4;
	position:relative;
	font-size:15px;
}
.menuArea > ul div {
	padding:15px 15px 15px 10px;
	line-height:1.4;
	font-size:15px;
	background-color:#E3E3E3;
	color:#666;
}
.menuArea > ul > li > span {
	border-bottom:3px double #999;
}
.menuArea > ul li a:hover,
.menuArea > ul li.selected {
	background:#ffebeb;
}
/*.menuArea > ul li.selected > a:after,
.menuArea > ul li.selected > span:after {
	content:"\f054";
	font-family:FontAwesome;
	position:absolute;
	font-size:1.4em;
	right:5px;
	top:50%;
	margin-top:-.7em;
	color:#e60012;
}*/
.menuArea > ul li a {
	position:relative;
}

.menuArea > ul li a:after {
	content:"\f054";
	font-family:FontAwesome;
	position:absolute;
	font-size:1em;
	right:5px;
	top:50%;
	margin-top:-.7em;
	color:#999;
	font-weight:normal;
}
.menuArea > ul li.selected a:after {
	color:#e60012;
}
.menuArea ul li ul {
}
.menuArea ul li ul li {
	border-bottom:1px dotted #999;
}
.menuArea ul li ul li:last-child {
	border-bottom:none;
}
.menuArea ul li ul li a {
	display:block;
	padding:15px 20px;
	font-size:15px;
	line-height:1.4;
	text-decoration:none;
	color:#333;
}
.menuArea ul li ul li div {
	padding:15px 20px;
}

.menuArea ul li ul li.selected a {
	font-weight:bold;
}
/*.menuArea ul li ul li a:before {
	content:"●";
}*/

/*.cate1page .menuArea ul li ul li a {
	color:#3fa0e4 !important;
}*/
.cate2page .menuArea ul li ul li a:before {
	color:#3478cc;
}
.cate3paget .menuArea ul li ul li a:before {
	color:#1ebabc;
}
.cate4page .menuArea ul li ul li a:before {
	color:#3a9c6d;
}
.cate5page .menuArea ul li ul li a:before {
	color:#52be27;
}
.cate6page .menuArea ul li ul li a:before {
	color:#ee823b;
}
.cate7page .menuArea ul li ul li a:before {
	background-color:#ee6078;
}
.cate8page .menuArea ul li ul li a:before {
	background-color:#9966c8;
}
.cate9page .menuArea ul li ul li a:before {
	background-color:#645bd5;
}
.cate10page .menuArea ul li ul li a:before {
	background-color:#7e97a6;
}

.tabSelect {
	display:table;
	table-layout:fixed;
	width:100%;
	margin-bottom:30px;
	border-bottom:3px solid #cacaca;
}
.tabSelect li {
	display:table-cell;
	position:relative;
}
.tabSelect li a {
	display:block;
	text-align:center;
	padding:15px 0;
	line-height:1.4;
	text-decoration:none;
	border-right:1px solid #004673;
	border-top:1px solid #004673;
	border-bottom:1px solid #004673;
	color:#004673;
	background-color:#e9ecf9;
}
.tabSelect li:first-child a {
	border-left:1px solid #004673;
}
.tabSelect li a:hover,
.tabSelect li.selected a {
	background-color:#d3d7ef;
}

.tabSelect li.selected a:after {
	border:12px solid transparent;
	border-top-color:#004673;
	border-bottom-width:0;
	bottom:-12px;
	content:"";
	display:block;
	left:50%;
	margin-left:-12px;
	position:absolute;
	width:0;
}

/* -------------- SIDE AREA -------------- */
.sideArea h2 {
	text-align:left;
	font-size:15px;
}
.sideArea h2 a {
	display:table;
	table-layout:fixed;
	width:100%;
	box-sizing:border-box;
	padding:10px 5px;
	background-color:#d7d7d7;
}
.sideArea h2 a:hover {
	text-decoration:none;
	background-color:#c3c3c3;
}
.sideArea h2 span {
	display:inline-block;
	display:table-cell;
}
.sideArea h2 span.linkmore {
	color:#1692cf;
	border:1px solid #bbd8e6;
	font-weight:normal;
	text-align:center;
	font-size:12px;
	background-color:#fff;
	width:50px;
	line-height:1.4;
}
.sideArea h2 a:hover span.linkmore {
	background-color:#e9f6fc;
	border-color:#94ceeb;
}
table.sideRanking th,
table.sideRanking td {
	padding:5px 2px;
	font-size:14px;
	text-align:center;
}
table.sideRanking th {
	background:none;
	font-size:12px;
	color:#8e8e8e;
}
table.sideRanking .rank {
	width:18%;
}
table.sideRanking .points {
	width:18%;
}
table.sideRanking .team,
table.sideRanking .shouhai {
	text-align:left;
}
table.sideRanking .shouhai {
	width:38%;
}



/* -------------- PAGE TRANSITION  -------------- */
/* Number */
.transitionNum {
	text-align:center;
	padding:10px 0;
	width:100%;
}
.transitionNum li {
	display:inline-block;
	width:50px;
	font-size:14px;
	vertical-align:top;
	margin-right:10px;
}
.transitionNum li i {
	vertical-align:middle;
}
.transitionNum li a,
.transitionNum li strong {
	display:block;
	text-decoration:none;
	border:1px solid #606060;
	line-height:50px;
	font-weight:normal;
	text-align:center;
}
.transitionNum li a i {
	vertical-align:middle;
}
.transitionNum li a {
	color:#333;
}
.transitionNum li a:hover {
	background-color:#f1f1f1;
	color:#666;
}
.transitionNum li strong {
	background-color:#606060;
	color:#fff;
}

/* NEXT and PREVIOUS */
.transition {
	width:70%;
	position:relative;
	text-align:center;
	margin:50px auto 20px auto;
}
.transition li {
	display:inline-block;
	width:30%;
	font-size:14px;
	text-align:center;
}
.transition li.toPrev {
	position:absolute;
	left:0;
}
.transition li.toNext {
	position:absolute;
	right:0;
}
.transition li .fa-list-ul {
	margin-right:5px;
}
.transition li a {
	display:block;
	padding:20px 0;
	border:1px solid #606060;
	text-decoration:none;
	color:#606060;
}
.transition li a:hover {
	background-color:#f1f1f1;
	color:#666;
}
.transition li.toPrev a,
.transition li.toNext a {
	position:relative;
}
.transition li.toPrev a {
	padding-left:6px;
}
.transition li.toPrev a:after {
	content: "\f053";
	font-family:FontAwesome;
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-.8em;
}
.transition li.toNext a {
	padding-right:6px;
}
.transition li.toNext a:after {
	content: "\f054";
	font-family:FontAwesome;
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-.8em;
}

/* -------------- CATEGORY -------------- */
.scoresheetArea {
	padding-bottom:30px;
}
.scoresheet {
	table-layout:fixed;
}
.scoresheet a,
.gameSche a {
	text-decoration:none;
}
.scoresheet a:hover,
.gameSche a:hover {
	text-decoration:underline;
}
.scoresheet th,
.scoresheet td {
	font-size:12px;
	padding:10px 1px;
	text-align:center;
	line-height:1.4;
}
.shouhai {
	width:11%;
}
.rank {
	width:5%;
	font-weight:bold;
}
.points {
	width:5%;
	font-weight:bold;
}
.naname {
	background-color:#bdbdbd;
}
.scoredetail {
	display:block;
	font-size:11px;
	margin-top:5px;
}
p.update {
	color:#8e8e8e;
	text-align:right;
	font-size:14px;
	padding-bottom:10px;
}
/* -------------- MOVIE -------------- */
.movieArea {
	text-align:center;
}

/* -------------- LINK -------------- */
.link .clm .imgtext figure {
	width:60px;
}
.link .clm .imgtext p {
	padding-left:10px;
	line-height:1.3;
}

/* -------------- INQUIRY & ENQUATE -------------- */
.inquiry .main, .enquate .main {
	padding-top:30px;
}
textarea {
	height:10em;
}
.inquiry input {
	vertical-align:middle;
}
.inquiryList {
	border-top:1px dotted #7C7C7C;
	padding-bottom:15px;
	margin-bottom:20px;
}
.inquiryList > li {
	display:table;
	table-layout:fixed;
	width:100%;
	border-bottom:1px dotted #7C7C7C;
}
.inquiryList > li div {
	display:inline-block;
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0;
	}
.inquiryList > li div:first-child {
	width:12em;
	background-color:#eee;
	text-align:center;
}
.inquiryList > li div:nth-child(2) {
	padding:20px 0 20px 20px
}
.inquiryList input {
	width:28em;
}
.inquiryList dt,
.inquiryList dd {
	line-height:2.4em;
}
.enquateList > dt {
	padding: 10px;
	background-color: #eee;
	border-radius: 5px;
	font-weight: bold;
}
.enquateList > dd {
	padding: 10px 10px 40px;
}
.enquateList > dd ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.enquateList > dd ol li {
	list-style-type: none;
}
.enquateList input[type="text"] {
	width:15em;
}
.enquateList label + input[type="text"] {
	margin-left: 10px;
}
.enquateList input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: middle;
}
textarea {
	width:100%;
}
button {
	border:none;
	width:300px;
	margin:0 auto;
}
button:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}

/* -------------- TOP -------------- */
.topslider {
	width:820px;
	margin-bottom:30px;
}
.swiper-slide {
	width:820px;
}
.container .allstarSlide{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.container .allstarSlide .swiper-slide{
	width: 244px!important;
	margin-right: 10px;
}
.container .allstarSlide .swiper-slide a{
	text-decoration:none;
}
.container .allstarSlide .swiper-slide a:hover{
	text-decoration:underline;
	color: #333;
}
.container .allstarSlide .swiper-slide a p{
	color: #333;
}
.container .allstarSlide .swiper-button-next{
	top: 35%;
	right: 5px;
	background-size: 20px 44px;
}
.container .allstarSlide .swiper-button-prev{
	top: 35%;
	left: 5px;
	background-size: 20px 44px;
}
.container .allstarSlide .innerLink{
	margin-top: 25px;
}