@charset "utf-8";
/* CSS Document */

/** http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

*, *:after, *:before { box-sizing: border-box; }

html {height:100%;}
body {color: #11112B;padding: 0;position: relative;height: 100%;font-family:"Roboto","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Yu Gothic", メイリオ, Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, TakaoPゴシック,Helvetica,Arial,sans-serif;}
a {text-decoration: none;color: #11112B;}
a:hover {opacity: 0.7;transition: all .5s ease;}

/*:root {
  --gray: #F7F7F7;
  --darkgray:#B5B5B5;
  --skyblue:#2CA3DD;
  --naby:#0D0D2E;
  --grayblue:#2C3748;
}*/

h1,h2,h3,h4,h5,h6,dt,small {
font-weight: bold;
}
img {max-width: 100%;}

.sp_only {display: none!important;}

#wrap {max-width: 1024px;margin: auto;}

.link_btm a {
padding: 5px;
display: block;
background: #2CA3DD;
color: #fff!important;
font-family:"Roboto";
text-align: center;
}


/*header*/
header {
	width: 100%;
	height: 105px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 1000;
	background: #0D0D2E;
	border-bottom: #2CA3DD 3px solid;
	-moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
header section {
	max-width: 1024px;
	margin: auto;
}
header h1 {
	position: absolute;
	top: 20px;
}
header h1 img {
width: 100%;
-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  }
header a {
	color: #fff;
}

/*header snsnav*/
.extra-nav {
	max-width: 1024px;
	height: 46px;
	margin: auto;
	display: flex;
	justify-content: flex-end;
}
.extra-nav li a {
	padding: 15px;
	color: #fff;
	display: block;
}
.extra-nav li {position: relative;}
.extra-nav li:nth-last-child(2) {width: 78px;}
.extra-nav li:nth-last-child(1) {padding-top: 0;}
.m_tickets a {
	background: #2CA3DD;
	display: block;
}

/*header nav*/
.main-nav {
	max-width: 1024px;
	margin: auto;
	display: flex;
	justify-content: flex-end;
	height: 42px;
}
.main-nav li {
	width: 10%;
	text-align: center;
	align-items: center;
}
.main-nav li a {
	display: block;
	padding: 15px 0;
}
.open_menu:hover {
	border-bottom: 3px solid #2CA3DD;
}
/*下矢印*/
.init-bottom::after {
    width: 6px;
    height: 6px;
	margin: 0px 0px 4px 7px;
    content: '';
    display: inline-block;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.init-bottom:hover::after {
    margin: 0 0 0px 7px;
    border-right: 0;
    border-bottom:0;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*hover nav*/
.menu__second-level{
    width: 100%;
	height: 100px;
    padding:0 10% 0 31%;
	display: flex;
	justify-content: center;
	position: absolute;
    top: 95px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
	background: #2C3748;
}
li.open_menu:hover ul.menu__second-level {
    top: 95px;
    visibility: visible;
    opacity: 1;
}

li.open_menu ul.menu__second-level > li {
    width: 20%;
	display: block;
	text-align: center;
	align-self: center;
}

/*EN*/
.extra-nav .menu__second-level {
	background: #fff;
	padding: 0;
	top: 46px;
	display: block;
}
.extra-nav li.open_menu ul.menu__second-level > li {
width: 100%;
}
.extra-nav li.open_menu:hover ul.menu__second-level {top: 46px;}
.extra-nav .menu__second-level a {color: #000;}

/*スクロールしたらヘッダーを小さくする*/
header.smaller {height: 45px;}
header.smaller h1{top: 5px;}
header.smaller h1 img {width: 50%;}
header.smaller .extra-nav {
display: none;
}
header.smaller li.open_menu:hover ul.menu__second-level {
top: 42px;
}

/*main*/
#top-contents,header + #wrap {
	padding-top: 105px;
}

.breadcrumb + h1 {
	margin: 30px 0;
}

.breadcrumb {
	margin: 40px 0 0;
}
.breadcrumb li {
	display: inline-block;
	font-size: 13px;
}
.breadcrumb li::after {
	content: '>';
	font-size: 11px;
	margin: 0 10px;
}
.breadcrumb li:nth-last-of-type(1)::after {content: ''}

#main-img {
	width: 100%;
	margin: 0;
	position: relative;
}
#main-img img {width: 100%;}

#main-img li {
	position: relative;
}
#main-img a {
	position:absolute;
	top: 62%;
    left: 5%;
    padding: 15px;
	width:100px;
	text-align:center;
	font-weight: bold;
}

