@charset "utf-8";
/* COMMON */
article p, p.normal {
	line-height: 1.5;
	margin-bottom: .8em;
}
article section, article .sectionDiv, article div.normal {
	padding-bottom: 1.6em;
}
article figure img {
	max-width: 100%;
	height: auto;
}
article figcaption {font-size:12px; line-height:1.4;}
article small {font-size:12px;}

/* Text */
.alignR {
	text-align: right;
}
.alignC {
	text-align: center;
}
.alignL {
	text-align: left;
}
.valignT {
	vertical-align: top;
}
.valignM {
	vertical-align: middle;
}
.fs12 {
	font-size: 12px !important;
}
.colorRed, b.text.colorRed {
	color:#f00;
}

.w100 {width:25%;}
.w150 {width:30%;}
/* Img */
.imgR {
	float: right;
	max-width:30%;
	height:auto;
    margin: 0 0 5px 5px;
}
.imgL {
	float: left;
	max-width:30%;
	height:auto;
    margin: 0 5px 5px 0;
}
.imgList3 {
	font-size:0;
}
.imgList3 li {
	display:inline-block;
	width:32%;
	margin:0 1% 1% 0;
	font-size:14px;
}
.imgList3 li img {
	max-width:100%;
	height:auto;
}

/* LIST */
dl.normal dt {
	color:#000000;
	font-weight:bold;
	margin-bottom:5px;
}

dl.normal dd {
	margin-left: 15px;
	margin-bottom:10px;
}
dl.normal dd.nomargL {
	margin-left: 0;
	margin-bottom:10px;
}
ul.normal {
	list-style-type: disc;
	padding-left: 2.3em;
	margin-bottom: .8em;
}

ol.normal {
	list-style-type: decimal;
	padding-left: 2.3em;
}

li ul.normal, li ol.normal, ol.normal2, td ul.normal, td ol.normal {
	padding-left: 1.4em;
	}

li, dd {
	margin-bottom: .3em;
}

.about ol.katakanaIroha {
	list-style-type: katakana-iroha;
	margin-left:1em;
}

article .photoList {
	font-size:0;
	text-align:center;
}
article .photoList li {
	display:inline-block;
	width:49%;
	margin:0 .5% 1% 0;
	font-size:10px;
	line-height:1.4;
	vertical-align:top;
}
article .photoList li img {
	max-width:100%;
	margin:0 0 3px 0;
}

/*...20180214*/
li.relation{
	font-size: 12px;
}

/* PAGE NAVI */
.tabNav {
	width: 100%;
	border-bottom: 5px solid #555555;
	text-align: left;
	font-size: 0;
	margin-bottom: 20px;
}
.tabNav li {
	display: inline-block;
	font-size: 10px;
	vertical-align: middle;
	margin: 0 .5% 0 0;
}
.aboutj .tabNav li {width: 19%;}
.aboutj .tabNav li.long {width: 27%;}
.aboutj .tabNav.unit4 li {width: 24%;}
.aboutj .tabNav.unit6 li {width: 16%;}
.licence .tabNav li, .tabNav li.long {width: 32%;}
.tabNav li:last-child {
	margin-right: 0;
}
.construction .tabNav{
	border-bottom: none;
}
.construction .tabNav li{
	width: 50%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-right: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.construction .tabNav li a,
.construction .tabNav li span{
	font-size: 12px;
	padding:8px 0;
}
.construction .tabNav li span{
	color:#ccc;
	background: #eaeaea;
	height: 30px;
	line-height: 30px;
	padding:18px 0 12px;
}
body.construction#twoStage .tabNav li#twoStage a,
body.construction#irekaesen1-2 .tabNav li#irekaesen1-2 a,
body.construction#club .tabNav li#club a,
body.construction#j1 .tabNav li#j1 a,
body.construction#j2 .tabNav li#j2 a,
body.construction#j3 .tabNav li#j3 a,
body.construction#YLC .tabNav li#YLC a,
body.construction#championship .tabNav li#championship a,
body.construction#PO .tabNav li#PO a,
body.construction#irekaesen2-3 .tabNav li#irekaesen2-3 a{
	background-color: #444444;
	color: #ffffff;
}


.tabNav li a, .tabNav li span {
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}
.tabNav li a {
	background-color: #eaeaea;
	color: #333;
}
.tabNav li span, .tabNav li a:hover {
	background-color: #555555;
	color: #ffffff;
}

/*20150914*/
.construction .tabNav li a{
    height: 30px;
    line-height: 30px;
    padding: 15px 0;
}

.construction .tabNav li#championship a{
    line-height: 14px;
	padding: 10px 0 20px;
}