.main-footer{
	width: 100%;
	padding: 20px;
	background: #F7F7F7;
}

.main-footer .slider {
	width: 100%;
	margin: auto;
}
.matches-slider {
	display: flex;
	justify-content: center;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	height: 160px;
}
.matches-slider div {
	align-self: center;
}
.matches-slider div:nth-of-type(2) {
	margin: 0 50px;
}
.matches-slider td {
vertical-align: middle;
padding: 10px;
width: 80px;
}
.matches-slider .date {
font-size: 13px;
}
.matches-slider dt {
font-size: 18px;
}
.matches-slider dd {
font-size: 16px;
margin: 10px auto;
}
.matches-slider td img {
width: 100%;
max-width: auto;
}
.s_tickets a {
	width: 70%;
	margin: auto;
	display: block;
	background: #2CA3DD;
	color: #fff;
	padding: 10px;
}

/*contents*/
#wrap {
	max-width: 1024px;
	padding-bottom: 50px;
}
#wrap h1 {
	font-size: 50px;
	line-height: 1;
}
.text {
	font-size: 16px;
	line-height: 1.5;
	margin: 30px 0;
}

.banner_area {
	margin: 30px auto;
	position: relative;
	text-align: center;
}
.banner_area a {
	font-size: 16px;
	color: #fff;
}
.banner_area i {
	position: absolute;
	top: 15px;
	left: 49%;
	font-size: 110px;
}
.banner_area div {
	position: absolute;
	bottom: 20px;
	left: 45%;
	font-weight: bold;
}

.top-news {
	position: relative;
	padding: 50px 0;
}
.top-news-more {
	position: absolute;
	top: 40px;
    right: 20px;
}

/*news*/
.news-list {
	display: flex;
	flex-wrap: wrap;
	padding-top: 50px;
}
.news-list a {
	display: block;
	color: #000;
}
.news-list article {
	width: 31%;
	margin: 0 25px 40px 0;
	line-height: 1.5;
}
.news-list article img {
	width: 100%;
}
.news-list article:nth-of-type(3n) {
	margin-right: 0;
}
.news-list .date {
	font-size: 16px;
	margin: 20px 0;
}
.news-list h3 {
	font-size: 18px;
}
.news-list .news-category {
	margin: 20px 0;
	font-size: 15px;
	color: #2CA3DD;
	font-weight: bold;
}
.news-image iframe {
width: 100%;
height: 570px;
}

.list01 {
width: 100%;
border: 1px solid #0D0D2E;
margin-bottom: 30px;
}
.list01 th,.list01 td {padding: 5px;}
.list01 th {
background: #2C3748;
color: #fff;
font-weight: bold;
}
.list01 th:nth-of-type(n+2),.list01 td:nth-of-type(n+2){
border-left: 1px solid #0D0D2E;
}
.list01 tr:nth-of-type(n+2){
border-top: 1px solid #0D0D2E;
}

.more_btm {width: 30%;margin: 60px auto 20px;}
.more_btm a {
	width: 100%;
	display: block;
	padding: 20px;
	color: #fff;
	background: #404855;
	font-weight: bold;
	text-align: center;
}

.top-sns {
	width: 100%;
	padding: 120px 0;
	background: #F7F7F7;
}
.sns-list {
	max-width: 1024px;
	margin: auto;
	display: flex;
	justify-content: center;
}
.twitter,.fb {width: 500px;}
.twitter {
	margin-right: 30px;
}

#wrap h2 {
	font-size: 32px;
}

.news-contents h2 {
	margin: 60px 0 30px;
}
.news-contents date {
	font-size: 15px;
}
.news-contents a {
	color: #2CA3DD;
	text-decoration: underline;
}
.sns-shere {
	margin: 20px 0 30px;
	display: flex;
}
.sns-shere li {
	width: 36px;
	margin-right: 10px;
	align-self: center;
	text-align: center;
}
.sns-shere li a {
	padding: 10px;
	color: #fff;
	display: block;
}
.sns-shere li:nth-of-type(1) a {
	background: #3A55A0;
}
.sns-shere li:nth-of-type(2) a {
	background: #00ACEE;
}
.sns-shere li:nth-of-type(3) a {
	background: #C32C01;
}

.news-text {
	padding: 20px 0;
	line-height: 1.8;
}
.news-text h3 {
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 18px;
}
.news-text p {
	margin: 10px 0;
	font-size: 15px;
}
/* editor */
.news-text strong { font-weight: bold; }
.news-text em { font-style: italic; }
.news-text blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

.news_list {
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
}
.news_list dt {width: 15%;}
.news_list dd {width: 85%;}

/*media*/
#media {
	padding: 50px 20px;
	background: #F7F7F7;
	text-align: center;
}
#media p {
	margin: 30px 0;
	line-height: 1.5;
}
#media a {
	color: #2CA3DD;
	text-decoration: underline;
}
/*VISION*/
#vision h3 {
	font-size:24px;
}
#vision h3:nth-of-type(n+2) {
	margin-top:50px;
}
#vision section + h3 {
	font-size: 22px;
}
#vision p {
	margin:30px 0;
	font-size:16px;
	line-height: 1.5;
}
#vision section {
	margin-bottom:50px;
	padding: 80px;
	background: #F7F7F7;
}
#vision ul {
	margin:30px 0;
}
#vision li {
	display:inline-block;
	line-height: 1.5;
}
#vision li:nth-of-type(n+2) {
	margin-left:40px;
}
#vision figure {
	margin:50px auto;
	text-align:center;
}

/*TICKETS*/
.csoon {
	margin: 70px auto 50px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

/*ACCESS*/
#access {line-height: 1.5;}
#access img {
	width: 100%;
}
#access p,#access h3 {
	margin: 30px 0;
}
#access iframe {
	width: 100%;
	height: 468px;
	margin: 50px 0;
}
#access .link_btm {
margin: 20px 0;
width: 320px;
}

/*teams*/
.teams {
	width: 100%;
	margin: 30px auto;
}
.teams:nth-of-type(even) a {
    flex-direction: row-reverse;
}
.teams a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	opacity: 1;
}
.teams div {
	width: 50%;
	height: 300px;
		position: relative;
	text-align: center;
}
.teams div.team_image img {
	width: 100%;
}
.teams .logo img {
  width: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
.teams:nth-of-type(1) a {
	background: #A4C6E8;
}
.teams:nth-of-type(2) a {
	background: #B20000;
}
.teams:nth-of-type(3) a {
	background: #1D2651;
}
.teams:nth-of-type(4) a {
	background: #005BAC;
}
/*画像をマウスオーバーしたらボタンを表示する*/
.multibuckets{
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0;
    box-sizing: border-box;
}
.multibuckets:hover {
    opacity: 1;
    transition: all .5s ease;
	background-color: rgba(0,0,0,.4);
}
.btn_area p{
margin-top: 10px;
}
.soldout_item,.buy_item{
	margin-top: 130px;
	margin-left: 43%;
	padding: 10px 15px;
    border: 2px solid #fff;
    font-family: underarmour,sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    transition: all .5s ease;
	text-align: center;
}
.buy_item:hover{
color: #000;
background-color: #fff;
border: solid 2px #fff;
transition: all 0.5s ease;
}
.buy_item a:hover,.buy_item{
color: #fff;
}

/*history*/
#history {
    margin: 40px 0;
    padding: 0;
	width: 100%;
	border-top: 2px solid #D1D1D1;
	border-bottom: 2px solid #D1D1D1;
}