.construction .tabNav li#j1 a,
.construction .tabNav li#j2 a,
.construction .tabNav li#j3 a,
.construction .tabNav li#YLC a,
.construction .tabNav li#PO a,
.construction .tabNav li#irekaesen2-3 a,
.construction .tabNav li#club a
{
    padding: 18px 0 12px 0;
}

/*...20150914*/

.menu-num {
	font-size:0;
	text-align:center;
}
.menu-num li {
	list-style-type: none;
	display: inline-block;
	width:13%;
	margin:0 1% 0 0 ;
	font-size:12px;
}

.menu-num.unit2 li {
	width:44%;
}

.menu-num a {
	display: block;
	width:100%;
	text-decoration: none;
	background-color:#336699;
	color:#fff;
	display: inline-block;
	padding:10px 0;
	text-align:center;
}

.menu-num span {
	display: block;
	width:100%;
	text-decoration: none;
	background-color:#ccc;
	padding:10px 0;
	text-align: center;
}

.menu-num a:hover {
	background-color:#002244;
}

.movearea li {
	display:block;
	width:49%;
}
.movearea .next {
	float:right;
	text-align:right;
}
.movearea .back {
	float:left;
	text-align:left;
}

.header-aboutj img	{
	width:100%;
	max-width: 100%;
	margin-top: -14px;
	}

/* TITLE */
.heavy {
	margin: 0 0 15px;
	padding: 12px 16px;
	color: #ffffff;
	background-color: #444444;
	font-weight:bold;
}
.heavy a {
	float: right;
	color: #fff;
	font-size: 12px;
}
.midium {
	margin: 0 0 15px;
	padding: 5px 0 5px 15px;
	border-left: 5px solid #e60012;
	font-size: 16px;
	font-weight: bold;
}
.regular {
	background-color: #eaeaea;
	color: #333;
	border-radius: 3px;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 12px 16px;
}
.light {
	margin-bottom: 15px;
	padding: 5px 0;
	border-bottom: 1px dotted #aaaaaa;
	font-weight: bold;
}
.light span {
		display: block;
		text-align: right;
		margin: 5px 10px 0 0;
}

b.normal {
	display: block;
	margin: .5em 0;
	padding: .8em 0 .3em 0;
	border-bottom: 2px solid #eaeaea;
}
td b.normal {
	display:inline;
	font-weight:bold;
	color:#000000;
	border:none;}
b.text {
	font-weight:bold;
	color:#000000;
}
strong.normal {
	display: block;
	background-color: #eaeaea;
	color: #333;
	padding: .5em .3em;
	margin-bottom: 0.3em;
}
/* Box border */
.boxBorder.formatA {
	margin-bottom: 1.5em;
	padding: 1em;
	border: 1px solid #aaaaaa;
}
.boxBorder.formatB {
	padding-top: 1em;
	border-top: 1px solid #aaaaaa;
}
/* TABLE */








table.formatA {
	margin: 5px 0 15px;
	border-collapse: collapse;
	/*background-color:#cccccc;*/
	width: 100%;
    word-break: break-all;
}
table.formatA th, table.formatA td {
	padding: 5px;
	border: 1px solid #cccccc;
	font-size: 13px;
}
table.formatA th.noBorder, table.formatA td.noBorder {
	border: none;
}
table.formatA.fs12 th, table.formatA.fs12 td {
	padding: 2px;
	font-size: 10px;
}
table.formatA th {
	background-color: #eeeeee;
}

table.formatB {
	margin: 20px 0;
}

table.formatB td{
	width:21%;
	padding:5px 0;
}



table.fixed {
	table-layout: fixed;
}

table.fixed th.day{
	width: 60px;
}
table.fixed th.kikan{
	width: 61px;
}

/*
table.fixed tr td{
	word-break: break-all;
}

*/








.frame {
	overflow-x: scroll;
	overflow-y: auto;
	width: 100%;
}
table th.bgAaa, table td.bgAaa {
	background-color: #aaaaaa;
}
table th.bgCcc, table td.bgCcc {
	background-color: #cccccc;
}
table th.bgDdd, table td.bgDdd {
	background-color: #dddddd;
}
table th.bg111, table td.bg111 {
	background-color: #333333;
}

table.formatA thead th {
	background-color:#aaa;
	color:#fff;
}
table td.bbNone {
	border-top: none;
	border-bottom: none;
}
table td.btNone {
	border-top: none;
}
.cFff {
	color: #ffffff;
}
.nowrap {white-space:nowrap;}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
.note	{
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #aaaaaa;
	font-size: 14px;
	text-align: center;
}
.ctrl {
	margin: 15px 0 30px;
	font-size: 12px;
}
.ctrl span {
	vertical-align: 2px;
	padding: 0 20px;
	color: #aaaaaa;
}