/*ラベル*/
#history .accordion {
    margin: 1.5px 0;
    padding : 25px;
    display: block;
	font-size: 22px;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
}
#history label::before {
    width: 15px;
    height: 15px;
    margin: 0 35px 3px 0;
    content: '';
    display: inline-block;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#history input:checked ~ label::before {
    margin: 0 35px 0 0;
	border-bottom: 0;
	border-right: 0;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*チェックは隠す*/
#history .cssacc {
    display: none;
}

/*中身を非表示にしておく*/
#history .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
#history .cssacc:checked ~ .accshow {
    height: auto;
    opacity: 1;
}

.accshow section {
	width: 100%;
	margin: 20px auto;
	background: #F7F7F7;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.accshow h3 {
	font-size: 22px;
	padding: 50px 0;
}
.accshow p {
	font-size: 15px;
}

#history section .history_list{
margin: 0 auto 10px;
padding-bottom: 50px;
width: 80%;
display: flex;
flex-wrap: wrap;
justify-content: center;
border-bottom: 1px solid #D1D1D1;
}
#history section .history_list div {align-self: center;}
#history section .history_list .team {
display: flex;
width: 42%;
justify-content: center;
}
#history section .history_list .team p {
align-self: center;
}
#history .logo {width: 20%;margin: 0 10px;}
.accshow .score {
	width: 16%;
	color: #2CA3DD;
	font-size: 50px;
	font-weight: bold;
}
.history_list + div {
padding-bottom: 50px;
display: flex;
color: #5D5D5D;
font-size: 14px;
line-height: 1.8;
}
.history_list + div div {
width: 50%;
}
#history section:nth-of-type(4) .history_list + div div {
margin-left: 50%;
}

.winner {
width: 100%;
margin-bottom: 50px;
padding: 30px;
background: #2CA3DD;
color: #fff;
text-align: center;
font-size: 22px;
font-weight: bold;
}
.winner {
padding: 30px 10px;
}
.winner h3 {
	padding: 0!important;
	height: 44px;
}
.winner p {
font-size: 28px;
}

/*partnership*/
#pdf {
	width:100%;
	text-align:center;
}
#pdf object,#pdf iframe {
	width:100%;
	height:700px;
}
#pdf p {
	margin:20px 0;
	text-decoration:underline;
}

/*matches*/

#matches section {
width: 100%;
padding: 10px 0 25px;
border-top: 1px solid #CBCBCB;
position: relative;
font-size: 15px;
font-weight: bold;
}
#matches section:nth-last-of-type(1) {
border-bottom: 1px solid #CBCBCB;
}
#matches h3 {
font-size: 16px;
line-height: 1.5;
position: absolute;
top: 10px;
left: 0;
}
#matches h3 span {
color: #5F5F5F;
font-size: 14px;
font-weight: normal;
}
#matches h3 + p {
margin: 30px auto;
text-align: center;
}
#matches section p + div {
width: 100%;
display: flex;
justify-content: center;
}
#matches section p + div div {
width: 40%;
display: flex;
align-self: center;
}
#matches section p + div div p {
align-self: center;
}
#matches section .logo {
width: 60px;
margin: 0 15px;
}
#matches section p + div div p img {
width: 100%;
}
#matches section p + div div:nth-of-type(1) {
justify-content: flex-end;
}
#matches section .vs {
width: 20%;
color: #2CA3DD;
font-size: 40px;
font-weight: bold;
display: block;
text-align: center;
}
.tickets {
width: 320px;
margin: 30px auto;
}
.tickets a {
width: 100%;
padding: 15px;
display: block;
background: #2C3748;
color: #fff;
text-align: center;
}
#matches section .shot {
width: 49%;
padding: 10px 0px;
display: inline-block;
color: #5D5D5D;
font-size: 14px;
line-height: 1.8;
text-align: center;
vertical-align: top;
}

/*faq*/