/* DOCUMENT */
.about.second .document .btnarea {
	display:block;
	margin-top:5px;
	text-align:right;
}
.about.second article.document .boxBorder p {
	margin:0;
}

/* control */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin:15px 0 0 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.update {
	margin-top: 15px;
	padding-bottom: 0;
}

.update .frame {
	width: auto;
	/*height: 150px;*/
	margin: 0 0 15px;
	border: 1px solid #7398c8;
	overflow-x: auto;
	overflow-y: auto;
}
.update strong	{
	display: block;
	padding: 5px;
	color: #ffffff;
	background-color: #5c80ae;
	border-top: 1px solid #7398c8;
	border-right: 1px solid #7398c8;
	border-left: 1px solid #7398c8;
	font-size: 12px;
	font-weight: bold;
}

.update ul	{
	margin: -1px 5px 0;
}

.update li	{
	padding: 5px;
	border-top: 1px dotted #cccccc;
	font-size: 12px !important;
	font-weight: bold;
}

.update li a	{
	font-size: 12px;
	font-weight: bold;
}

.update li .iconNew	{
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 2px 5px;
	color: #ffffff;
	background-color: #ea3a47;
	font-size: 10px !important;
	line-height: 1.0;
	border-radius: 3px;
	vertical-align: 1px;
}

.localNav	{
	margin-top: 10px;
	}

.localNav ul	{
	display: table;
	width: 100%;
	table-layout: fixed;
	}

.localNav li	{
	display: table-cell;
	width: 50%;
	text-align: center;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-size: 12px;
}
.localNav li a	{
	display: block;
	height: 33px;
	line-height: 33px;
	color: #ffffff;
	background-color: #555555;
}
.localNav li b	{
	display: block;
	height: 33px;
	line-height: 33px;
	color: #333333;
	background-color: #eeeeee;
}
.rightlLink {
	position: relative;
	height: 20px;
	margin-bottom: 0;
}
.rightlLink a {
	position: absolute;
	right: 20px;
	top: 0px;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.rightlLink a:after {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: -15px;
	font-family: 'icomoon3';
	content: "\ec600";
	font-size: 9px;
	color: #333;
}
figure.centerIMG {
	text-align: center;
	margin:20px 0;
}
figure.centerIMG img{
	margin:0 auto;
}
#championship figure.centerIMG{
	border-bottom: 1px solid #ddd;
}


table.formatA th.bdR2,
table.formatA td.bdR2 {
	border-left:3px solid #ccc;
}

/*20160518 Stadium Future page12*/
.stadiumpage12 .futurephoto{
	margin-top: 30px;
}
.stadiumpage12 .futurephoto .fs12.phFull img{
	width: 100%;
    max-width: 500px;
}

/*20160617 YLC*/
.construction .tabNav li#YLC a {
    line-height: 16px;
    padding: 14px 0 16px;
}


.videoOneArea {
    background: #000;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0;
}
.videoOneArea iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


.contents{
	margin-top:10px;
}

body.aboutj .contents .tabNav li.nav_aboutj a,
body.jigyou .contents .tabNav li.nav_jigyou a,
body.ichiduke .contents .tabNav li.nav_ichiduke a,
body.soshiki .contents .tabNav li.nav_soshiki a,
body.logo .contents .tabNav li.nav_logo a,
body.construction#j1 .contents .localNav li#nav_j1 a,
body.construction#YLC .contents .localNav li#nav_YLC a,
body.construction#j2 .contents .localNav li#nav_j2 a,
body.construction#j3 .contents .localNav li#nav_j3 a,
body.construction#PO .contents .localNav li#nav_PO a,
body.construction#club .contents .localNav li#nav_club a{
	background:#555555;
	color:#fff;
}


body.construction .contents ul.localNav {
	font-size:0;
	margin-bottom:20px;
}

body.construction .contents .localNav li {
	display:inline-block;
	font-size:12px;
	box-sizing:border-box;
	margin-bottom:0;
	background-color:#eaeaea;
}

body.construction .contents .localNav li:nth-child(even){
	border-right:none;
}


body.construction .contents .localNav li a{
	background-color:#eaeaea;
	color:#333;
}


.x-scroll{
	width:100%;
	overflow-x:scroll;
}

.x-scroll p {
	width:900px;
}

.formatA.donation_table{
	width:900px;
}
.formatA.donation_table th,
.formatA.donation_table td{
	font-size:11px !important;
	text-align: right;
}
.formatA.donation_table tr th:first-child{
	width:150px;
}