/*タブ切り替え全体のスタイル*/
#faq {
margin: 50px auto;
padding-bottom: 40px;
width: 100%;}
/*タブのスタイル*/
.tab_item {
width: 50%;
border-right: 5px solid #fff;
background-color: #B5B5B5;
line-height: 50px;
font-size: 18px;
text-align: center;
color: #fff;
display: block;
float: left;
transition: all 0.2s ease;
}
.tab_item:hover {
opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding: 40px 0 0;
clear: both;
overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#stadium:checked ~ #fa_stadium,
#tickets:checked ~ #fa_tickets{
display: block;
}
/*選択されているタブのスタイルを変える*/
#faq input:checked + .tab_item {
background-color: #2C3748;
}
/*ボックス全体*/
.tab_content_description {
width: 100%;
}

/*ラベル*/
.tab_content_description label {
    margin: 1.5px 0;
    padding : 13px 12px;
	border-top: 1px solid #D1D1D1;
    display: block;
    cursor :pointer;
    transition: all 0.5s;
}
#faq a {
color: #2CA3DD;
text-decoration: underline;
}


/*アイコンを表示*/
.tab_content_description label:before {
    width: 10px;
    height: 10px;
	margin: 0px 20px 4px 7px;
    content: '';
    display: inline-block;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*チェックは隠す*/
.tab_content_description input {
    display: none;
}
/*中身を非表示にしておく*/
.tab_content_description .accshow {
    height: 0;
    padding: 0 20px;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
	padding: 20px 30px;
    height: auto;
    opacity: 1;
	line-height: 2;
}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    margin: 0 20px 0 7px;
    border-right: 0;
    border-bottom:0;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*tickets*/
#ticets section {
padding: 10px 0 20px;
border-top: 1px solid #CBCBCB;
line-height: 1.5;
}
#ticets section:nth-last-of-type(1) {
border-bottom: 1px solid #CBCBCB;
}
#ticets h3 {
font-size: 30px;
margin: 15px 0;
}
#ticets div {
display: flex;
}
#ticets img {
margin-right: 20px;
height: max-content;
}
#ticets dl {
align-self: center;
}
#ticets dt {
font-size: 26px;
margin-bottom: 10px;
}
#ticets .link_btm {
margin: 10px 0;
width: 150px;
display: block;
}
#ticets .link_btm a {
padding: 13px;
}
#ticets dd a {
color: #2CA3DD;
}


/*footer*/
footer {
	width: 100%;
	padding-bottom: 50px;
	bottom: 0;
	color: #fff;
	background: #101024;
	text-align: center;
	font-weight: bold;
}
footer a {
	color: #C9C9C9;
}
footer .sponsor-list {
	width: 100%;
	font-size: 13px;
	color: #C9C9C9;
}
.footer-list {
	max-width: 1024px;
	margin:0 auto 100px;;
	text-align: left;
}
.footer-list:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.footer-list dl {
	width: 20%;
	float: left;
}
.footer-list dt {
	margin: 0 20px 15px 0;
	padding-bottom: 15px;
	border-bottom: #707070 1px solid; 
}
.footer-list dd + dt {
	margin-top: 70px;
}
.footer-list li {
	margin: 20px 0;
}

/*TITLE SPONSOR*/
.sponsor-list {
	padding: 60px 0;
}
.sponsor-list h2 {
	margin: 50px auto;
	padding: 0 55px;
	display: inline-block;
	position: relative;
	font-size: 18px;
}
.sponsor-list h2:nth-last-of-type(1) {
margin: 0 auto 50px;
}
.sponsor-list h2:before,.sponsor-list h2:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #C9C9C9;
}
.sponsor-list h2:before {left:0;}
.sponsor-list h2:after {right: 0;}

.sponsor-list ul {
	margin: 0 auto;
}
.sponsor-list ul:nth-of-type(n+2) {
	margin: 0 auto;
	width: 50%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.sponsor-list ul:nth-of-type(n+2) li {
width: 50%;
text-align: center;
margin-bottom: 70px;
}
.sponsor-list .cllom3 {
width:70%!important;
}
.sponsor-list .cllom3 li {
width: 30%!important;
}

.footer-sns {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 35px 0 70px;
}
.footer-sns li {
	margin-left:60px;
}
.footer-sns li:nth-of-type(1){margin-left: 0;}
.footer-sns li a {
	width: 24px;
    height: 42px;
	padding-top: 13px;
	font-size: 15px;
	display: block;
	position: relative;
	align-self: center;
	border-top: solid 1px #C9C9C9;
	border-bottom: solid 1px #C9C9C9;
}
/*オクタゴン*/
.footer-sns li a:before,
.footer-sns li a:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 30px;
  height: 30px;
  -webkit-transform: scaleX(0.6) rotate(45deg);
  -ms-transform: scaleX(0.6) rotate(45deg);
  transform: scaleX(0.6) rotate(45deg);
  background-color: inherit;
  top: 5px;
}
.footer-sns li a:before {
  right: -15px;
  border-top: solid 1.4142px #C9C9C9;
  border-right: solid 1.4142px #C9C9C9;
}
.footer-sns li a:after {
  left: -15px;
  border-bottom: solid 1.4142px #C9C9C9;
  border-left: solid 1.4142px #C9C9C9;
}

small {
	color: #C9C9C9;
}


@media screen and (max-width: 769px) {
/* 768pxまでの幅の場合に適応される */

/*header*/
header .pc_only {display: none!important;}
header .sp_only {display: block!important;}

header h1 {
width: 7%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); /* Safari用 */
transform: translate(-50%, -50%);
}
header {
	height: 60px;
}
/*スクロールしたらヘッダーを小さくする*/
header.smaller {height: 60px;}
header.smaller h1{top: 50%;}
header.smaller h1 img {width: 100%;}

/*ハンバーガーメニュー*/
.naviToggleSwitch {
	position: absolute;
	top: 20px;
	left: 20px;
}
.naviToggleSwitch span:nth-of-type(1) {
	width: 30px;
	height: 9px;
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative;
}
.naviToggleSwitch span:nth-of-type(2) {
	border-bottom: 1px solid #fff;
	height: 9px;
	display: block;
}

.naviToggleCkbox {
    display: none;
}
.naviToggleTarget {
	transition: .2s ease;
	transform: translateX(-100%);
	position: absolute;
	top: 60px;
}
.naviToggleCkbox:checked ~ .naviToggleTarget {
	display: block;
	transition: .2s ease;
	transform: translateX(0);
}

/*nav*/
#sp_main-nav {
	width: 100%;
	position: absolute;
	top: 60px;
	background: #404856;
	padding-bottom: 10px;
	color: #fff;
	transition: .3s ease-in-out;
}
#sp_main-nav ul {
	width: 100%;
	margin: auto;
	text-align: center;
}
#sp_main-nav li {
	line-height: 2;
	width: 100%;
}
#sp_main-nav li a {
	padding: 8px;
	display: block;
	border-bottom: 1px solid #B5B5B5;
}
#sp_main-nav ul ul {
	width: 100%;
}
.sp_en-nav {
	position: absolute;
	top: 50%;
right: 20px;
-webkit-transform: translate(-50%, -50%); /* Safari用 */
transform: translate(-50%, -50%);
}

/*contents*/
#top-contents,header + #wrap {
	padding-top: 60px;
}
#wrap {
	padding: 0 20px 40px;
}

#wrap h1 {
font-size: 28px;
}

.matches-slider div:nth-of-type(2) {
	margin: 0;
}

.banner_area a {
	color: #11112B;
}
.banner_area i,.banner_area div {
position: static;
display: inline-block;
vertical-align: middle;
}
.banner_area i {
font-size: 23px;
}

/*news*/
.top-news {
padding: 0;
}
.news-list article {
width: 31%;
padding: 0;
margin-right: 25px;
}
.news-list article:nth-of-type(3n) {
margin: 0;
}
.news-contents h2 {
	margin: 30px 0 20px;
	line-height: 1;
}

.news_list {
	margin: 20px 0;
	display: block;
}
.news_list dt,.news_list dd {width: 100%;}
.news-image iframe {height: 440px;}

/*partnership*/
#pdf object,#pdf iframe {
	display:none;
}
	#pdf .sp_only {
		display:block!important;
	}

/*access*/
#access .link_btm {
margin: 20px auto;
}

/*teams*/
.teams a {
	display: block;
	margin-bottom: 20px;
}
.teams div {
	width: 100%;
	height: auto;
	position: static;
}
.teams .logo {padding: 20px 0;}
.teams .logo img {
	width: 30%;
	position: static;
	top: auto;
    left: auto;
	margin: auto;
	transform: none;
}
/*footer*/
footer {
	padding: 30px;
}
.sponsor-list ul:nth-of-type(n+2) {
width: 80%;
}

}/*769px*/

@media screen and (max-width: 480px) {
.sp_only {display: block!important;}
.pc_only {display: none!important;}

header h1 {
width: 14%;
}

#main-img a {
	top:82%;
}

/*試合情報*/
.main-footer {
 padding: 20px;
 padding-right: 0;
}
.matches-slider {
	background: #fff;
	width: 90%;
	padding: 10px;
	height: auto;
}
.sp_slider .slick-list {
  padding: 0 10% 0 0;
}
.matches-slider div {
	width: 40%;
	text-align: left;
}
.matches-slider div + div {
	width: 60%;
	padding-left: 15px;
}
.matches-slider div:nth-of-type(2) {
margin: 0;
}
.matches-slider td {
	width: 40%;
	padding: 0;
}
.matches-slider td img {
max-width: none;
width: 100%;
}
.matches-slider td:nth-of-type(2) {
	width: 15px;
	font-size: 15px;
	padding:0 5px;
}
.matches-slider dt {
	font-size: 14px;
}
.matches-slider dd {
	font-size: 13px;
	margin: 0;
}
.s_tickets a {
	width: 100%;
	color: #2CA3DD;
	background: none;
	padding: 5px 0;
	font-size: 14px;
}

#wrap h2 {
	font-size: 28px;
}

/*news*/
.news-list {
	display: block;
}
.news-list article {
	width: 100%;
	margin-top: 20px;
}
.news-image iframe {height: 200px;}

.more_btm {width: 90%;margin: 20px auto;}

/*history*/
#history .accordion {
padding: 35px 0 35px 50px;
}
#history label::before {
margin: 0 25px -10px -40px;
}
#history input:checked ~ label::before{
margin: 0 25px -17px -40px;
}
.accshow h3 {
padding: 20px;
font-size: 18px;
}
#history section .history_list {
padding-bottom: 20px;
}
#history section .history_list .team {
width: 30%;
}
#history .logo {
width: auto;
margin: 10px;
}
.accshow .score {
width: 40%;
}
.history_list + div {
padding-bottom: 30px;
}
.winner p {
font-size: 18px;
}

/*matches*/
#matches h3 {line-height: 1;font-size: 15px;}
#matches h3 + p {
margin: 0;
position: absolute;
top: 10px;
right: 0;
text-align: right;
}
#matches section p + div {
margin-top: 60px;
}
#matches .sp_only {
margin: 20px auto;
text-align: center;
}
.tickets {
width: 100%;
}
#matches section p + div div {
width: 25%;
}
#matches section .vs {
width: 40%;
}

/*vision*/
#vision section {
	padding:50px 20px;
}
#vision li {
	display:block;
}
#vision li:nth-of-type(n+2) {
	margin-left:0;
}

/*ticets*/
#ticets section {
padding: 10px 0;
}
#ticets div {
display: block;
width: 100%;
}
#ticets h3 {
font-size: 26px;
line-height: 1;
}
#ticets h3.jp {
font-size: 22px;
}
#ticets h3 span {
font-size: 18px;
}

/*footer*/
.sponsor-list h2 {
	color: #fff;
}
.sponsor-list ul:nth-of-type(n+2) {
display: block;
width: 100%!important;
}
.sponsor-list ul:nth-of-type(n+2) li {
width: 100%!important;
margin-bottom: 50px;
}
.footer-list dl {
width: 50%;
margin-bottom: 50px;
}
.footer-list dl:nth-of-type(odd) {
	clear: both;
}
.footer-list {
	margin-bottom: 0;
}

}