@charset "utf-8";

/*--------------------------------------------------------------
	Common
--------------------------------------------------------------*/
html {
	background:#000000;
    height: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: scrollbar;
}
body {
	font: 400 14px/2.0 "Noto Sans JP", sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased;
    height: 100%;
}

a{-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s; text-decoration: none;}


/*responsive PC ===================================================================================*/
@media (min-width: 768px) {
/* Common-class */
h3 {font-size:20px;}
h4 {font-size:16px;}
h5 {font-size:16px;}
h2.pagetitle { font-size:20px; margin:0 0 20px 0;}
.clearfix {width:100%;}
.clearfix:after {content: ""; display: block; clear: both;}
a:link,
a:visited {color:#930;}
a:hover {color:#930;}
.text-link {text-decoration:underline}
.text-highlight {color:#d7232a;}
.img-responsive {margin-left:auto; margin-right:auto;}
.bn-wrap {max-width:750px; margin-left:auto; margin-right:auto;}
.bn-wrap a:link,
.bn-wrap a:visited,
.bn-wrap a:hover { color:#008881}
.box-wrap { margin-left:30px; margin-right:30px;}

/* Btn Set */
a.btn-default {background-color: #d7232a; border-color:#bc2027; color:#FFF;}
a.btn-default:visited {color: #FFF;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {background-color: #bc2027; border-color: #9e181d; color: #FFF;}
input.btn-default {background-color: #d7232a; border-color:#bc2027; color:#FFF}
input.btn-default:hover,
input.btn-default:focus,
input.btn-default:active,
input.btn-default.active,
input[type="submit"].btn-default:hover {background-color: #bc2027; border-color: #9e181d; color: #fff; background-image:none;}
.btn-white {color: #333; background-color: #fff; border-color: #ccc; margin-bottom:10px; margin-right:10px;}
.btn-:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {color: #333; background-color: #ebebeb; border-color: #adadad;}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {background-image: none;}

#scrollUp {bottom: 20px; right: 20px; height: 38px; width: 38px; background: url("../img/totop.png") no-repeat;}
#btn_line {position: fixed; background: #06c755; display: flex; flex-wrap: wrap; width: 90px; height: 110px; bottom: 0; left: 100%; margin: 0 0 0 -120px; padding: 10px; border-radius: 10px 10px 0 0; font-size: 1.2rem; text-align: center; color: #fff;}
#btn_line .l_img{margin-bottom: 8px;}
#btn_line .l_img img{width: 100%;}
#btn_line .l_txt{width: 100%; font-size: 1.1rem; line-height: 1; text-align: center;}
a#btn_line:hover{text-decoration: none;}

/* Common */
.container {width:970px;}
body {min-width: 970px; margin-top:60px}
section {padding:30px 0; overflow: hidden;}
.box-tbl {display:table; table-layout:fixed;}
.box-tbl .cell {display:table-cell}
#sidemenu h6,
#sidemenu h6 a { color:#6e7788; font-weight:bold }

.bread_crumb{width:770px; padding:10px 0 28px;}
#root {font-size:14px; margin:0; padding:0;}
#root ul {margin:-5px 0 15px; padding:0;}
#root li {display:inline;}
#root li a {color:#c00a0a; padding:0px 20px 0px 0px; background:url(../img/arrow.png) no-repeat right center; margin:0px 8px 0px 0px;}
#root .current{display:inline-table; line-height:1.3em; max-width:550px;}

/* SNS */
#sns_share {padding:0;}
#sns_share .box-tbl {width:auto; table-layout:fixed; float:right; margin:-15px 20px 15px 0;}
#sns_share .box-tbl .cell > iframe{margin:0 0 3px 0;}
.sns_line img {width:80px; margin:0 auto;}
.fb_iframe_widget {margin:0 10px 0 0;}
.fb-share-button{}
#sns_share .sns-btnArea{margin:0 auto; width:970px; position:relative;}
#sns_share .share-contents{width: auto !important;}
#sns_share .share-contents .box-tbl{margin:-7px auto 0 !important;}

/* header */
#headtxt{background:#20282e; color: #fff; width: 100%;}
#headtxt h1 {font-size: 1.0rem; line-height: 1.0rem; margin: 0 auto; padding: 8px 5px; width: 935px;}
.navbar-nav{float:right; width:730px; /*width:78%;*/}
.navbar-nav li{border-right:#fff 1px solid; text-align:center; width:18.5%; margin:12px 0;}
.navbar-nav li:first-child{border-left:#fff 1px solid; text-align:center; width:25%;}
.navbar-nav a{margin:-14px 0; padding:22px 0 !important; color:#FFF !important;}
.navbar-nav a:hover{color:#fff !important; background:url(../img/nav_bg_hover.png) repeat-x 0 90% !important;}
.navbar-nav .none_link{margin:-14px 0; padding:22px 0 !important; color:#3a3333;}
.navbar-brand > img {display:inline-block; }
.navbar-default {background:url(../img/nav_bg.gif) repeat-x;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 1px 0 #222 inset;
border-bottom:none;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{ background:url(../img/nav_bg_hover.png) repeat-x 0 90% !important; color:#d7232a; font-weight:bold;}
.navbar-brand img { height:35px;}
.navbar-brand {height:60px; margin:-3px 0 0 -5px !important;}

/* footer */
footer { background:#000000; padding:20px 0; min-height:180px; color:#999}
footer a:link,
footer a:visited { color:#F3F3F3;}
ul.support {padding:0; width:610px; margin:0 auto 10px; text-align:center;}
ul.support li {list-style:none; padding:10px 10px; display:inline-block;}
ul.support li img {height:55px; opacity:0.8}


/********* トップページ *********/
.containerMain{width: 100%; height: calc(70vh - 85px); background: url(../img/body_bg_image.jpg) no-repeat 50% 50%; background-size: cover; padding: 0; border-bottom: 5px solid #e0e0e0; position: relative;}
section#main{padding:0; background:#a50100;}
#topbnr {width: 50%; min-width: 930px; position: absolute; top: 50%; left: 50%;margin: -190px 0 0 -465px;}
#topbnr .slick-dotted.slick-slider {margin-bottom: 0;}

section#outline_cont .inner { margin-left:15px; margin-right:15px}

section#catch .catchArea{width:100%;}
section#catch .catchArea .catchArea-logo{float:left; width:25%; margin:0;}
section#catch .catchArea .catchArea-txt{float:left; width:75%;}
section#catch .catchArea .catchArea-txt .outline_link{float:left; width:75%;}
section#catch .catchArea .catchArea-txt .catch-txt{margin:-10px 0 15px;}
section#catch .catchArea .outline_link{float:left; width:75%;}
section#catch .catchArea .outline_link .btn-catch{display:block; font-size:22px; font-weight:bold; margin: 0 auto; padding: 10px 0; width: 660px;}

section#news{border-top:5px solid #e0e0e0; border-bottom:5px solid #e0e0e0; background:#fafafa;}
section#news h4{background:url(../img/title_bg_01.gif) repeat; border-bottom: 1px dotted #d7232a; border-radius: 5px 5px 0 0; color: #fff; font-size: 20px; margin: 0; padding: 5px 0 10px; font-weight: bold;}

section#news .bookArea {width: 935px; margin: 0 auto 30px; border-radius: 5px 5px 0 0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); position: relative;}
section#news .bookArea .bookList{background: #fbfbfb; padding: 20px;}
section#news .bookArea .bookList p{margin: 0 0 15px; padding: 0 0 5px; border-bottom: 1px dotted #dedede;}
section#news .bookArea .bookList ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;}
section#news .bookArea .bookList li{width: 32%; margin: 0.5% 0.5%}
section#news .bookArea .bookList li a{display: block; text-align: center; color: #fff; text-decoration: none; background: #cd2020; border: 1px solid #8c0303; border-radius: 6px; padding: 10px; margin: 0; font-size: 16px; position: relative;}
section#news .bookArea .bookList li a .glyphicon{color: #fff; font-size: 15px; position: absolute; right: -85%; top: 30%; padding: 0;}
section#news .bookArea .bookList li a:hover{color: #cd2020; background: #fff; border: 1px solid #cd2020; text-decoration: none;}
section#news .bookArea .bookList li a:hover .glyphicon{color: #cd2020;}

section#news .glyphicon{color: #ffffff; font-size: 24px; left: 10px; top: 5px; padding: 0 12px 0 0;}
section#news .newsArea{width:935px; margin:10px auto; border-radius:5px 5px 0 0; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3); position:relative;}
section#news .newsArea .newsList{position:absolute; top:15px; right:15px; font-size:14px; font-weight:normal;}
section#news .newsArea .newsList .glyphicon{color: #ffffff; font-size:14px; left:10px; top:2.5px; padding:0 10px 0 0;}
section#news .newsArea .newsList a{color:#FFF; text-decoration:none;}
section#news .newsArea .newsList a:hover{text-decoration:underline;}
section#news .newsArea .newsEntry{ background:#fbfbfb; padding:0; margin: 0;}
section#news .newsArea .newsEntry p{margin:0;}
section#news .newsArea .newsEntry .listItem{border-bottom:1px dotted #dddddd; margin: 0; padding:15px; list-style:none;}
section#news .newsArea .newsEntry .listItem:last-child{border-bottom:none; margin: 0; padding:10px 15px; list-style:none;}
section#news .newsArea .newsEntry .txtWrap{display: block; margin-bottom:0;}
section#news .newsArea .newsEntry .date{display:list-item; font-weight:bold; list-style:disc; margin:0 0 5px 15px; text-align:left;}
section#news .newsArea .newsEntry .listItem_txt{margin:0 0 0 15px;}

section#entry_team {background-color:#d7232a; border-bottom:5px solid #af1c22;}
section#entry_team table{background:#ffffff}
section#entry_team th{background:#F7F7F7; min-width: 140px; text-align: center; vertical-align: middle;}
section#entry_team h2 {background-color:rgba(0,0,0,0.2); padding: 10px; font-size:16px; color:#ffffff; text-align:center; border-radius:5px;}
section#entry_team .list-league { margin-bottom:-10px; margin-right:-10px;}
section#entry_team .list-league ul{list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
section#entry_team .list-league ul > li{margin: 0 5px 12px;}
section#entry_team .list-league a{min-width: 145px; margin: 0; border-color: #930; transition: 0.3s;}
section#entry_team .list-league a:hover{background: #d7232a; color: #fff;}
section#entry_team .list-league a:focus,
section#entry_team .list-league a:active {color: #930; background-color: #fff; border-color: #930;}
section#entry_team .entryArea_bana{text-align:center;}
section#entry_team .entryArea_bana p{font-size: 1.15rem; margin-top: 0;}
section#entry_team .list-league .noLink{min-width: 103px; color: #999;}


/********* NEWS *********/
section#news_archive {background:#fafafa;}
section#news_archive h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 8px 10px; margin: 25px auto 20px;}
section#news_archive h4{background:url(../img/title_bg_01.gif) repeat; border-bottom: 1px dotted #d7232a; border-radius: 5px 5px 0 0; color: #fff; font-size: 22px; margin:0; padding: 0 0 10px; font-weight:bold;}
section#news_archive p{margin:0; padding:0;}
section#news_archive .glyphicon{color: #ffffff; font-size:34px; left:10px; top:10px; padding:0 10px 0 0;}
section#news_archive .newsArea{width:935px; margin:0 auto; border-radius:5px 5px 0 0; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3); position:relative;}
section#news_archive .newsArea .newsList{position:absolute; top:15px; right:15px; font-size:14px; font-weight:normal;}
section#news_archive .newsArea .newsList .glyphicon{color: #ffffff; font-size:14px; left:10px; top:2.5px; padding:0 10px 0 0;}
section#news_archive .newsArea .newsList a{color:#FFF; text-decoration:none;}
section#news_archive .newsArea .newsList a:hover{text-decoration:underline;}
section#news_archive .newsArea .newsEntry{ background:#fbfbfb; padding:0;}
section#news_archive .newsArea .newsEntry p{margin:0;}
section#news_archive .newsArea .newsEntry .listItem{border-bottom:1px dotted #dddddd; margin: 0; padding:15px; list-style:none;}
section#news_archive .newsArea .newsEntry .listItem:last-child{border-bottom:none; margin: 0; padding:10px 15px; list-style:none;}
section#news_archive .newsArea .newsEntry .txtWrap{display: block; margin-bottom:0;}
section#news_archive .newsArea .newsEntry .date{display:list-item; font-weight:bold; list-style:disc; margin:0 0 5px 15px; text-align:left;}
section#news_archive .newsArea .newsEntry .listItem_txt{margin:0 0 0 15px;}
section#news_archive .newsPager{width: 100%; text-align: center; margin: 2% 0 0;}
section#news_archive .newsPager a{color: #333;}
section#news_archive .newsPager a:hover{text-decoration: none;}
section#news_archive .newsPager .page-numbers{display: inline-block; border: 1px solid #dddddd; padding: 10px; font-size: 16px;}
section#news_archive .newsPager .current{font-weight: 700; color: #993300;}


/********* NEWS - Information *********/
section#NewsInformation {background:#fafafa;}
section#NewsInformation h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 10px; margin: 25px auto 20px;}
section#NewsInformation h4{border-bottom: 3px solid #525252; font-size: 20px; font-weight: bold; margin: 0 0 15px; padding: 10px 0;}
section#NewsInformation .InfoBox{box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); margin: -20px 0 20px 0; padding: 3%;}
section#NewsInformation .InfoBox .Box{margin: 0 0 3%;}
section#NewsInformation .InfoBox .Box li{margin: 0 0 15px -15px;}
section#NewsInformation .InfoBox .linkArea li{list-style: none;}


/********* Information *********/
section#information { background:#20282e; color:#F5F5F5; padding: 25px 0;}
section#information .box-tbl {width:200px; margin:0 auto; table-layout:fixed}
section#information .box-tbl .cell > iframe{margin:2px 0 -6px 0;}
section#information .btn-handicap{}
section#information .btn-handicap p{font-weight: bold;padding:10px 0 5px 0; text-align:center; font-size:15px;}
section#information .contactArea{width: 85%; border: 2px solid #666; padding: 20px; margin: 0 auto;}
section#information .contactArea h3{background: #666; font-size: 1.7rem; font-weight: 600; margin: -20px -20px 20px; padding: 10px; text-align: center;}
section#information .contactArea p{text-align: center; font-size: 1.4rem; margin: 0;}
section#information .contactArea p a{max-width: 340px; width: 90%; font-size: 1.6rem; padding: 10px; margin: 12px 0;}


/********* One Leagueについて *********/
section#outline {background:#fafafa;}
section#outline .outline_main_image{width:100%; height:auto; margin:0 auto 30px;}
section#outline .outline_stage_image{width:100%; height:auto; margin:0 auto 20px;}
section#outline h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 8px 10px; margin: 20px auto;}
section#outline h4{font-size:20px; font-weight:bold; color:#7498e2;}
section#outline h5{font-weight:bold;}
section#outline .inner { margin-bottom:30px;}
section#outline .stage_list{}
section#outline .stage_list ul{margin-left:-20px;}
section#outline .stage_list li{font-size: 16px; margin-bottom: 5px;}
section#outline .flow_image{margin:25px 0 10px;}
section#outline .flow_image p{margin:5px 0;}
section#outline .flow_image ul li{list-style:none;}
section#outline .flow_image ul{padding:0;}
section#outline .flow_image li{float:left; margin:0 20px 0 0;}
section#outline .flow_image li:last-child{float:left; margin:0;}
section#outline .card_image{float: left; margin: 0 0 0 3%; width: 37%;}
section#outline .card_image p{margin:5px 0; color: #bc2027; font-size: 18px; font-weight: bold; text-align:center;}
section#outline .card_image ul li{list-style:none;}
section#outline .card_image ul{padding:0;}
section#outline .card_image li{float:left; margin:0 10px 0 0;}
section#outline .card_image li:last-child{float:left; margin:0;}
section#outline .card_detail {float: left; margin: 5% 0; width: 60%;}
section#outline .card_detail .notice{border: 1px solid #ff0000; color: #ff0000; font-weight: bold; padding: 5px;}
section#outline .card_detail .notice span{font-weight: normal;}
section#outline .guide{margin: 0 auto; width:100%;}
section#outline .box{ border: 3px solid #9b0000; border-radius: 5px; float: left; height:auto; margin:0 1.5% 0 0; padding:0; width:32.33%;}
section#outline .box:last-child{border: 3px solid #9b0000; border-radius: 5px; float: left; height:auto; margin:0; padding:0; width:32.33%;}
section#outline .guide .box a {background:#d7232a; color: #fff; text-align: center; display:block;}
section#outline .guide .box a:hover {background:#bc2027; text-decoration:none; display:block;}
section#outline .box .box_font1{display: block; float: left; font-size: 60px; line-height: 40px; margin: 12px -15px 0 15px;}
section#outline .box .box_font2{display: block; float: none; font-size: 14px; line-height: 30px;}
section#outline .box .box_font3{display: block; float: none; font-size: 30px; line-height: 24px;}
section#outline .box .box_font4{color: #000; display: block; float: none; font-size: 14px; line-height: 32px;}


/********* Q&A *********/
section#faq {background:#fafafa;}
section#faq h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 10px; margin: 25px auto 20px;}
section#faq h4{background: #eeeeee; border-top: 7px solid #525252; font-size: 18px; font-weight: bold; margin:25px 0; padding: 8px 10px;}
section#faq h5{background:url(../img/title_bg_02.gif) repeat; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 15px; padding: 10px;}
section#faq .faq_outline{margin:0 0 10px;}
section#faq #side_menu{border:5px solid #525252; padding:10px; width:100%; border-radius:5px;}
section#faq #side_menu h6{}
section#faq #side_menu h6 a{background: #eee none repeat scroll 0 0; border-bottom: 1px dotted #000; color: #333; display: block; font-size: 16px; margin: -20px -10px 0; padding: 10px;}
section#faq #side_menu h6 a:hover{background:#eee none repeat scroll 0 0; border-bottom: 1px dotted #000; color: #333; text-decoration:none;}
section#faq #side_menu ol{margin:0 0 30px -15px;}
section#faq #side_menu ul{margin:0 0 30px -20px;}
section#faq #side_menu ul:last-child{margin:0 0 0 -20px;}
section#faq .inner{line-height: 1.7em; margin: 0 0 30px;}
section#faq .inner dl{margin:0 auto 3%; padding:0; width:98%;}
section#faq .inner dt{margin:0; float:left;}
section#faq .inner dd{margin:0; float:left; max-width:890px; min-width:880px;}
section#faq table.table-bordered th {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;}
section#faq .faq_scBtn{background:url(../img/title_bg_03.gif) repeat; border-top: 7px solid #525252; margin: 20px 0; padding:10px 15px;}
section#faq .faq_scBtn ul li{list-style:none;}
section#faq .faq_scBtn ul{margin:0; padding:0;}
section#faq .faq_scBtn li{float:left; margin:0 1% 0 0;}
section#faq .faq_scBtn li:last-child{float:left; margin:0 0 0 0;}
section#faq .faq_scBtn .btn-default{margin:5px; width:285px;}


/********* 規約・ルールブック *********/
section#rulebook {background:#fafafa;}
section#rulebook h3:first-child{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 10px; margin: 25px auto 20px;}
section#rulebook h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 10px; margin: 25px auto 20px;}
section#rulebook h4{background: #eeeeee; border-top: 7px solid #525252; font-size: 18px; font-weight: bold; margin: 0 0 15px; padding: 10px;}
section#rulebook h5{background:url(../img/title_bg_02.gif) repeat; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 15px; padding: 10px;}
section#rulebook .rule_outline{margin:0 0 20px;}
section#rulebook #side_menu{border:5px solid #525252; padding:10px; width:100%; border-radius:5px;}
section#rulebook #side_menu h6{}
section#rulebook #side_menu h6 a{background: #eee none repeat scroll 0 0; border-bottom: 1px dotted #000; color: #333; display: block; font-size: 16px; margin: -20px -10px 0; padding: 10px;}
section#rulebook #side_menu h6 a:hover{background:#eee none repeat scroll 0 0; border-bottom: 1px dotted #000; color: #333; text-decoration:none;}
section#rulebook #side_menu ol{margin:0 0 30px -15px;}
section#rulebook #side_menu ul{margin:0 0 30px -20px;}
section#rulebook #side_menu ul:last-child{margin:0 0 0 -20px;}
section#rulebook .inner{line-height: 1.7em; margin: 0 0 30px;}
section#rulebook table.table-bordered th {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;}


/********* ランキング *********/
section#rank {background:#fafafa;}
section#rank h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 10px; margin: 25px auto 20px;}

section#rank .outline{margin:0 0 20px;}
section#rank .outline .call{width:100%; background:#fdf4e4; border:#f39800 2px solid; border-radius: 10px; padding: 10px; margin:0 0 -25px;}
section#rank .outline .call p{font-size:12px; margin:0 0 5px;}
section#rank .outline .call ul{margin: 0 0 0 15px; padding:0;}
section#rank .outline .call li{color:#db0f17; font-size:12px; margin:0 0 3px; padding:0; font-weight:bold;}
section#rank .outline .call li:last-child{margin:0;}

section#rank .point_outline{ background:url(../img/rank_bg.gif) repeat; margin:0 0 30px; padding:20px}
section#rank .point_outline table{width:100%; border:#b0b0b0 1px solid; margin:0 auto; padding:0;}
section#rank .point_outline th{background:url(../img/title_bg_02.gif) repeat; color:#fff; font-weight:bold; font-size:16px; padding:10px 15px;}
section#rank .point_outline td{background:#fafafa; padding:10px 15px; border: 1px solid #ccc; font-weight:bold;}
section#rank .point_outline td:nth-child(even){width:20%; text-align:center;}
section#rank .point_outline .point_outline_notice{font-size: 12px; margin:1% 0 0;}
section#rank .point_outline .point_outline_notice ul{margin: 3px 0 3px 15px; padding: 0;}
section#rank .point_outline .point_outline_notice li{}
section#rank .year_ranking{}
section#rank .year_ranking .update{margin:-10px 0 10px; text-align: right;}
section#rank .year_ranking .ranking_table{margin:0 0 30px;}
section#rank .year_ranking .ranking_table dl{margin:0; padding:0;}
section#rank .year_ranking .ranking_table dt{border-bottom: 1px dotted #ccc; font-weight: bold; margin: 0 0 5px; padding: 0 0 3px;}
section#rank .year_ranking .ranking_table dd{margin:0; padding:0;}
section#rank .year_ranking .ranking_table table{width:100%; border:#b0b0b0 1px solid; margin:0 auto; padding:0;}
section#rank .year_ranking .ranking_table tbody tr.border{border-top:#cc0000 3px solid;}
section#rank .year_ranking .ranking_table tbody tr:nth-child(even) {background-color:#f4f4f4;}
section#rank .year_ranking .ranking_table tbody tr:nth-child(odd) {background-color:#fafafa;}
section#rank .year_ranking .ranking_table th{background:url(../img/title_bg_02.gif) repeat; color:#fff; font-weight:bold; font-size:16px; padding:10px 15px; text-align:center; border-right:#fafafa 1px solid;}
section#rank .year_ranking .ranking_table th:last-child{ border-right:none;}
section#rank .year_ranking .ranking_table td{padding:10px 15px; border: 1px solid #ccc;}
section#rank .year_ranking .ranking_table td.top{color:#cc0000; font-size:16px;}
section#rank .year_ranking .ranking_table td.rank{width:10%; font-weight:bold; text-align:center;}
section#rank .year_ranking .ranking_table td.team{width:70%;}
section#rank .year_ranking .ranking_table td.point{width: 20%; font-size: 24px; text-align: center; }

/********* エリアコンテンツ *********/
section#oneleague-area{padding: 0;}
#maintitle{width: 100%; padding: 2rem 0; text-align: center; background: #f0f0f0; border-bottom: solid 1px #ddd;}
#maintitle h2{font-family: 'Oswald', sans-serif; font-weight: normal; letter-spacing: 4px; font-size: 4.8rem; line-height: 1.25em;}
#maintitle p{font-size: 16px;}

/********* ステージリザルト *********/
section#result {background:#fafafa;}
section#result .bread_crumb{width:770px; padding:10px 0 28px;}
section#result #root {font-size:14px; margin:0; padding:0;}
section#result #root ul {margin:0 0 15px; padding:0;}
section#result #root li {display:inline;}
section#result #root li a {color:#c00a0a; padding:0px 20px 0px 0px; background:url(../img/arrow.png) no-repeat right center; margin:0px 8px 0px 0px;}
section#result #root .current{display:inline-table; line-height:1.3em; max-width:550px;}

section#result h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 10px; margin: 25px auto 20px;}
section#result .tournament_area{margin:4% 0 2%;}
section#result .result_area{border-radius:5px; padding:15px;}

section#result .resut_1st{background:url(../img/result_1st_bg.gif) repeat; width:100%; margin:0 auto; position:relative; overflow: hidden;}
section#result .resut_1st .ribbon {background:#ed5c1d; border-bottom:1px solid rgba(0, 0, 0, 0.5); font-size:22px; font-weight:bold; color:#FFF;left:-75px; padding:8px 0; position:absolute; text-align:center; top:30px; width:300px; z-index:1; text-shadow: 1px 1px 0 #000000; transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);}
section#result .resut_1st .photo_area{float:left; margin: 0 2.5% 0 0; width: 60%;}
section#result .resut_1st .result_detail{float:left; width:37.5%; text-align:center;}
section#result .resut_1st .result_detail h4{color:#FFF;font-size:30px; font-weight:bold; text-shadow: 1px 1px 0 #000000; margin:0;}
section#result .resut_1st .result_detail p{color:#FFF; font-size:20px; text-shadow: 1px 1px 0 #000000; margin:0;}
section#result .resut_1st .result_detail .result_prize{margin:20px 0;}

section#result .resut_2nd{background:url(../img/result_2nd_bg.gif) repeat; width:85%; margin:25px auto; position:relative; overflow: hidden;}
section#result .resut_2nd .ribbon {background:#ed5c1d; border-bottom:1px solid rgba(0, 0, 0, 0.5); font-size:22px; font-weight:bold; color:#FFF;left:-75px; padding:8px 0; position:absolute; text-align:center; top:30px; width:300px; z-index:1; text-shadow: 1px 1px 0 #000000; transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);}
section#result .resut_2nd .photo_area{float:left; margin:0 6.5% 0 0; width:59%;}
section#result .resut_2nd .result_detail{float:left; width:30%; text-align:center;}
section#result .resut_2nd .result_detail h4{color:#FFF;font-size:30px; font-weight:bold; text-shadow: 1px 1px 0 #000000; margin:0;}
section#result .resut_2nd .result_detail p{color:#FFF; font-size:20px; text-shadow: 1px 1px 0 #000000; margin:0;}
section#result .resut_2nd .result_detail .result_prize{margin:0 0 10px;}

section#result .result_multiple{width:90%; margin:0 auto 30px;}
section#result .resut_3rd{background:url(../img/result_3rd_bg.gif) repeat; float: left; margin:0 3% 0 0; width:48.5%; height:340px; position:relative; overflow: hidden;}
section#result .resut_3rd .ribbon {background:#ed5c1d; border-bottom:1px solid rgba(0, 0, 0, 0.5); font-size:16px; font-weight:bold; color:#FFF;left:-85px; padding:7px 0; position:absolute; text-align:center; top:30px; width:300px; z-index:1; text-shadow: 1px 1px 0 #000000; transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);}
section#result .resut_3rd:last-child{margin: 0;}
section#result .resut_3rd .photo_area{float: none; margin: 0; width: 100%;}
section#result .resut_3rd .result_detail{display: table; margin: 15px auto 0; text-align: center;}
section#result .resut_3rd .result_detail h4{color:#FFF;font-size:20px; font-weight:bold; text-shadow: 1px 1px 0 #000000; margin:0 0 5px;}
section#result .resut_3rd .result_detail p{color:#FFF; font-size:14px; text-shadow: 1px 1px 0 #000000; margin:0;}
section#result .resut_3rd .result_detail .result_prize{display: table-cell; vertical-align: middle; padding-right: 10px;}
section#result .resut_3rd .result_detail .result_name{display: table-cell; vertical-align: middle;}

section#result .image_list{margin:0; padding:0; width:100%;}
section#result .image_list ul{clear: both; display: block; margin: 0; padding: 0;}
section#result .image_list li{float: left; list-style-type: none; margin:0 15px 15px 0;}
section#result .image_list li:last-child{float: left; list-style-type: none; margin:0 0 15px 0;}
section#result .image_list img{width:176px;}
section#result .notice{margin: -5px 0 10px; text-align: right;}


/*** ステージリザルト 年間一覧 ***/
section#result .stageyear-result{float: left; margin: 0 1% 0 0; width: 32.5%;}
section#result .stageyear-result:last-child{margin:0;}
section#result .stageyear-result a{display:block; text-decoration:none; font-size: 11px; font-weight: bold; list-style:none; line-height: 1; margin: 0; padding: 0;}
section#result .stageyear-result a:hover{ text-decoration:underline;}
section#result .stageyear-result .glyphicon{}
section#result .stageyear-result .result_list{}
section#result .stageyear-result .result_list ul{margin:0; padding:0;}
section#result .stageyear-result .result_list li{list-style:none; margin:0; padding:0; text-align: center;}
section#result .stageyear-result .result_list .result_image{ margin: 0 auto 3%}
section#result .stageyear-result .result_list .result_text{}
section#result .gf_banner{margin: 25px 0 0;}
section#result .gf_banner .result_image{ margin: 0 auto 1%}
section#result .gf_banner .result_text{ text-align: center;}
section#result .gf_banner a{display:block; text-decoration:none; font-size: 11px; font-weight: bold; list-style:none; line-height: 1; margin: 0; padding: 0;}
section#result .gf_banner a:hover{ text-decoration:underline;}


/*** リザルトアーカイブ ***/
section#result .stageyear-list {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; list-style: none; font-size: 1.8rem; line-height: 1.0em; margin: 0; padding: 0;}
section#result .stageyear-list li {width: 25%; display: block; margin: 1rem 0;}
section#result .stageyear-list li a {color:#c00a0a; padding:0 0 0 20px; background:url(../img/arrow_result.png) no-repeat left center; margin:0 0 0 5px;}
section#result .stageyear-list .current{display:inline-table; line-height:1.3em; max-width:550px;}


/********* お問い合わせ *********/
section#contact {background:#fafafa;}
section#contact h3{background:url(../img/title_bg_01.gif) repeat; border-top:5px solid #cd2020; color: #fff; font-size: 24px; font-weight: bold; padding: 8px 10px; margin: 20px auto;}
section#contact h4{font-weight:normal; margin: 0 0 10px;}
section#contact p{margin: 0 0 20px;}
section#contact .text-danger{color:#d7232a; font-size: 13px;}
section#contact .form_subject{display: none;}
section#contact .office_info p{font-size: 18px; font-weight: bold; margin: 0 0 5px !important;}
span.wpcf7-not-valid-tip-no-ajax, .wpcf7-not-valid-tip {color: #d7232a !important; display: block; margin: 5px 0 0; font-size: 14px !important;}
input.wpcf7-not-valid, textarea.wpcf7-not-valid {border: 1px solid #A94442;}
div.wpcf7-validation-errors {padding: 1em 0; text-align: center;}
div.wpcf7 .wpcf7-submit{width: 60%; margin: 0 auto;}
div.wpcf7 .wpcf7-submit:disabled{background: #999;}
div.wpcf7-validation-errors {border: 1px solid rgba(0, 0, 0, 0)  !important; border-radius: 4px; margin-bottom: 20px; padding: 15px; background-color: #F2DEDE; border-color: #EBCCD1 !important; color: #A94442;}
div.wpcf7 .ajax-loader.is-active{display: inline-block;}
div.wpcf7 .ajax-loader{margin: 20px 0 0 0; display: none;}
div.wpcf7-response-output{margin:15px auto 0 !important; padding: 0.7em 1em; width: 60%;}
.wpcf7-list-item:nth-child(odd) {margin: 0 !important;}
.wpcf7-list-item:nth-child(even) {margin: 0 0 0 1em !important;}
.wpcf7-date{width: 30%;}
section#contact .notice h3{background: none; color: #333; font-size: 16px; border: none; margin: 0 0 10px; padding: 0;}
section#contact .notice ul:first-of-type{margin: 0 0 0 15px;}
section#contact .notice ul{margin: 0 0 0 30px; padding: 0; font-size: 13px;}
section#contact .notice li{margin: 0 0 8px; list-style: none;}
section#contact .notice ul:first-of-type li:before {content: "●";}
section#contact .notice ul li:before {content: "－"; margin-left: -1em;}


/********* 申請フォーム *********/
section#contact .add_form .entryBox .wpcf7-textarea{height: 120px;}
section#contact .add_form .entryBox span.wpcf7-list-item-label{font-weight: normal;margin-left: 5px; display: inline-block;}
section#contact .add_form .entryBox h4{background: url(../img/title_bg_02.gif) repeat; border-radius: 5px; color: #fff; font-size: 18px; font-weight: normal; margin: 0 0 30px; padding: 10px;}
section#contact .add_form .entryBox h5{margin: 0 0 10px;}
section#contact .add_form .entryBox h5 span.sub{content: ""; background: #d7232a; width: 5px; height: 20px; display: inline-block; margin: 0 5px 3px 0; vertical-align: middle;}
section#contact .add_form .entryBox p{margin: 0 0 25px;}
section#contact .add_form .entryBox span.example{font-size: 12px;}
section#contact .add_form .entryBox span.addTitle{font-size: 18px;}
section#contact .add_form .entryBox span.addTitle i{background: #525252; width: 6px; height: 24px; display: inline-block; margin: 0 5px -5px 0;}
section#contact .add_form .entryBox .agreement{border: solid 1px #ccc; width: 100%; height: 140px; background: #fff; padding: 1em; overflow: auto; font-size: 14px; margin: 0 0 15px;}
section#contact .add_form .entryBox .agreement h4{background: none; border-bottom: 1px solid #333; color: #333; margin: 0 0 12px; text-align: center; font-size: 20px; padding: 10px 0; border-radius: 0;}
section#contact .add_form .entryBox .agreement p{margin: 0;}
section#contact .add_form .entryBox .agreement a{color: #cd2020;}
section#contact .add_form .entryBox .consent{width: 100%; text-align: center; margin: 0;}
section#contact .add_form .entryBox .consent h5{font-size: 17px;}
section#contact .add_form .entryBox .labelBox{margin: 15px 0;}
section#contact .add_form .entryBox .labelBox span{font-size: 18px; font-weight: normal; display: inline-block;}
section#contact .add_form .entryBox .guestBox{border: 1px solid #eee; padding: 20px 20px 0; margin: 0 0 20px;}
section#contact .add_form .entryBox .guestBox h4{font-size: 14px; font-weight: 700; margin: -20px -20px 20px; padding: 10px; border-radius: 0;}
section#contact .add_form .entryBox .appPartition{}
section#contact .add_form .entryBox .appPartition .wpcf7-radio .wpcf7-list-item {margin: 0 !important; display: block;}
section#contact .add_form .entryBox .appPartition .labelBox{margin: 10px 0;}
section#contact .add_form .entryBox .gameBox{border: 1px solid #eee; padding: 20px 20px 0; margin: 0 0 20px;}
section#contact .add_form .entryBox .gameBox h4{font-size: 14px; font-weight: 700; margin: -20px -20px 20px; padding: 10px; border-radius: 0;}
section#contact .add_form .entryBox .gameBox ul{list-style: none; margin: 0; padding: 0;}
section#contact .add_form .entryBox .gameBox li{display: inline-block; margin: 0 1% 0 0; width: 49%;}
section#contact .add_form .entryBox .gameBox li:last-child{margin: 0; width: 49%;}
section#contact .add_form .entryBox .statsTtl{margin-bottom: 20px;}
section#contact .add_form .entryBox .statsTtl h5::before{content: ""; background: #333; width: 4px; height: 18px; display: inline-block; margin: 0 4px 0 0; vertical-align: -4px;}
section#contact .add_form .entryBox .statsTtl p{font-size: 1.05rem; margin: 10px 0;}
section#contact .add_form .entryBox .mvpData,
section#contact .add_form .entryBox .statsData{margin-bottom: 25px;}
section#contact .add_form .entryBox .statsData ul,
section#contact .add_form .entryBox .mvpData ul{display: flex; justify-content: space-between; margin: 0; padding: 0;}
section#contact .add_form .entryBox .statsData li{width: 49%; list-style: none; margin: 0; padding: 0;}
section#contact .add_form .entryBox .mvpData li{width: 50%; list-style: none; margin: 0; padding: 0;}
section#contact .add_form .entryBox .mvpData li:first-child::after{content: "VS"; display: inline-block; margin: 0 15px;}
section#contact .add_form .entryBox .statsData li p{margin: 0;}
section#contact .add_form .entryBox .mvpData li p{width: 100%; max-width: 400px; margin: 0; display: inline-block;}


/********* OneLeagueとは *********/
section#about {background:#fafafa;}
section#about .about_main_image{width: 25%; float: left; margin: 0 auto;}
section#about .about_text_image{width: 75%; float: left; margin: 5% auto;}
section#about h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 8px 10px; margin: 20px auto;}
section#about h4{font-size:20px; font-weight:bold; color:#7498e2;}
section#about h5{font-weight:bold;}
section#about .inner { margin-bottom:30px;}
section#about .priod {color:#CCCCCC;}
section#about .stage_wrap {color:#f5f5f5; background:rgba(0,0,0,0.8); padding:15px 10px 10px 10px; border-radius:5px; border:1px solid rgba(0,0,0,0.2); position:relative; overflow:hidden;}
section#about .stage_wrap .ribbon {position:absolute; width:300px; text-align:center; background:#f22931; z-index:1; font-weight:bold; left:-100px; top:15px; padding:5px 0; border-bottom:rgba(0,0,0,0.5) 1px solid; transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);}
section#about .flow_image{margin:0 0 10px;}
section#about .flow_image img{border:1px solid rgba(0,0,0,0.2); border-radius:5px;}
section#about .guide{margin: 0 auto; width:100%;}
section#about .box{ border: 3px solid #9b0000; border-radius: 5px; float: left; height:auto; margin:0 1.5% 0 0; padding:0; width:32.33%;}
section#about .box:last-child{border: 3px solid #9b0000; border-radius: 5px; float: left; height:auto; margin:0; padding:0; width:32.33%;}
section#about .guide .box a {background:#d7232a; color: #fff; text-align: center; display:block;}
section#about .guide .box a:hover {background:#bc2027; text-decoration:none; display:block;}
section#about .box .box_font1{display: block; float: left; font-size: 60px; line-height: 40px; margin: 12px -15px 0 15px;}
section#about .box .box_font2{display: block; float: none; font-size: 14px; line-height: 30px;}
section#about .box .box_font3{display: block; float: none; font-size: 30px; line-height: 24px;}
section#about .box .box_font4{color: #000; display: block; float: none; font-size: 14px; line-height: 32px;}


/********* プレイオフ *********/
section#playoff {background:#fafafa;}
section#playoff h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 8px 10px; margin: 25px auto 20px;}
section#playoff h4{background: #eeeeee; border-top: 7px solid #525252; font-size: 18px; font-weight: bold; margin:0 0 25px; padding: 8px 10px;}
section#playoff h4.po_ttl{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 8px 10px; margin:0 auto 20px;}
section#playoff h5{background:url(../img/title_bg_02.gif) repeat; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; margin:0 0 15px; padding: 10px;}
section#playoff .playoff_image{margin:0 0 15px;}
section#playoff .playoff_about{margin:0 0 15px; text-align:center;}
section#playoff .inner{line-height: 1.7em; margin: 0 0 30px;}
section#playoff .inner .playoff_outline{}
section#playoff .inner .playoff_outline .notice{border: 1px solid #ff0000; background: #ffddde; padding: 10px; margin: 0 0 20px; text-align: center; font-size: 16px; font-weight: 700;}
section#playoff .inner .playoff_outline .tournament_area{margin: 0 auto 10px;}
section#playoff .inner .playoff_outline ul{margin:0 0 15px 5px;}
section#playoff .inner .playoff_outline li{}
section#playoff .inner .playoff_pdf_dl{}
section#playoff .inner .playoff_pdf_dl ul{margin: 0 0 0 -15px;}
section#playoff .inner .playoff_pdf_dl li{float:left; list-style:none; margin:0 15px 10px 0;}
section#playoff .inner .playoff_pdf_dl li:last-child{float:left; list-style:none; margin:0 0 10px 0;}
section#playoff .inner .playoff_pdf_dl a{ width:260px;}
section#playoff .inner .btn-none{width: 260px; background-color: #cccccc; border-color: #9e9e9e; color: #fff; -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap;}
section#playoff .inner .sns-btnArea{}
section#playoff .inner .sns-btnArea a{color: #fff; display: table-cell; height: 40px; line-height: 0; padding:0; text-decoration: none; vertical-align: middle; width: 430px;}
section#playoff .inner .sns-btnArea a:hover{color: #fff; display:table-cell; padding:0; text-decoration: none;}
section#playoff .inner .sns-btnArea ul{height: auto; margin:0 auto; padding:0; width:95%;}
section#playoff .inner .sns-btnArea li{font-size:16px; color:#fff !important; text-decoration:none !important; float:left; text-align:center; margin: 0 3% 0 0; border-radius:3px; list-style:none;}
section#playoff .inner .sns-btnArea li:last-child{margin:0;}
section#playoff .inner .sns-btnArea li.share-twitter{background:#55acee; box-shadow:0 2px #2795e9;}
section#playoff .inner .sns-btnArea li.share-twitter:hover{background:#83c3f3;}
section#playoff .inner .sns-btnArea li.share-facebook{background:#3b5998; box-shadow:0 2px #2d4373;}
section#playoff .inner .sns-btnArea li.share-facebook:hover{background:#4c70ba;}


/********* キャンペーン・企画 *********/
/**** MVP ****/
section#cpn_mvp {background:#121212; color:#fff;}

section#cpn_mvp .bread_crumb{width:730px; padding:10px 0 28px;}
section#cpn_mvp #root {font-size:14px; margin:0; padding:0;}
section#cpn_mvp #root ul {margin:-3px 0 0; padding:0 0 0 5px;}
section#cpn_mvp #root li {display:inline;}
section#cpn_mvp #root li a {color:#c00a0a; padding:0px 20px 0px 0px; background:url(../img/arrow.png) no-repeat right center; margin:0px 8px 0px 0px;}
section#cpn_mvp #root .current{display:inline-table; line-height:1.3em; max-width:550px;}

section#cpn_mvp .mvp_main_image{ width:100%; background: url(../img/cpn_mvp_mainimage.jpg) no-repeat 50% 0; margin:10px 0 0; padding:420px 0 0;}
section#cpn_mvp .mvp_main_image ul{margin:0 auto; width:970px; padding:0;}
section#cpn_mvp .mvp_main_image li{float:left; list-style:none; width:49%; margin:0 1% 0 0; padding:0;}
section#cpn_mvp .mvp_main_image li{margin:0 0 0 1%;}
section#cpn_mvp .mvp_main_image .mvp_player_btn{margin:15px auto;}
section#cpn_mvp .mvp_main_image .mvp_player_btn a:hover{box-shadow:0 0 3px 3px #e6dbc1; transition: box-shadow 0.3s ease 0s; display:block;}
section#cpn_mvp .player_bg{background:url(../img/cpn_mvp_player_mainimage.jpg) no-repeat 50% 50%; text-indent:-9999px; height:220px; margin:9px 0 20px;}
section#cpn_mvp h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 8px 10px; margin: 20px auto;}
section#cpn_mvp h3.archive{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 24px; font-weight: bold; padding: 8px 10px; margin:20px 24px;}
section#cpn_mvp h4{font-size:20px; font-weight:bold; color:#bb9c2f;}
section#cpn_mvp h5{font-weight:bold;}
section#cpn_mvp .inner { margin-bottom:30px;}
section#cpn_mvp .mvp_item_txt{margin:10px 0;}
section#cpn_mvp .mvp_item_image{margin:0; padding:0;}
section#cpn_mvp .btn-mvp{border:#fff 1px solid;}
section#cpn_mvp .office_info{border-top:#3c3c3c 1px solid; margin: 20px 0 0; padding-top: 5px;}
section#cpn_mvp .office_info h5{font-size:24px; font-weight:bold;}
section#cpn_mvp .office_info .fax_num{font-size: 24px; font-weight: bold; margin: -10px 0 5px;}

section#cpn_mvp .archive_area{background:url(../img/arcive_bg.gif) repeat; margin: 0 auto 30px !important; width: 95%;}
section#cpn_mvp .archive_area:last-child{margin:0 auto;}
section#cpn_mvp .archive_area h3{margin:0 auto 25px;}
section#cpn_mvp .archive_area .detail{}
section#cpn_mvp .archive_area .detail a{color: #fff; display: block; font-weight: bold; padding:2% 15%; text-decoration: none;}
section#cpn_mvp .archive_area .detail a:hover{opacity:0.6;}
section#cpn_mvp .archive_area .detail ul{margin: 0 auto; padding:0; width:90%;}
section#cpn_mvp .archive_area .detail li{background:#ed5c1d; float:left; width:31%; list-style:none; text-align:center; border: 2px solid #fff; border-radius: 10px; box-shadow: 0 0 0 3px #ed5c1d; margin:0 3.5% 3% 0;}
section#cpn_mvp .archive_area .detail li:nth-child(2n){background:#f39801; box-shadow: 0 0 0 3px #f39801; margin:0 3.5% 3% 0;}
section#cpn_mvp .archive_area .detail li:nth-child(3n){background:#0da39b; box-shadow: 0 0 0 3px #0da39b; margin:0 0 3% 0;}
section#cpn_mvp .archive_area .detail li.none{background:rgba(255, 255, 255, 0.15); color:#9A9A9A; display: block; font-weight: bold; padding:0.8% 5%; text-decoration: none; border: 3px solid #000;}
section#cpn_mvp .archive_area .detail li.none img{opacity:0.5;}
section#cpn_mvp .archive_area .detail p{margin:0;}


/**** GRAND FINAL ****/
section#grand-final{width: 100%; background: #fafafa; margin: 0; padding: 0;}
section#grand-final .main_image{width:100%; border-bottom: 2px solid #fafafa;}
section#grand-final .main_image #sns_share .sns-btnArea .box-tbl{margin: 15px 20px -15px 0;}
section#grand-final .main_image .head-image{}
section#grand-final .main_image .title-area{width:100%; padding:5px 0;}
section#grand-final span.notice{font-weight: 700; color:#c00a0a; display: inline-block !important; text-indent: 0 !important;}

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#900000+20,fa0505+50,900000+80 */
background: rgb(144,0,0); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(144,0,0,1) 20%, rgba(250,5,5,1) 50%, rgba(144,0,0,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(144,0,0,1) 20%,rgba(250,5,5,1) 50%,rgba(144,0,0,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(144,0,0,1) 20%,rgba(250,5,5,1) 50%,rgba(144,0,0,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900000', endColorstr='#900000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section#grand-final .main_image .title-image{background:#cc0000; width:100%; margin:0; padding:10px 0 20px;}
section#grand-final .main_image .title-image h1{width:720px; margin:0 auto; padding:0;}
section#grand-final .main_image .title-area #sns_share{padding:20px 0 0;}
section#grand-final .main_image .gfc_title-image{width:100%; margin:0; padding:0 0 35px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(192,192,192) 100%);
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(192,192,192) 100%);
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(192,192,192) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0c0c0',GradientType=0 );
}
section#grand-final .main_image .gfc_title-image h1{width:940px; margin:0 auto; padding:0;}
section#grand-final .main_image .head-image{background-color:#000; width:100%; height: 165px;}
section#grand-final .main_image .foot-image{background-color:#000; width:100%; height: 165px;}
section#grand-final .main_image .gf2016_head{background:url(../img/grand_final/2016/mainimage_header.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2016_foot{background:url(../img/grand_final/2016/mainimage_footer.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2017_head{background:url(../img/grand_final/2017/mainimage_header.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2017_foot{background:url(../img/grand_final/2017/mainimage_footer.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2018_head{background:url(../img/grand_final/2018/mainimage_header.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2018_foot{background:url(../img/grand_final/2018/mainimage_footer.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2019_head{background:url(../img/grand_final/2019/mainimage_header.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2019_foot{background:url(../img/grand_final/2019/mainimage_footer.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2020_head{background:url(../img/grand_final/2020/mainimage_header.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2020_foot{background:url(../img/grand_final/2020/mainimage_footer.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2022_head{background:url(../img/grand_final/2022/mainimage_header.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2022_foot{background:url(../img/grand_final/2022/mainimage_footer.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2023_head{background:url(../img/grand_final/2023/mainimage_header.jpg) no-repeat 50% 50%;}
section#grand-final .main_image .gf2023_foot{background:url(../img/grand_final/2023/mainimage_footer.jpg) no-repeat 50% 50%;}

section#grand-final .gf-nav{width: 100%; background: url(../img/gf_bg_01.gif) repeat;}
section#grand-final .gf-nav ul{width: 970px; margin: 0 auto; padding: 0;}
section#grand-final .gf-nav li{float: left; list-style: none; border-right: 1px solid #fff; margin: 15px 0;}
section#grand-final .gf-nav li:first-child{border-left: 1px solid #fff;}
section#grand-final .gf-nav a{color: #fafafa; display: block; font-size: 26px; font-weight: bold; margin: -15px 0; padding: 15px 0; text-align: center; width: 320px; text-shadow:1px 1px 0 #0c0c0c; transition: 0s;}
section#grand-final .gf-nav a:hover{text-decoration: none; background:url(../img/nav_bg_hover.png) repeat-x 0 110% !important;}
section#grand-final .gf-nav a:focus{text-decoration: none;}
section#grand-final .gf-nav .none{color: #d93c44; font-size: 26px; font-weight: bold; margin: -15px 0; padding: 15px 0; text-align: center; width: 320px; text-shadow:1px 1px 0 #0c0c0c; cursor: no-drop;}
section#grand-final .gf-nav .active{background:url(../img/nav_bg_hover.png) repeat-x 0 110% !important;color: #fafafa; font-size: 26px; font-weight: bold; margin: -15px 0; padding: 15px 0; text-align: center; width: 320px; text-shadow:1px 1px 0 #0c0c0c;}

section#grand-final .container{width: 970px; background: url(../img/gf_bg_02.gif) repeat; margin: 0 auto 30px; padding: 7px;}
section#grand-final .snsArea{background:#121212; margin: 0 auto; padding: 0; width: 100%;}
section#grand-final .snsArea #sns_share{margin: 0 auto; padding: 15px 15px 25px; width: 970px;}

section#grand-final #intro .container{background:none;}
section#grand-final #intro p{font-size: 14px; line-height: 1.6em; margin: 0 -10px;}
section#grand-final #intro .event-notice{background: #f8df08; border: 3px solid #555; margin: -25px auto 40px; padding: 10px 20px; text-align: center; width: 970px;}
section#grand-final #intro .event-notice p{font-size: 18px; line-height: 1.3em;}
section#grand-final #intro .challenge-event-notice{background: #f8df08; border: 3px solid #555; margin: 10px auto 0; padding: 10px 20px; text-align: center; width: 970px;}
section#grand-final #intro .challenge-event-notice p{font-size: 18px; line-height: 1.3em;}
section#grand-final #intro .info-banner{margin:-15px auto 30px; width:970px;}
section#grand-final #intro .info-banner a:hover img{opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}

section#grand-final #entry .btn-none{width:240px; background-color: #cccccc; border-color: #9e9e9e; color: #fff; -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap;}

section#grand-final #team{margin:30px auto 0;}
section#grand-final #team .detail .entryList{border-bottom: 1px solid #d4d4d4; margin: 0 0 20px; padding: 0 0 30px;}
section#grand-final #team .detail .entryList:last-child{border-bottom:none;}
section#grand-final #team .detail .entryList h4{margin:5px 0 15px;}
section#grand-final #team .detail .entryList:last-child{margin:0; padding:0;}
section#grand-final #team .detail .entryList ul{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
section#grand-final #team .detail .entryList li{
	width: 30%;
	padding: 10px;
	margin: 1.5%;
	list-style: none;
}
section#grand-final #team .detail .entryList .team-image a:hover img{
	opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";
}

section#grand-final #team .detail .entryList .stage-1st .team-image,
section#grand-final #team .detail .entryList .stage-2nd .team-image,
section#grand-final #team .detail .entryList .stage-3rd .team-image,
section#grand-final #team .detail .entryList .stage-yaer .team-image,
section#grand-final #team .detail .entryList .wild-card .team-image{
	margin: 0 0 10px;
}
section#grand-final #team .detail .entryList .stage-1st .team-detail,
section#grand-final #team .detail .entryList .stage-2nd .team-detail,
section#grand-final #team .detail .entryList .stage-3rd .team-detail,
section#grand-final #team .detail .entryList .stage-yaer .team-detail,
section#grand-final #team .detail .entryList .wild-card .team-detail{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
section#grand-final #team .detail .entryList .stage-1st .team-detail .team-name,
section#grand-final #team .detail .entryList .stage-2nd .team-detail .team-name,
section#grand-final #team .detail .entryList .stage-3rd .team-detail .team-name,
section#grand-final #team .detail .entryList .stage-yaer .team-detail .team-name,
section#grand-final #team .detail .entryList .wild-card .team-detail .team-name{
	text-align: center;
	width: 75%;
	padding: 0;
}
section#grand-final #team .detail .entryList .stage-1st .team-detail .winner,
section#grand-final #team .detail .entryList .stage-2nd .team-detail .winner,
section#grand-final #team .detail .entryList .stage-3rd .team-detail .winner{
	width:25%;
}
section#grand-final #team .detail .entryList .stage-1st .team-detail .winner img,
section#grand-final #team .detail .entryList .stage-2nd .team-detail .winner img,
section#grand-final #team .detail .entryList .stage-3rd .team-detail .winner img{
	width: 100%;
}
section#grand-final #team .detail .entryList .stage-1st{border:5px #ed5c1d solid;}
section#grand-final #team .detail .entryList .stage-1st .team-detail .team-name p{color:#ed5c1d; margin:0 0 5px; font-size:20px; font-weight:bold; line-height: 1;}
section#grand-final #team .detail .entryList .stage-1st .team-detail .team-name p.shop-name{color: #333; font-size: 14px; font-weight: normal;}
section#grand-final #team .detail .entryList .stage-1st .team-detail .team-name span{color:#ed5c1d; font-size:12px; font-weight:bold; margin: 0;}
section#grand-final #team .detail .entryList .stage-2nd{border:5px #f39801 solid;}
section#grand-final #team .detail .entryList .stage-2nd .team-detail .team-name p{color:#f39801; margin:0 0 5px; font-size:20px; font-weight:bold; line-height: 1;}
section#grand-final #team .detail .entryList .stage-2nd .team-detail .team-name p.shop-name{color: #333; font-size: 14px; font-weight: normal;}
section#grand-final #team .detail .entryList .stage-2nd .team-detail .team-name span{color:#f39801; font-size:12px; font-weight:bold; margin: 0;}
section#grand-final #team .detail .entryList .stage-3rd{border:5px #0da39b solid;}
section#grand-final #team .detail .entryList .stage-3rd .team-detail .team-name p{color:#0da39b; margin:0 0 5px; font-size:20px; font-weight:bold; line-height: 1;}
section#grand-final #team .detail .entryList .stage-3rd .team-detail .team-name p.shop-name{color: #333; font-size: 14px; font-weight: normal;}
section#grand-final #team .detail .entryList .stage-3rd .team-detail .team-name span{color:#0da39b; font-size:12px; font-weight:bold; margin: 0;}
section#grand-final #team .detail .entryList .stage-yaer{border:5px #da0000 solid;}
section#grand-final #team .detail .entryList .stage-yaer .team-detail .team-name{width: 100%;}
section#grand-final #team .detail .entryList .stage-yaer .team-detail .team-name p{color:#da0000; margin:0 0 5px; font-size:18px; font-weight:bold; line-height: 1;}
section#grand-final #team .detail .entryList .stage-yaer .team-detail .team-name p.shop-name{color: #333; font-size: 14px; font-weight: normal;}
section#grand-final #team .detail .entryList .wild-card{border:5px #007bda solid;}
section#grand-final #team .detail .entryList .wild-card .team-detail .team-name{width:100%;}
section#grand-final #team .detail .entryList .wild-card .team-detail .team-name p{color:#007bda; margin:0 0 5px; font-size:18px; font-weight:bold; line-height: 1;}
section#grand-final #team .detail .entryList .wild-card .team-detail .team-name p.shop-name{color: #333; font-size: 14px; font-weight: normal;}

section#grand-final #result{margin:30px auto 0;}
section#grand-final #result_outline{margin:30px auto 0;}
section#grand-final #result .detail .winner_image{background: #cc0000; border-radius: 5px; margin: 0 0 15px; padding:2%;}
section#grand-final #result .detail .winner_image h5{margin: 0 0 15px;}
section#grand-final #result .detail .winner_image .team_image{width: 100%; margin:0;}
section#grand-final #result .detail .winner_image .team_detail{float: left; width: 33%; color: #fff; text-align: center;}
section#grand-final #result .detail .winner_image .team_detail p{font-size: 28px; font-weight: bold; line-height: 0.8em;}
section#grand-final #result .detail .winner_image .team_detail span{ font-size: 14px; font-weight: normal;}
section#grand-final #result .detail .runner-up_image{border: #c20000 3px solid; padding: 1.5% 2%; border-radius: 5px;}
section#grand-final #result .detail .runner-up_image h5{background:url(../img/gf_bg_03.gif) repeat; color: #fff; text-align: center; font-weight: bold; font-size: 22px; margin: 0 0 1%; padding:1.5% 0;}
section#grand-final #result .detail .runner-up_image ul{width: 100%; padding: 0; margin: 0;}
section#grand-final #result .detail .runner-up_image li{float: left; width: 32%; list-style: none; margin: 0 2% 0 0; padding: 0;}
section#grand-final #result .detail .runner-up_image li:last-child{margin: 0; padding: 0;}
section#grand-final #result .detail .runner-up_image .team_image{}
section#grand-final #result .detail .runner-up_image .team_detail{text-align: center; margin: 2% 0 0;}
section#grand-final #result .detail .runner-up_image .team_detail p{color:#c20000; margin: 0; font-size: 18px; font-weight: bold; line-height: 1.2em;}
section#grand-final #result .detail .runner-up_image .team_detail span{color:#333; margin: 0; font-size: 14px; font-weight: normal;}

section#grand-final #result_gallery{margin:30px auto 0;}
section#grand-final #result_gallery .image_list{margin: 0 auto; padding:0 0 5px; width: 94%;}
section#grand-final #result_gallery .image_list ul{clear: both; display: block; margin: 0; padding: 0;}
section#grand-final #result_gallery .image_list li{float: left; list-style-type: none; margin:0 20px 20px 0;}
section#grand-final #result_gallery .image_list li:last-child{float: left; list-style-type: none; margin:0 0 20px 0;}
section#grand-final #result_gallery .image_list img{width:200px;}
section#grand-final #result_gallery .image_list a:hover{opacity: 0.8;}
section#grand-final #result_gallery .notice{margin:10px 0; text-align: right; padding:0 20px 0 0;}
	
section#grand-final .detail{background:#fafafa; padding:20px;}
section#grand-final .detail h3{background:url(../img/gf_bg_01.gif) repeat; border-top:7px solid #9b0000; color: #fafafa; font-size: 22px; font-weight: bold; margin: -20px -20px 20px; padding:10px 20px;}
section#grand-final .detail h4{color: #c20000; font-size: 20px; font-weight: bold; border-bottom:#c20000 2px solid; margin:0 0 15px; padding:0 0 5px;}
section#grand-final .detail h5{font-size: 14px; font-weight: bold; margin:0 0 6px; padding: 0;}
section#grand-final .detail dl{margin: 0; padding: 0;}
section#grand-final .detail dt{color: #c20000; font-size: 20px; font-weight: bold; margin:0 0 3px;}
section#grand-final .detail dd{border-bottom: 1px dotted #3f3f3f; margin: 0 0 12px; padding: 0 0 13px; line-height: 2.4rem;}
section#grand-final .detail dd:last-child{border-bottom:none; margin:0; padding:0;}
section#grand-final .detail ul{margin:0; padding: 0;}
section#grand-final .detail li{margin:0 0 0 20px; padding: 0;}
section#grand-final .detail .flow-image{background: #20272d; margin: 0; border-radius: 5px;}
section#grand-final .detail .one-league-asia{background: #b81c22; border-radius: 5px; width:100%; margin: 0 auto; padding: 15px;}
section#grand-final .detail .one-league-asia .detail_text{float: left; margin: 0 1% 0 0; width: 74%;}
section#grand-final .detail .one-league-asia .detail_text h3{background: none; text-align: center; border-top: none; font-size: 24px; margin:15px 0; padding: 0;}
section#grand-final .detail .one-league-asia .detail_text p{background: #fafafa; border-radius: 5px; display: block; font-size: 15px; line-height: 1.5em; margin: 0; padding: 3%;}
section#grand-final .detail .one-league-asia .detail_image{float:left; width:25%;}
section#grand-final .detail .outline_detail{border-bottom:1px dotted #000; margin: 0 0 25px; padding: 0 0 15px;}
section#grand-final .detail .outline_detail span{display: block; text-indent: 75px;}
section#grand-final .detail .outline_detail:last-child{border-bottom:none; margin:0; padding: 0;}
section#grand-final .detail .outline_detail ul{margin:0; padding: 0;}
section#grand-final .detail .outline_detail li{margin:0 0 20px 20px; padding: 0;}
section#grand-final .detail .outline_detail li:last-child{margin: 0 0 0 20px;}
section#grand-final .detail .outline_detail table{border:#0c0100 1px solid; width:70%;}
section#grand-final .detail .outline_detail tr{}
section#grand-final .detail .outline_detail th{background: #dfdfdf; border-right: 1px solid #0c0100; border-bottom: 1px solid #0c0100; padding: 10px 15px; text-align: center;}
section#grand-final .detail .outline_detail td{text-align: center; border-right: 1px solid #0c0100;  border-bottom: 1px solid #0c0100; padding: 10px 15px;}
section#grand-final .detail .outline_detail td:nth-child(2){text-align:left;}

section#grand-final .event-sns{background:#FFFFFF;}
section#grand-final .event-sns h5{font-size: 14px; font-weight: bold; margin:3px 0 17px; text-align: center;}
section#grand-final .event-sns h5:before{content: url(../img/grand_final/sns_icon.png); margin: 5px; position: relative; top: 10px;}
section#grand-final .event-sns .sns-btnArea{}
section#grand-final .event-sns .sns-btnArea a{color: #fff; display: table-cell; height: 40px; line-height: 0; padding:0; text-decoration: none; vertical-align: middle; width: 415px;}
section#grand-final .event-sns .sns-btnArea a:hover{color: #fff; display:table-cell; padding:0; text-decoration: none;}
section#grand-final .event-sns .sns-btnArea ul{height: auto; margin:0 auto; padding: 0 0 65px; width:90%;}
section#grand-final .event-sns .sns-btnArea li{font-size:16px; color:#fff !important; text-decoration:none !important; float:left; text-align:center; margin: 0 3% 0 0; border-radius:3px; list-style:none;}
section#grand-final .event-sns .sns-btnArea li:last-child{margin:0;}
section#grand-final .event-sns .sns-btnArea li.share-twitter{background:#55acee; box-shadow:0 2px #2795e9;}
section#grand-final .event-sns .sns-btnArea li.share-twitter:hover{background:#83c3f3;}
section#grand-final .event-sns .sns-btnArea li.share-facebook{background:#3b5998; box-shadow:0 2px #2d4373;}
section#grand-final .event-sns .sns-btnArea li.share-facebook:hover{background:#4c70ba;}

/* MVP トグル */
.themes {padding: 0; margin: 0; margin-bottom: 20px; float: left; width: 100%;}
.themes li {text-align: center; display: block; float: left; width: 30%; margin-left: 4%;}
.themes li:first-of-type {margin-left: 0%;}
.themes li a {display: block; padding: 10px; background: #444; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #eee; -webkit-transition: all 200ms ease-out; -mozilla-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
.themes li a:hover,
.themes li a.active {background: #F66169; color: #FAEFDE;}
#toggleActive {padding: 6px; width: 160px; text-align: center; display: inline-block; background: #333; color: #eee; font-size: 14px; cursor: pointer; -webkit-transition: all 200ms ease-out; -mozilla-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#toggleActive.active {background: #F66169; color: #FAEFDE;}
#scrollUp-active{display: none;}
}

.dropdown {}
ul#tabs-list {height: 0; list-style: none; text-align: center; margin:0 auto; padding: 0; width: 95%;
-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
label.panel-label {display: block; width: 100%; color: #fff; cursor: pointer; background:url(../img/title_bg_03.gif) repeat;
-webkit-transition-property: border-top, background-color, color; transition-property: border-top, background-color, color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
label.panel-label span {display:block; float:right;}
label.panel-label:hover {color: #c0392b;}
#panels {}
#panels .panels_container {margin: 0 auto; width: 95%;}
#panels .panels_container section{padding:0;}
#panels section header label.panel-label {padding: 12px 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#panels section main {max-height: 0; opacity: 0;
-webkit-transition: opacity 600ms; transition: opacity 600ms; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#panels section main .mvp_ttl-1{background:url(../img/title_bg_05.gif) repeat; border-top: 7px solid #f2da09; margin:10px 0; text-shadow:0 0 3px #000, 0 0 3px #000;}
#panels section main .mvp_ttl-2{background:url(../img/title_bg_06.gif) repeat; border-top: 7px solid #dcdcdc; margin:10px 0; text-shadow:0 0 3px #000, 0 0 3px #000;}
#panels section main .mvp_ttl-3{background:url(../img/title_bg_07.gif) repeat; border-top: 7px solid #f0bc9d; margin:10px 0; text-shadow:0 0 3px #000, 0 0 3px #000;}
#panels section main table {background:url(../img/title_bg_04.gif) repeat; width:100%; border:2px solid #fff; margin:3% 0 4%;}
#panels section main th{background:url(../img/title_bg_01.gif) repeat; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; text-align: center;}
#panels section main th.ttl_name{width:20%;}
#panels section main th.ttl_team{width:30%;}
#panels section main th.ttl_shop{}
#panels section main td{border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size:14px;}
#panel-1-ctrl:checked ~ #panels #panel-1 main {max-height: initial; opacity: 1; padding: 10px 0; margin: -5px 0 0;} 
#panel-2-ctrl:checked ~ #panels #panel-2 main {max-height: initial; opacity: 1; padding: 10px 0; margin: -5px 0 0;}
#panel-3-ctrl:checked ~ #panels #panel-3 main {max-height: initial; opacity: 1; padding: 10px 0; margin: -5px 0 0;}
#panel-4-ctrl:checked ~ #panels #panel-4 main {max-height: initial; opacity: 1; padding: 10px 0; margin: -5px 0 0;}
#panel-5-ctrl:checked ~ #panels #panel-5 main {max-height: initial; opacity: 1; padding: 10px 0; margin: -5px 0 0;}
#panel-6-ctrl:checked ~ #panels #panel-6 main {max-height: initial; opacity: 1; padding: 10px 0; margin: -5px 0 0;}

@media all and (max-width: 767px) {
#panels section main th{background:url(../img/title_bg_01.gif) repeat; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding:10px 5px; text-align: center;}
#panels section main th.ttl_name{width:30%;}
#panels section main th.ttl_team{width:30%;}
#panels section main th.ttl_shop{}
#panels section main td{border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding:10px 5px; font-size:12px;}
#nav-ctrl:checked ~ #tabs-list #li-for-panel-1 {width: 100%; max-height: 46px; opacity: 1; margin-bottom: 1%;}
#nav-ctrl:checked ~ #tabs-list #li-for-panel-2 {width: 100%; max-height: 46px; opacity: 1; margin-bottom: 1%;}
#nav-ctrl:checked ~ #tabs-list #li-for-panel-3 {width: 100%; max-height: 46px; opacity: 1; margin-bottom: 1%;}
#nav-ctrl:checked ~ #tabs-list #li-for-panel-4 {width: 100%; max-height: 46px; opacity: 1; margin-bottom: 1%;}
#nav-ctrl:checked ~ #tabs-list #li-for-panel-5 {width: 100%; max-height: 46px; opacity: 1;}
#nav-ctrl:checked ~ #tabs-list #li-for-panel-6 {width: 100%; max-height: 46px; opacity: 1;}
#open-nav-label {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
#nav-ctrl:checked ~ #tabs-list #open-nav-label {display: none;}
#close-nav-label {display: block; max-height: 0; overflow-y: hidden; background-color: #444444; color: #ecf0f1; padding: 0px; cursor: pointer; text-transform: uppercase; font-size: 12px; line-height: 10px; letter-spacing: 1px; -webkit-transition: max-height 200ms; transition: max-height 200ms;}

#nav-ctrl:checked ~ #tabs-list #close-nav-label { max-height: 36px; opacity: 1; padding: 12px 24px;}
#tabs-list {position: relative;}
#tabs-list label.panel-label {padding: 12px;}
#tabs-list #li-for-panel-1 {margin-bottom: 1%; max-height: 46px; width: 100%; overflow-y: hidden; -webkit-transition: max-height 200ms; transition: max-height 200ms;}
#tabs-list #li-for-panel-2 {margin-right: 1%; max-height: 46px; width: 100%; overflow-y: hidden; -webkit-transition: max-height 200ms; transition: max-height 200ms;}
#tabs-list #li-for-panel-3 {margin-right: 1%; max-height: 46px; width: 100%; overflow-y: hidden; -webkit-transition: max-height 200ms; transition: max-height 200ms;}
#tabs-list #li-for-panel-4 {max-height: 46px; width: 100%; overflow-y: hidden; -webkit-transition: max-height 200ms; transition: max-height 200ms;}
#tabs-list #li-for-panel-5 {max-height: 46px; width: 100%; overflow-y: hidden; -webkit-transition: max-height 200ms; transition: max-height 200ms;}
#tabs-list #li-for-panel-6 {max-height: 46px; width: 100%; overflow-y: hidden; -webkit-transition: max-height 200ms; transition: max-height 200ms;}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {max-height: 46px; opacity: 1;}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; background-color: #9b0000;}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {max-height: 46px; opacity: 1;}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; background-color: #9b0000;}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {max-height: 46px; opacity: 1;}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; background-color: #9b0000;}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {max-height: 46px; opacity: 1;}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; background-color: #9b0000;}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 {max-height: 46px; opacity: 1;}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; background-color: #9b0000;}
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 {max-height: 46px; opacity: 1;}
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; background-color: #9b0000;}

#panels .container {width: 100%;}
#panels section header {display: block;}  
.menu {position: relative; visibility: hidden; opacity: 0; top: -10px; list-style: none;}
.dropInput:checked ~ .menu {visibility: visible; opacity: 1; top: 0; height: 100% !important;}
.dropLabel:hover, .dropInput:checked + label {background: #d7232a; border: 2px solid #9b0000; border-radius: 5px; color: #fff; padding: 7px 0; width: 95%; margin: 5px auto; font-size: 16px; position: relative;}
.dropLabel span{position: absolute; top: 25%; right: 10px;}
.dropLabel, .panel-radios {background: #d7232a; border: 2px solid #9b0000; border-radius: 5px; color: #fff; cursor: pointer; display: block; font-size: 16px; margin: 5px auto; text-align: center; width: 95%; padding: 7px 0; position: relative;}

}

@media all and (min-width: 768px) {
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {pointer-events: none; cursor: default; -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); -webkit-box-shadow: none; box-shadow: none; border-top: none; border-right: none;}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1:last-child {}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; padding-top:10px;}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {pointer-events: none; cursor: default; -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); -webkit-box-shadow: none; box-shadow: none; border-top: none; border-right: none;}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2:last-child {}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; padding-top:10px;}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {pointer-events: none; cursor: default; -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); -webkit-box-shadow: none; box-shadow: none; border-top: none; border-right: none;}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3:last-child {}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; padding-top:10px;}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {pointer-events: none; cursor: default; -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); -webkit-box-shadow: none; box-shadow: none; border-top: none; border-right: none;}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4:last-child {}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li {}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; padding-top:10px;}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 {pointer-events: none; cursor: default; -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px);
-webkit-box-shadow: none; box-shadow: none; border-top: none; border-right: none;}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5:last-child {}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li {}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; padding-top:10px;}
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 {pointer-events: none; cursor: default; -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); -webkit-box-shadow: none; box-shadow: none; border-top: none; border-right: none;}
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6:last-child {}
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 + li {}
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label {background:url(../img/title_bg_01.gif) repeat; color: #fff; padding-top:10px;}

.menu {position: relative; visibility: hidden; opacity: 0; top: -10px; list-style: none;}
.dropInput:checked ~ .menu {visibility: visible; opacity: 1; top: 0; height: 100% !important;}
.dropLabel, .panel-radios {background: #d7232a; color: #fff; cursor: pointer; display: block; position: relative; font-size: 24px; margin: 0 auto 5px; text-align: center; width: 95%; padding: 10px 0; border: 3px solid #9b0000; border-radius: 5px; transform: rotate(0deg);}
.dropLabel span{position: absolute; top: 24%; right: 15px;}
ul#tabs-list {text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
ul#tabs-list li {display: inline-block; text-align: center; font-size:24px; width:100%; -webkit-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05); -webkit-transition-property: border-top; transition-property: border-top; -webkit-transition-duration: 200ms; transition-duration: 200ms;}
ul#tabs-list li:hover {border-top: none; border-right: none;}
ul#tabs-list li:hover:last-of-type {}
ul#tabs-list li:hover + li {}
ul#tabs-list li label.panel-label {border-top: 0px solid #9b0000; padding:10px 0;}
ul#tabs-list li label.panel-label:hover {padding-top: 10px;}
#open-nav-label,
#close-nav-label {display: none;}
#nav-ctrl {display: none;}
}

@media all and (min-width: 900px) {main {width:100%; margin: 0 auto;}}
.panel-radios {position: fixed; left: 50%; top: 10px; width: 20px; opacity: 0.5; z-index: 99;}
.panel-radios:nth-child(1) {-webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px);}
.panel-radios:nth-child(2) {-webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px);}
.panel-radios:nth-child(3) {-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);}
.panel-radios:nth-child(4) {-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}
.panel-radios:nth-child(5) {-webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px);}
.panel-radios:nth-child(6) {top: 30px; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); display: block;}


/*responsive smart phone ==============================================================================*/
@media (max-width: 767px) {
/* Common-class */
h3 {font-size:20px;}
h4 {font-size:16px;}
h5 {font-size:16px;}
h2.pagetitle { font-size:20px; margin:0 0 20px 0;}
.clearfix {width:100%;}
.clearfix:after {content: ""; display: block; clear: both;}
a:link,
a:visited {color:#930;}
a:hover {color:#930;}
.text-link {text-decoration:underline}
.text-highlight {color:#d7232a;}
.img-responsive {margin-left:auto; margin-right:auto;}
.bn-wrap {max-width:750px; margin-left:auto; margin-right:auto;}
.bn-wrap a:link,
.bn-wrap a:visited,
.bn-wrap a:hover { color:#008881}
.box-wrap { margin-left:30px; margin-right:30px;}

#scrollUp {bottom: 20px; right: 20px; height: 38px; width: 38px; background: url("../img/totop.png") no-repeat;}
#btn_line {position: fixed; background: #06c755; display: flex; flex-wrap: wrap; width: 55px; height: 85px; bottom: 0; left: 100%; margin: 0 0 0 -60px; padding: 7px; border-radius: 10px 10px 0 0; font-size: 1.2rem; text-align: center; color: #fff;}
#btn_line .l_img{margin-bottom: 0;}
#btn_line .l_img img{width: 100%;}
#btn_line .l_txt{width: 100%; font-size: 1.15rem; line-height: 1; text-align: center;}
a#btn_line:hover{text-decoration: none;}

/* Btn Set */
a.btn-default {background-color: #d7232a; border-color:#bc2027; color:#FFF;}
a.btn-default:visited {color: #FFF;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {background-color: #bc2027; border-color: #9e181d; color: #FFF;}
input.btn-default {background-color: #d7232a; border-color:#bc2027; color:#FFF}
input.btn-default:hover,
input.btn-default:focus,
input.btn-default:active,
input.btn-default.active,
input[type="submit"].btn-default:hover {background-color: #bc2027; border-color: #9e181d; color: #fff; background-image:none;}
.btn-white {color: #333; background-color: #fff; border-color: #ccc; margin-bottom:10px; margin-right:10px;}
.btn-:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {color: #333; background-color: #ebebeb; border-color: #adadad;}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {background-image: none;}

/* Common */
.container {width:100%;}
body {min-width:100%;  margin-top:50px}
section {padding:0 0 5%;}
.box-tbl {display:table; table-layout:fixed;}
.box-tbl .cell {display:table-cell}
#sidemenu h6,
#sidemenu h6 a { color:#6e7788; font-weight:bold }
.bread_crumb{width:100%; padding:10px 0 28px;}
#root {font-size:10px; line-height:20px; margin:0 -15px 2%; padding:0;}
#root ul {margin:0; padding:0 0 0 10px;}
#root li {display:inline;}
#root li a {color:#c00a0a; padding:0px 15px 0px 0px; background:url(../img/arrow.png) no-repeat right center; margin:0px 5px 0px 0px;}
#root .current{display:inline-table; line-height:1.3em; max-width:550px;}

/* SNS */
#sns_share {padding: 10px 0 5px;}
#sns_share .box-tbl {width:auto; table-layout:fixed; float:right; margin:-0.5% 0 0;}
#sns_share .box-tbl .cell > iframe{margin:2px 0 -6px 0;}
.sns_line img {width:80px; margin:0 auto;}
.fb_iframe_widget {margin:0 10px 0 0;}
.fb-share-button{}
#sns_share .btn-handicap{}
#sns_share .btn-handicap p{font-weight: bold;padding:10px 0 5px 0; text-align:center; font-size:15px;}
#sns_share .sns-btnArea{margin:0 auto; width: 100%; position:relative;}

/* header */
#headtxt{background:#20282e; margin:55px 0 0;}
#headtxt h1 {color:#fff; margin:0 auto; padding:5px; width:100%; font-size:75%; font-weight:normal; border-top:2px solid #c3373d; line-height: 1.3em;}
.navbar-nav{float:none; margin:0 -15px !important;}
.navbar-default .navbar-nav > li > a {color:#FFFFFF; padding:15px;}
.navbar-nav li{border-bottom:#fff 1px dotted;}
.navbar-nav li:last-child{border-bottom:none;}
.navbar-nav .none_link{color:#3a3333 !important; padding:15px !important;}
.navbar-brand > img {display:inline-block; }
.navbar-default {box-shadow:none; border-bottom:none;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{background:none; color:#d7232a; font-weight:bold;}
.navbar {min-height:55px !important;}
.navbar-brand img {height:30px;}
.navbar-brand {padding:10px;}

/* footer */
footer { background:#000000; padding:20px; min-height:180px; color:#999}
footer a:link,
footer a:visited { color:#F3F3F3;}
ul.support {padding:0; width:610px; margin:0 auto 10px; text-align:center;}
ul.support li {list-style:none; padding:10px 10px; display:inline-block;}
ul.support li img {height:55px; opacity:0.8}

/********* トップページ *********/
.containerMain{width: 100%; height: calc(46vh - 95px); background: url(../img/body_bg_image.jpg) no-repeat 50% 50%; background-size: cover; padding: 0; border-bottom: 5px solid #e0e0e0; position: relative;}
.containerMain #sns_share{margin: -5px 0 0; padding: 0 5px;}
section#main{padding:0;}
#topbnr {width: 50%; min-width: 350px; position: absolute; top: 50%; left: 50%; margin: -75px 0 0 -175px;}

section#outline_cont .inner { margin-left:15px; margin-right:15px}
section#catch {margin: 4% 0;}
section#catch .catchArea{width:100%;}
section#catch .catchArea .catchArea-logo{float: left; width: 18%; margin: 0 2% 0 0;}
section#catch .catchArea .catchArea-txt{float:left; width:80%;}
section#catch .catchArea .catchArea-txt .outline_link{float:left; width:100%;}
section#catch .catchArea .catchArea-txt .catch-txt{margin:3px 0;}
section#catch .catchArea .outline_link{float:left; width:100%; margin:5px 0 0;}
section#catch .catchArea .outline_link .btn-catch{display:block; font-size:10px; font-weight:bold; margin: 0 auto; padding: 10px 0; width:100%;}

section#news{border-top:5px solid #e0e0e0; border-bottom:5px solid #e0e0e0; background:#fafafa;}
section#news h4{background: #bc2027 none repeat scroll 0 0; border-bottom: 1px dotted #d7232a; border-radius: 5px 5px 0 0; color: #fff; font-size: 16px; margin: 0; padding: 10px 0; font-weight: bold;}
section#news .glyphicon{color: #ffffff; font-size: 16px; left: 10px; top: 3px; margin: 0; padding: 0 14px 0 0;}

section#news .bookArea {width:90%; margin:5% auto; border-radius:5px 5px 0 0; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3); position:relative;}
section#news .bookArea .bookList{background: #fbfbfb; padding: 15px;}
section#news .bookArea .bookList p{margin: 0 0 9px; padding: 0 0 5px; border-bottom: 1px dotted #dedede;}
section#news .bookArea .bookList ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;}
section#news .bookArea .bookList li{width: 95%; max-width: 400px; margin: 1.5% auto;}
section#news .bookArea .bookList li a{display: block; text-align: center; color: #fff; text-decoration: none; background: #cd2020; border: 1px solid #8c0303; border-radius: 6px; padding: 6px; margin: 0; font-size: 12px; position: relative; overflow: hidden;}
section#news .bookArea .bookList li a .glyphicon{color: #fff; font-size: 10px; position: absolute; top: 50%; right: -85%; left: 0; padding: 0; margin: -6px 0 0;}
section#news .bookArea .bookList li a:hover{color: #cd2020; background: #fff; border: 1px solid #cd2020; text-decoration: none;}
section#news .bookArea .bookList li a:hover .glyphicon{color: #cd2020;}

section#news .newsArea{width:90%; margin: 5% auto; border-radius:5px 5px 0 0; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3); position:relative;}
section#news .newsArea .newsList{position:absolute; top:12px; right:15px; font-size:14px; font-weight:normal;}
section#news .newsArea .newsList .glyphicon{color: #ffffff; font-size:14px; left:10px; top:1.5px; padding:0 10px 0 0;}
section#news .newsArea .newsList a{color:#FFF; text-decoration:none;}
section#news .newsArea .newsList a:hover{text-decoration:underline;}
section#news .newsArea .newsEntry{background:#fbfbfb; padding:0;}
section#news .newsArea .newsEntry .listItem{border-bottom:1px dotted #dddddd; display:block; margin: 0; padding:10px 10px 5px; list-style:none;}
section#news .newsArea .newsEntry .listItem:last-child{border-bottom:none; margin: 0; padding:10px 10px 5px; list-style:none;}
section#news .newsArea .newsEntry .txtWrap{display: block; margin-bottom:0;}
section#news .newsArea .newsEntry .date{display:list-item; font-weight:bold; list-style:disc; margin:0 0 5px 15px; text-align:left;}
section#news .newsArea .newsEntry .listItem_txt{margin: 0 0 0 15px; font-size: 12px;}
section#news .newsArea .newsEntry .listItem_txt p{margin: 0 0 5px;}

section#entry_team {background-color:#d7232a; border-bottom:5px solid #af1c22;}
section#entry_team table{ background:#ffffff;}
section#entry_team th{ background:#F7F7F7; font-size:1.3rem;}
section#entry_team h2 {background-color:rgba(0,0,0,0.2); padding: 10px; font-size:16px; line-height:1em; color:#ffffff; text-align:center; border-radius:5px;}
section#entry_team .list-league { margin-bottom:-10px; margin-right:-10px;}
section#entry_team .list-league ul{list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
section#entry_team .list-league ul > li{margin: 0 5px 10px;}
section#entry_team .list-league a{min-width: 102px; margin: 0; border-color: #930; transition: 0.3s;}
section#entry_team .list-league a:hover{background: #d7232a; color: #fff;}
section#entry_team .list-league a:focus,
section#entry_team .list-league a:active {color: #930; background-color: #fff; border-color: #930;}

section#entry_team .entryArea_bana{margin: 0 auto; text-align: center; width: 90%;}
section#entry_team .entryArea_bana p{font-size: 1.15rem; margin-top: 0;}
section#entry_team .list-league .noLink{min-width: 75px; color: #999;}


/********* NEWS *********/
section#news_archive {background:#fafafa;}
section#news_archive h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 16px; font-weight: bold; padding:10px 15px; margin:35px -15px 10px;}
section#news_archive h4{background: #bc2027 none repeat scroll 0 0; border-bottom: 1px dotted #d7232a; border-radius: 5px 5px 0 0; color: #fff; font-size:18px; margin:0; padding: 0 0 10px; font-weight:bold;}
section#news_archive .glyphicon{color: #ffffff; font-size:28px; left:10px; top:8px; padding:0 10px 0 0;}
section#news_archive .newsArea{width:100%; margin:0 auto; border-radius:5px 5px 0 0; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3); position:relative;}
section#news_archive .newsArea .newsList{position:absolute; top:12px; right:15px; font-size:14px; font-weight:normal;}
section#news_archive .newsArea .newsList .glyphicon{color: #ffffff; font-size:14px; left:10px; top:1.5px; padding:0 10px 0 0;}
section#news_archive .newsArea .newsList a{color:#FFF; text-decoration:none;}
section#news_archive .newsArea .newsList a:hover{text-decoration:underline;}
section#news_archive .newsArea .newsEntry{background:#fbfbfb; padding:0;}
section#news_archive .newsArea .newsEntry .listItem{border-bottom:1px dotted #dddddd; margin: 0; padding:10px 10px 5px; list-style:none;}
section#news_archive .newsArea .newsEntry .listItem:last-child{border-bottom:none; margin: 0; padding:10px 10px 5px; list-style:none;}
section#news_archive .newsArea .newsEntry .txtWrap{display: block; margin-bottom:0;}
section#news_archive .newsArea .newsEntry .date{display:list-item; font-weight:bold; list-style:disc; margin:0 0 5px 15px; text-align:left;}
section#news_archive .newsArea .newsEntry .listItem_txt{margin: 0 0 0 15px; font-size: 12px;}

section#news_archive .newsPager{width: 100%; text-align: center; margin: 3% 0;}
section#news_archive .newsPager a{color: #333;}
section#news_archive .newsPager a:hover{text-decoration: none;}
section#news_archive .newsPager .page-numbers{display: inline-block; border: 1px solid #dddddd; padding: 8px 9px; font-size: 16px;}
section#news_archive .newsPager .current{font-weight: 700; color: #cd2020;}


/********* NEWS - Information *********/
section#NewsInformation {background:#fafafa;}
section#NewsInformation h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size:16px; font-weight: bold; padding:10px 15px; margin: 25px auto 20px;}
section#NewsInformation h4{border-bottom: 3px solid #525252; font-size: 16px; font-weight: bold; margin: 0 0 15px; padding: 10px 0;}
section#NewsInformation .InfoBox{box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); margin: -20px 0 20px 0; padding: 3%;}
section#NewsInformation .InfoBox .Box{margin: 0 0 5%;}
section#NewsInformation .InfoBox .Box li{margin: 0 0 10px -20px;}
section#NewsInformation .InfoBox .linkArea li{list-style: none;}


/********* infomation *********/
section#information { background:#20282e; color:#F5F5F5}
section#information .box-tbl {width:200px; margin:0 auto; table-layout:fixed}
section#information .box-tbl .cell > iframe{margin:2px 0 -6px 0;}
section#information .contactArea{}
section#information .btn-handicap{}
section#information .btn-handicap p{font-weight: bold;padding:10px 0 5px 0; text-align:center; font-size:15px;}
section#information .contactArea{width: 95%; border: 2px solid #666; padding: 15px; margin: 20px auto;}
section#information .contactArea h3{background: #666; font-size: 1.4rem; font-weight: 600; margin: -15px -15px 15px; padding: 12px; text-align: center;}
section#information .contactArea p{text-align: center; font-size: 1.4rem; margin: 0;}
section#information .contactArea p a{max-width: 340px; width: 90%; font-size: 1.6rem; padding: 10px; margin: 12px 0;}


/********* リーグ概要 *********/
section#outline {background:#fafafa;}
section#outline .outline_main_image{height: auto; margin: 0 auto; width: 100%;}
section#outline .outline_stage_image{width:100%; height:auto; margin:3% auto;}
section#outline h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size:16px; font-weight: bold; padding:10px 15px; margin:10px -15px;}
section#outline h4{font-size:16px; font-weight:bold; color:#7498e2;}
section#outline h5{font-weight:bold;}
section#outline .inner {margin-bottom:30px;}
section#outline .stage_list{}
section#outline .stage_list ul{margin-left:-20px;}
section#outline .stage_list li{font-size: 14px; margin-bottom: 5px;}
section#outline .flow_image{margin:0 0 30px;}
section#outline .flow_image img{max-width:300px; width:90%;}
section#outline .flow_image p{margin:5px 0; text-align:center;}
section#outline .flow_image ul li{list-style:none;}
section#outline .flow_image ul{padding:0;}
section#outline .flow_image li{float:none; margin:0 0 3% 0;}
section#outline .flow_image li:last-child{float:none; margin:0;}
section#outline .card_image{margin:10px 0 20px;}
section#outline .card_image img{max-width:300px; width:90%;}
section#outline .card_image p{margin:5px 0; color: #bc2027; font-size: 14px; font-weight: bold; text-align:center;}
section#outline .card_image ul li{list-style:none;}
section#outline .card_image ul{padding:0;}
section#outline .card_image li{float:none; margin:0 0 3% 0;}
section#outline .card_image li:last-child{float:none; margin:0;}
section#outline .card_detail {float:none; margin:0 0; width:100%;}
section#outline .card_detail .notice{border: 1px solid #ff0000; color: #ff0000; font-weight: bold; padding: 5px;}
section#outline .card_detail .notice span{font-weight: normal;}
section#outline .guide{margin: 0 auto; width:100%;}
section#outline .box{ border: 3px solid #9b0000; border-radius: 5px; float: left; height:auto; margin:2% 0; padding:0; width:100%;}
section#outline .box:last-child{border: 3px solid #9b0000; border-radius: 5px; float: left; height:auto; margin:2% 0 0; padding:0; width:100%;}
section#outline .guide .box a {background:#d7232a; color: #fff; text-align: center; display:block;}
section#outline .guide .box a:hover {background:#bc2027; text-decoration:none; display:block;}
section#outline .box .box_font1{display: block; float: left; font-size: 40px; line-height: 50px; margin:13px -15px 0 15px;}
section#outline .box .box_font2{display: block; float: none; font-size: 12px; line-height: 28px;}
section#outline .box .box_font3{display: block; float: none; font-size: 22px; line-height: 10px;}
section#outline .box .box_font4{color: #000; display: block; float: none; font-size: 12px; line-height: 30px;}

/********* Q&A *********/
section#faq {background:#fafafa;}
section#faq h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 16px; font-weight: bold; padding:10px 15px; margin:35px -15px 10px;}
section#faq h4{background: #eeeeee; border-top: 7px solid #525252; font-size: 18px; font-weight: bold; padding:10px 15px; margin:10px -15px;}
section#faq h5{background:url(../img/title_bg_02.gif) repeat; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 15px; padding: 10px;}
section#faq .faq_outline{margin:0 0 10px;}
section#faq #side_menu{border: 3px solid #525252; border-radius: 5px; margin: 0 auto 5%; padding: 10px; width: 100%;}
section#faq #side_menu h6{}
section#faq #side_menu h6 a{background: #eee none repeat scroll 0 0; border-bottom: 1px dotted #000; color: #333; display: block; font-size: 16px; margin: -20px -10px 0; padding: 10px;}
section#faq #side_menu h6 a:hover{background:#eee none repeat scroll 0 0; border-bottom: 1px dotted #000; color: #333; text-decoration:none;}
section#faq #side_menu ol{margin:0 0 30px -15px;}
section#faq #side_menu ul{margin:0 0 30px -20px;}
section#faq #side_menu ul:last-child{margin:0 0 0 -20px;}
section#faq .inner{line-height: 1.7em; margin: 0 0 30px;}
section#faq .inner dl{margin:0 auto 5%; padding:0; width:96.5%;}
section#faq .inner dt{margin:0; float:left;}
section#faq .inner dd{margin:0; float:left; max-width:90%; min-width:none;}
section#faq .inner dd.long_ttl{margin:0; float:left; max-width:85%; min-width:none;}
section#faq .inner .btn-default{margin:5px 0 15px;}
section#faq table.table-bordered th {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;}
section#faq .faq_scBtn{background:url(../img/title_bg_03.gif) repeat; border-top: 7px solid #525252; margin: 20px 0; padding:10px 15px;}
section#faq .faq_scBtn ul li{list-style:none;}
section#faq .faq_scBtn ul{margin:0; padding:0;}
section#faq .faq_scBtn li{float:none; margin:0 0 1%;}
section#faq .faq_scBtn li:last-child{float:none; margin:0;}
section#faq .faq_scBtn .btn-default{margin:5px; width:95%;}

/********* 規約・ルールブック *********/
section#rulebook {background:#fafafa;}
section#rulebook h3:first-of-type{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 16px; font-weight: bold; padding:10px 15px; margin:35px -15px 10px;}
section#rulebook h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 16px; font-weight: bold; padding:10px 15px; margin:0 -15px 10px;}
section#rulebook h4{background: #eeeeee; border-top: 7px solid #525252; font-size: 18px; font-weight: bold; padding:10px 15px; margin:10px -15px;}
section#rulebook h5{background:url(../img/title_bg_02.gif) repeat; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 15px; padding: 10px;}
section#rulebook .rule_outline{margin:0 0 10px;}
section#rulebook #side_menu{border: 3px solid #525252; border-radius: 5px; margin: 0 auto 5%; padding: 10px; width: 100%;}
section#rulebook #side_menu h6{}
section#rulebook #side_menu h6 a{background: #eee none repeat scroll 0 0; border-bottom: 1px dotted #000; color: #333; display: block; font-size: 16px; margin: -20px -10px 0; padding: 10px;}
section#rulebook #side_menu h6 a:hover{background:#eee none repeat scroll 0 0; border-bottom: 1px dotted #000; color: #333; text-decoration:none;}
section#rulebook #side_menu ol{margin:0 0 30px -15px;}
section#rulebook #side_menu ul{margin:0 0 30px -20px;}
section#rulebook #side_menu ul:last-child{margin:0 0 0 -20px;}
section#rulebook .inner{line-height: 1.7em; margin: 0 0 30px;}
section#rulebook table.table-bordered th {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;}

/********* ランキング *********/
section#rank {background:#fafafa;}
section#rank h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 16px; font-weight: bold; padding:10px 15px; margin:35px -15px 10px;}

section#rank .outline{margin:0;}
section#rank .outline .call{width:100%; background:#fdf4e4; border:#f39800 2px solid; border-radius: 10px; padding: 10px; margin: 0 0 -10px;}
section#rank .outline .call p{}
section#rank .outline .call ul{margin: 0 0 0 17px; padding:0;}
section#rank .outline .call li{color:#db0f17; margin:0; padding:0; font-weight:bold;}

section#rank .point_outline{ background:url(../img/rank_bg.gif) repeat; margin:0 0 20px; padding:15px;}
section#rank .point_outline table{width:100%; border:#b0b0b0 1px solid; margin:0 auto; padding:0;}
section#rank .point_outline th{background:url(../img/title_bg_02.gif) repeat; color:#fff; font-weight:bold; font-size:14px; padding:6px 5px;}
section#rank .point_outline td{background:#fafafa; padding:6px 7px; border: 1px solid #ccc; font-size:12px; font-weight:bold;}
section#rank .point_outline td:nth-child(even){width:25%; text-align:center;}
section#rank .point_outline .point_outline_notice{font-size: 12px; margin:1% 0 0;}
section#rank .point_outline .point_outline_notice ul{margin: 3px 0 3px 15px; padding: 0;}
section#rank .point_outline .point_outline_notice li{}

section#rank .year_ranking{}
section#rank .year_ranking .update{margin:0 0 10px; text-align: right;}
section#rank .year_ranking .ranking_table{margin:0 0 30px;}
section#rank .year_ranking .ranking_table dl{margin:0; padding:0;}
section#rank .year_ranking .ranking_table dt{border-bottom: 1px dotted #ccc; font-weight: bold; margin: 0 0 5px; padding: 0 0 3px;}
section#rank .year_ranking .ranking_table dd{font-size: 11px; font-weight: normal; margin: 0; padding: 0;}
section#rank .year_ranking .ranking_table table{width:100%; border:#b0b0b0 1px solid; margin:0 auto; padding:0;}
section#rank .year_ranking .ranking_table tbody tr.border{border-top:#cc0000 3px solid;}
section#rank .year_ranking .ranking_table tbody tr:nth-child(even) {background-color:#f4f4f4;}
section#rank .year_ranking .ranking_table tbody tr:nth-child(odd) {background-color:#fafafa;}
section#rank .year_ranking .ranking_table th{background:url(../img/title_bg_02.gif) repeat; color:#fff; font-weight:bold; font-size:12px; padding:6px 5px; text-align:center; border-right:#fafafa 1px solid;}
section#rank .year_ranking .ranking_table th:last-child{ border-right:none;}
section#rank .year_ranking .ranking_table td{padding:6px 7px; border: 1px solid #ccc; font-size:14px; font-weight:bold;}
section#rank .year_ranking .ranking_table td.top{color:#cc0000; font-size:14px; font-weight:bold;}
section#rank .year_ranking .ranking_table td.rank{width:15%; font-weight:bold; text-align:center;}
section#rank .year_ranking .ranking_table td.team{width:65%;}
section#rank .year_ranking .ranking_table td.point{width:20%; text-align:center;}


/********* エリアコンテンツ *********/
section#oneleague-area{padding: 0;}
#maintitle{width: 100%; padding: 2rem 0; text-align: center; background: #f0f0f0; border-bottom: solid 1px #ddd;}
#maintitle h2{font-family: 'Oswald', sans-serif; font-weight: normal; letter-spacing: 3px; font-size: 2.8rem; line-height: 1.0em;}
#maintitle p{font-size: 12px;}


/********* ステージリザルト *********/
section#result {background:#fafafa;}

section#result .bread_crumb{width:100%; padding:10px 0 28px;}
section#result #root {font-size:10px; line-height:20px; margin:0 -15px 2%; padding:0;}
section#result #root ul {margin:0; padding:0 0 0 10px;}
section#result #root li {display:inline;}
section#result #root li a {color:#c00a0a; padding:0px 15px 0px 0px; background:url(../img/arrow.png) no-repeat right center; margin:0px 5px 0px 0px;}
section#result #root .current{display:inline-table; line-height:1.3em; max-width:550px;}
section#result h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 16px; font-weight: bold; padding:10px 15px; margin:30px -15px 20px;}
section#result .tournament_area{margin:6% -5px 0;}
section#result .result_area{border-radius:5px; padding:15px;}
section#result .resut_1st{background:url(../img/result_1st_bg.gif) repeat; width:100%; margin:0 auto; position:relative; overflow: hidden;}
section#result .resut_1st .ribbon {background:#ed5c1d; border-bottom:1px solid rgba(0, 0, 0, 0.5); font-size:12px; font-weight:bold; color:#FFF;left:-110px; padding:6px 0; position:absolute; text-align:center; top:15px; width:300px; z-index:1; text-shadow: 1px 1px 0 #000000; transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);}
section#result .resut_1st .photo_area{float:none; margin:0; width:100%;}
section#result .resut_1st .result_detail{float:none; width:100%; text-align:center;}
section#result .resut_1st .result_detail h4{color:#FFF;font-size:18px; font-weight:bold; text-shadow: 1px 1px 0 #000000; margin:0;}
section#result .resut_1st .result_detail p{color:#FFF; font-size:14px; text-shadow: 1px 1px 0 #000000; margin:0;}
section#result .resut_1st .result_detail .result_prize{float:left; margin:3% 0 0; width:30%;}
section#result .resut_1st .result_detail .result_name{float: left; margin:8% 0 0; width: 70%;}
section#result .resut_2nd{background:url(../img/result_2nd_bg.gif) repeat; width:100%; margin:15px auto; position:relative; overflow: hidden;}
section#result .resut_2nd .ribbon {background:#ed5c1d; border-bottom:1px solid rgba(0, 0, 0, 0.5); font-size:12px; font-weight:bold; color:#FFF;left:-110px; padding:6px 0; position:absolute; text-align:center; top:15px; width:300px; z-index:1; text-shadow: 1px 1px 0 #000000; transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);}
section#result .resut_2nd .photo_area{float:none; margin:0; width:100%;}
section#result .resut_2nd .result_detail{float:none; width:100%; text-align:center;}
section#result .resut_2nd .result_detail h4{color:#FFF;font-size:18px; font-weight:bold; text-shadow: 1px 1px 0 #000000; margin:0;}
section#result .resut_2nd .result_detail p{color:#FFF; font-size:14px; text-shadow: 1px 1px 0 #000000; margin:0;}
section#result .resut_2nd .result_detail .result_prize{float:left; margin:3% 2.5% 0; width:25%;}
section#result .resut_2nd .result_detail .result_name{float: left; margin:8% 0 0; width: 70%;}
section#result .result_multiple{width:100%; margin:0 auto;}
section#result .resut_3rd{background:url(../img/result_3rd_bg.gif) repeat; float: left; margin:0 0 15px; width:100%; position:relative; overflow: hidden;}
section#result .resut_3rd .ribbon {background:#ed5c1d; border-bottom:1px solid rgba(0, 0, 0, 0.5); font-size:12px; font-weight:bold; color:#FFF;left:-110px; padding:6px 0; position:absolute; text-align:center; top:15px; width:300px; z-index:1; text-shadow: 1px 1px 0 #000000; transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);}
section#result .resut_3rd:last-child{margin: 0;}
section#result .resut_3rd .photo_area{float:none; margin:0; text-align:center; width:100%;}
section#result .resut_3rd .result_detail{display: table; margin: 4% auto 0; text-align: center;}
section#result .resut_3rd .result_detail h4{color:#FFF;font-size:18px; font-weight:bold; text-shadow: 1px 1px 0 #000000; margin: 2% 0;}
section#result .resut_3rd .result_detail p{color:#FFF; font-size:14px; text-shadow: 1px 1px 0 #000000; margin:0;}
section#result .resut_3rd .result_detail .result_prize{display: table-cell; padding-right: 2%; vertical-align: middle;}
section#result .resut_3rd .result_detail .result_name{display: table-cell; vertical-align: middle;}
section#result .image_list{margin:0 0 0 1%; padding: 0; width:100%;}
section#result .image_list ul{clear:none; display: block; margin: 0; padding: 0;}
section#result .image_list li{float: left; list-style-type: none; width:48%; margin:0 2% 2% 0;}
section#result .image_list li:last-child{float:left; list-style-type: none; width:48%; margin:0 2% 2% 0;}
section#result .image_list img{width:100%;}
section#result .notice{margin:0 0 10px 0; text-align: center; font-size: 12px;}

/*** ステージリザルト 年間一覧 ***/
section#result .stageyear-result{margin:0 auto; width:100%;}
section#result .stageyear-result a{display:block; text-decoration:none; font-size: 14px; font-weight: bold; list-style:none; line-height: 1; margin: 0; padding: 0;}
section#result .stageyear-result a:hover{ text-decoration:underline;}
section#result .stageyear-result .glyphicon{}
section#result .stageyear-result .result_list{}
section#result .stageyear-result .result_list ul{margin:0; padding:0;}
section#result .stageyear-result .result_list li{list-style:none; margin: 0 0 3%; padding:0; display: table;}
section#result .stageyear-result .result_list .result_image{ display: table-cell; margin: 0; padding: 0 3% 0 0; width: 25%;}
section#result .stageyear-result .result_list .result_text{display: table-cell; vertical-align: middle;}
section#result .gf_banner{margin: 0; width: 100%;}
section#result .gf_banner .result_image{ display: table-cell; margin: 0; padding: 0 3% 0 0; width: 92%;}
section#result .gf_banner .result_text{ display: table-cell; vertical-align: middle; width: 75%;}
section#result .gf_banner a{display: table; text-decoration:none; font-size: 14px; font-weight: bold; list-style:none; line-height: 1; margin: 0; padding: 0;}
section#result .gf_banner a:hover{ text-decoration:underline;}

/*** リザルトアーカイブ ***/
section#result .stageyear-list {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; list-style: none; font-size: 1.8rem; line-height: 1.0em; margin: 0; padding: 0;}
section#result .stageyear-list li {width: 100%; display: block; margin: 1rem 0;}
section#result .stageyear-list li a {color:#c00a0a; padding:0 0 0 20px; background:url(../img/arrow_result.png) no-repeat left center; margin:0 0 0 5px;}
section#result .stageyear-list .current{display:inline-table; line-height:1.3em; max-width:550px;}


/********* お問い合わせ *********/
section#contact {background:#fafafa;}
section#contact h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 16px; font-weight: bold; padding:10px 15px; margin:10px -15px;}
section#contact h4{font-weight:normal; margin: 0 0 5px;}
section#contact p{margin: 0 0 15px;}
section#contact .text-danger{color:#d7232a; font-size: 12px;}
section#contact .form_subject{display: none;}
section#contact .office_info p{font-size: 18px; font-weight: bold; margin: 0 0 5px !important;}
span.wpcf7-not-valid-tip-no-ajax, .wpcf7-not-valid-tip {color: #d7232a !important; display: block; font-size: 12px !important; margin: 5px 0 0;}
input.wpcf7-not-valid, textarea.wpcf7-not-valid {border: 1px solid #A94442;}
div.wpcf7-validation-errors {padding: 1em 0; text-align: center;}
div.wpcf7 .wpcf7-submit:disabled{background: #999;}
div.wpcf7-validation-errors {border: 1px solid rgba(0, 0, 0, 0)  !important; border-radius: 4px; margin-bottom: 20px; padding: 15px; background-color: #F2DEDE; border-color: #EBCCD1 !important; color: #A94442;}
div.wpcf7 .ajax-loader.is-active{display: inline-block;}
div.wpcf7 .ajax-loader{margin: 10px 0 0 0; display: none;}
div.wpcf7-response-output{margin:10px 0 0 !important; padding: 0.7em 1em;}
.wpcf7-list-item:nth-child(odd) {margin: 0 !important;}
.wpcf7-list-item:nth-child(even) {margin: 0 0 0 1em !important;}
.wpcf7-list-item label {width: 100%; line-height: 2.2rem; font-size: 1.4rem;}

section#contact .notice {margin-bottom: 30px;}
section#contact .notice h3{background: none; color: #333; font-size: 16px; border: none; margin: 0 0 10px; padding: 0;}
section#contact .notice ul:first-of-type{margin: 0 auto; width: 90%;}
section#contact .notice ul{margin: 0 auto; padding: 0; font-size: 12px; width: 90%;}
section#contact .notice li{margin: 0 0 10px; list-style: none; line-height: 1.8rem;}
section#contact .notice ul:first-of-type li:before {content: "●";}
section#contact .notice ul li:before {content: "－"; margin-left: -1em;}

/********* 申請フォーム *********/
section#contact .add_form .entryBox .wpcf7-textarea{height: 100px;}
section#contact .add_form .entryBox span.wpcf7-list-item-label{font-weight: normal;margin-left: 5px;}
section#contact .add_form .entryBox h4{background: url(../img/title_bg_02.gif) repeat; border-radius: 5px; color: #fff; font-size: 16px; font-weight: normal; margin: 0 0 15px; padding: 10px;}
section#contact .add_form .entryBox h5{margin: 0 0 10px;}
section#contact .add_form .entryBox p{margin: 0 0 20px;}
section#contact .add_form .entryBox span.example{font-size: 12px;}
section#contact .add_form .entryBox span.addTitle{font-size: 18px;}
section#contact .add_form .entryBox span.addTitle i{background: #525252; width: 6px; height: 24px; display: inline-block; margin: 0 5px -5px 0;}
section#contact .add_form .entryBox .agreement{border: solid 1px #ccc; width: 100%; height: 140px; padding: 1em; overflow: auto; font-size: 12px; margin: 0 0 5px;}
section#contact .add_form .entryBox .agreement h4{background: none; border-bottom: 1px solid #333; color: #333; margin: 0 0 12px; text-align: center; font-size: 16px; padding: 5px 0; border-radius: 0;}
section#contact .add_form .entryBox .agreement p{margin: 0;}
section#contact .add_form .entryBox .agreement a{color: #cd2020;}
section#contact .add_form .entryBox .consent{width: 100%; text-align: center; margin: 15px 0;}
section#contact .add_form .entryBox .consent h5{font-size: 16px;}
section#contact .add_form .entryBox .labelBox{margin: 10px 0 20px;}
section#contact .add_form .entryBox .labelBox span{font-size: 18px;}
section#contact .add_form .entryBox .guestBox{border: 1px solid #eee; padding: 20px 20px 0; margin: 0 0 20px;}
section#contact .add_form .entryBox .guestBox h4{font-size: 14px; font-weight: 700; margin: -20px -20px 20px; padding: 10px; border-radius: 0;}
section#contact .add_form .entryBox .appPartition{}
section#contact .add_form .entryBox .appPartition .wpcf7-radio .wpcf7-list-item {margin: 0 !important; display: block;}
section#contact .add_form .entryBox .appPartition .labelBox{margin: 10px 0;}
section#contact .add_form .entryBox .gameBox{border: 1px solid #eee; padding: 20px 20px 0; margin: 0 0 20px;}
section#contact .add_form .entryBox .gameBox h4{font-size: 14px; font-weight: 700; margin: -20px -20px 20px; padding: 10px; border-radius: 0;}
section#contact .add_form .entryBox .gameBox ul{list-style: none; margin: 0; padding: 0;}
section#contact .add_form .entryBox .gameBox li{display: block; margin: 0; width: 100%;}
section#contact .add_form .entryBox .gameBox li:last-child{margin: 0; width: 100%;}
section#contact .add_form .entryBox .statsTtl{margin-bottom: 15px;}
section#contact .add_form .entryBox .statsTtl h5::before{content: ""; background: #333; width: 4px; height: 18px; display: inline-block; margin: 0 4px 0 0; vertical-align: -4px;}
section#contact .add_form .entryBox .statsTtl p{font-size: 1.05rem; margin: 5px 0;}
section#contact .add_form .entryBox .statsData ul{display: flex; justify-content: space-between; margin: 0; padding: 0;}
section#contact .add_form .entryBox .statsData li{width: 45%; list-style: none; margin: 0; padding: 0;}
section#contact .add_form .entryBox .statsData li p{margin: 0;}
section#contact .add_form .entryBox .mvpData{margin: 0;}
section#contact .add_form .entryBox .mvpData ul{display: block; margin: 0; padding: 0;}
section#contact .add_form .entryBox .mvpData li p{width: 100%;; display: inline-block;}
section#contact .add_form .entryBox .mvpData li{width: 100%; list-style: none;}
section#contact .add_form .entryBox .mvpData li:first-child::after{display: none;}


/********* OneLeagueとは *********/
section#about {background:#fafafa;}
section#about .about_main_image{width:70%; height:auto; margin:0 auto;}
section#about .about_text_image{width:100%; height:auto; margin:0 auto;}
section#about h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size:16px; font-weight: bold; padding:10px 15px; margin:10px -15px;}
section#about h4{font-size:16px; font-weight:bold; color:#7498e2;}
section#about h5{font-weight:bold;}
section#about .inner { margin-bottom:30px;}
section#about .priod {color:#CCCCCC;}
section#about .stage_wrap {color:#f5f5f5; background:rgba(0,0,0,0.8); padding:15px 10px 10px 10px; border-radius:5px; border:1px solid rgba(0,0,0,0.2); position:relative; overflow:hidden;}
section#about .stage_wrap .ribbon {position:absolute; width:300px; text-align:center; background:#f22931; z-index:1; font-weight:bold; left:-100px; top:15px; padding:5px 0; border-bottom:rgba(0,0,0,0.5) 1px solid; transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
}
section#about .flow_image{margin:0 0 10px;}
section#about .flow_image img{border:1px solid rgba(0,0,0,0.2); border-radius:5px;}
section#about .guide{margin: 0 auto; width:100%;}
section#about .box{ border: 3px solid #9b0000; border-radius: 5px; float: left; height:auto; margin:2% 0; padding:0; width:100%;}
section#about .box:last-child{border: 3px solid #9b0000; border-radius: 5px; float: left; height:auto; margin:2% 0 0; padding:0; width:100%;}
section#about .guide .box a {background:#d7232a; color: #fff; text-align: center; display:block;}
section#about .guide .box a:hover {background:#bc2027; text-decoration:none; display:block;}
section#about .box .box_font1{display: block; float: left; font-size: 40px; line-height: 50px; margin:13px -15px 0 15px;}
section#about .box .box_font2{display: block; float: none; font-size: 12px; line-height: 28px;}
section#about .box .box_font3{display: block; float: none; font-size: 22px; line-height: 10px;}
section#about .box .box_font4{color: #000; display: block; float: none; font-size: 12px; line-height: 30px;}

/********* プレーオフ *********/
section#playoff {background:#fafafa;}
section#playoff h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 16px; font-weight: bold; padding:10px 15px; margin:35px -15px 10px;}
section#playoff h4{background: #eeeeee; border-top: 7px solid #525252; font-size: 18px; font-weight: bold; padding:10px 15px; margin:10px -15px;}
section#playoff h4.po_ttl{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size: 16px; font-weight: bold; padding:10px 15px; margin:10px -15px;}
section#playoff h5{background:url(../img/title_bg_02.gif) repeat; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; margin:0 0 15px; padding: 10px;}
section#playoff .playoff_image{margin:-5px -15px 10px;}
section#playoff .playoff_about{margin:0 0 15px; text-align:center;}
section#playoff .playoff_outline{}
section#playoff .playoff_outline .notice{border: 1px solid #ff0000; background: #ffddde; padding: 10px; margin: 20px 0 15px; text-align: center; font-size: 14px; font-weight: 700;}
section#playoff .playoff_outline .tournament_area{margin: 15px auto;}
section#playoff .playoff_outline ul{margin:0 0 15px -30px;}
section#playoff .playoff_outline li{}
section#playoff .inner{line-height: 1.7em; margin: 0 0 30px;}



section#playoff .inner .playoff_pdf_dl{}
section#playoff .inner .playoff_pdf_dl ul{margin:0 0 10px; padding:0; width:100%;}
section#playoff .inner .playoff_pdf_dl li{width:90%; float:none; list-style:none; margin:0 auto 10px;}
section#playoff .inner .playoff_pdf_dl li:last-child{width:90%; float:none; list-style:none; margin:0 auto;}
section#playoff .inner .playoff_pdf_dl a{width:100%;}
section#playoff .inner .btn-none{width:100%; background-color: #cccccc; border-color: #9e9e9e; color: #fff; -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap;}
section#playoff .inner .sns-btnArea{}
section#playoff .inner .sns-btnArea a{color: #fff; display:block; line-height: 0; padding:15px 0; text-decoration: none; width: 100%;}
section#playoff .inner .sns-btnArea a:hover{color: #fff; display:block; line-height: 0; padding:15px 0; text-decoration: none; width: 100%;}
section#playoff .inner .sns-btnArea ul{height: auto; margin:0 auto; padding:0 0 5%; width:90%;}
section#playoff .inner .sns-btnArea li{width: 100%; font-size:14px; color:#fff !important; text-decoration:none !important; float:none; text-align:center; margin: 0 0 3%; border-radius:3px; list-style:none;}
section#playoff .inner .sns-btnArea li:last-child{margin:0;}
section#playoff .inner .sns-btnArea li.share-twitter{background:#55acee; box-shadow:0 2px #2795e9;}
section#playoff .inner .sns-btnArea li.share-twitter:hover{background:#83c3f3;}
section#playoff .inner .sns-btnArea li.share-facebook{background:#3b5998; box-shadow:0 2px #2d4373;}
section#playoff .inner .sns-btnArea li.share-facebook:hover{background:#4c70ba;}

/**** MVP ****/
section#cpn_mvp {background:#121212; color:#fff; padding: 3% 0 0;}
section#cpn_mvp .bread_crumb{width:100%; padding:10px 0 28px;}
section#cpn_mvp #root {font-size:10px; line-height:20px; margin:0 0 2%; padding:0;}
section#cpn_mvp #root ul {margin:0; padding:0 0 0 10px;}
section#cpn_mvp #root li {display:inline;}
section#cpn_mvp #root li a {color:#c00a0a; padding:0px 15px 0px 0px; background:url(../img/arrow.png) no-repeat right center; margin:0px 5px 0px 0px;}
section#cpn_mvp #root .current{display:inline-table; line-height:1.3em; max-width:550px;}
section#cpn_mvp .mvp_main_image{width:100%; background:url(../img/cpn_mvp_mainimage.jpg) no-repeat 50% 0; background-size:230%; margin:3% 0 0; padding:1px 0;}
section#cpn_mvp .mvp_main_image .mvp_player_btn{margin:0;}
section#cpn_mvp .mvp_main_image .mvp_player_btn img{width:100%;}
section#cpn_mvp .mvp_main_image ul{margin:70% auto 3%; width:90%; display:block; padding:0;}
section#cpn_mvp .mvp_main_image li{float:none; list-style:none; width:100%; margin:0 0 3%; padding:0;}
section#cpn_mvp .mvp_main_image li:last-child{margin:0;}
section#cpn_mvp .mvp_main_image .mvp_player_btn a:hover{box-shadow:0 0 3px 3px #e6dbc1; transition: box-shadow 0.3s ease 0s; display:block;}
section#cpn_mvp .player_bg{background:url(../img/cpn_mvp_player_mainimage.jpg) no-repeat 50% 0; background-size:cover; text-indent:-9999px; height: auto; margin:3% 0; padding: 10% 0;}
section#cpn_mvp h3{background:url(../img/title_bg_01.gif) repeat; border-top: 7px solid #9b0000; color: #fff; font-size:16px; font-weight: bold; margin:10px -15px; padding: 10px 15px;}
section#cpn_mvp h3.archive{padding:10px -15px 20px; margin:10px -15px 20px;}
section#cpn_mvp h4{font-size:16px; font-weight:bold; color:#bb9c2f;}
section#cpn_mvp h5{font-weight:bold;}
section#cpn_mvp .inner {margin-bottom:30px;}
section#cpn_mvp .inner ol{margin: 0 0 0 -15px;}
section#cpn_mvp .mvp_item_txt{margin:10px 0;}
section#cpn_mvp .mvp_item_image{margin:0; padding:0;}
section#cpn_mvp .btn-mvp{border:#fff 1px solid; margin:0 auto; display:block; width:70%; padding: 10px;}
section#cpn_mvp .office_info{border-top:#3c3c3c 1px solid; margin: 20px 0 0; padding-top: 5px;}
section#cpn_mvp .office_info h5{font-size:18px; font-weight:bold;}
section#cpn_mvp .office_info .fax_num{font-size:18px; font-weight: bold; margin: -10px 0 5px;}
section#cpn_mvp .archive_area{background:none; margin:3% 0 20px;}
section#cpn_mvp .archive_area:last-child{margin:3% 0 0;}
section#cpn_mvp .archive_area h3{margin:0 -15px 20px;}
section#cpn_mvp .archive_area .detail{}
section#cpn_mvp .archive_area .detail a{font-size:10px; color: #fff; display: block; font-weight: bold; padding:2% 10%; text-decoration: none;}
section#cpn_mvp .archive_area .detail a:hover{opacity:0.6;}
section#cpn_mvp .archive_area .detail ul{margin: 0 auto; width:100%; padding:0;}
section#cpn_mvp .archive_area .detail li{background:#ed5c1d; float:left; width:31%; list-style:none; text-align:center; border: 2px solid #fff; border-radius: 10px; box-shadow:0 0 0 2px #ed5c1d; margin:0 3% 3% 0;}
section#cpn_mvp .archive_area .detail li:nth-child(2n){background:#f39801; box-shadow: 0 0 0 2px #f39801; margin:0 3% 3% 0;}
section#cpn_mvp .archive_area .detail li:nth-child(3n){background:#0da39b; box-shadow: 0 0 0 2px #0da39b; margin:0 0 3% 0;}

section#cpn_mvp .archive_area .detail li.none{font-size:10px; color:#9A9A9A; display:block; font-weight: bold; padding:0.4% 3%; background:rgba(255, 255, 255, 0.15); text-decoration: none; border: 3px solid #000;}
section#cpn_mvp .archive_area .detail li.none img{opacity:0.5;}
section#cpn_mvp .archive_area .detail p{margin:0;}


/**** GRAND FINAL ****/
section#grand-final{width: 100%; background: #fafafa;}
section#grand-final span.notice{font-weight: 700; color:#c00a0a; display: inline-block !important; text-indent: 0 !important;}
section#grand-final .main_image{width:100%; border-bottom: 2px solid #fafafa; margin: 0; /* margin: 3% 0 0; */}
section#grand-final .main_image #sns_share .sns-btnArea .box-tbl{margin: 15px 20px -15px 0;}
section#grand-final .main_image .head-image{}
section#grand-final .main_image .title-area{width:100%; padding:5px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#900000+20,fa0505+50,900000+80 */
background: rgb(144,0,0); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(144,0,0,1) 20%, rgba(250,5,5,1) 50%, rgba(144,0,0,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(144,0,0,1) 20%,rgba(250,5,5,1) 50%,rgba(144,0,0,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(144,0,0,1) 20%,rgba(250,5,5,1) 50%,rgba(144,0,0,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900000', endColorstr='#900000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section#grand-final .main_image .title-image{background:#cc0000; width:100%; margin:0; padding:10px 0 20px;}
section#grand-final .main_image .title-image h1{width:85%; margin:0 auto; padding:0;}
section#grand-final .main_image .head-image{background-color:#000; background-size: cover; width:100%; height: auto; padding: 7% 0;}
section#grand-final .main_image .foot-image{background-color:#000; background-size: cover; width:100%; height: auto; padding: 7% 0;}
section#grand-final .main_image .gf2016_head{background:url(../img/grand_final/2016/mainimage_header.jpg) no-repeat 50% 50%; background-size: cover;}
section#grand-final .main_image .gf2016_foot{background:url(../img/grand_final/2016/mainimage_footer.jpg) no-repeat 50% 50%; background-size: cover;}
section#grand-final .main_image .gf2017_head{background:url(../img/grand_final/2017/mainimage_header.jpg) no-repeat 50% 50%; background-size: cover;}
section#grand-final .main_image .gf2017_foot{background:url(../img/grand_final/2017/mainimage_footer.jpg) no-repeat 50% 50%; background-size: cover;}
section#grand-final .main_image .gf2018_head{background:url(../img/grand_final/2018/mainimage_header.jpg) no-repeat 50% 50%; background-size: cover;}
section#grand-final .main_image .gf2018_foot{background:url(../img/grand_final/2018/mainimage_footer.jpg) no-repeat 50% 50%; background-size: cover;}
section#grand-final .main_image .gf2019_head{background:url(../img/grand_final/2019/mainimage_header.jpg) no-repeat 50% 50%; background-size: cover;}
section#grand-final .main_image .gf2019_foot{background:url(../img/grand_final/2019/mainimage_footer.jpg) no-repeat 50% 50%; background-size: cover;}
section#grand-final .main_image .gf2020_head{background:url(../img/grand_final/2020/mainimage_header.jpg) no-repeat 50% 50%; background-size: cover;}
section#grand-final .main_image .gf2020_foot{background:url(../img/grand_final/2020/mainimage_footer.jpg) no-repeat 50% 50%; background-size: cover;}

section#grand-final .main_image .gfc_title-image{width:100%; margin:0; padding:10px 0 20px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(192,192,192) 100%);
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(192,192,192) 100%);
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(192,192,192) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0c0c0',GradientType=0 );
}

section#grand-final .gf-nav{width: 100%; background: url(../img/gf_bg_01.gif) repeat;}
section#grand-final .gf-nav ul{width: 100%; margin: 0 auto; padding: 0;}
section#grand-final .gf-nav li{float: left; width: 33.33%; list-style: none; border-right: 1px solid #fff; margin: 15px 0;}
section#grand-final .gf-nav li:first-child{border-left: 1px solid #fff;}
section#grand-final .gf-nav a{color: #fafafa; display: block; font-size: 14px; font-weight: bold; margin: -15px 0; padding: 15px 0; text-align: center; width: 100%; text-shadow:1px 1px 0 #0c0c0c;}
section#grand-final .gf-nav a:hover{text-decoration: none; background:url(../img/nav_bg_hover.png) repeat-x 0 90%  !important;}
section#grand-final .gf-nav a:focus{text-decoration: none;}
section#grand-final .gf-nav .none{color: #d93c44; font-size: 14px; font-weight: bold; margin: -15px 0; padding: 15px 0; text-align: center; width: 100%; text-shadow:1px 1px 0 #0c0c0c;}
section#grand-final .gf-nav .active{background:url(../img/nav_bg_hover.png) repeat-x 0 90%  !important;color: #fafafa; font-size: 14px; font-weight: bold; margin: -15px 0; padding: 15px 0; text-align: center; width: 100%; text-shadow:1px 1px 0 #0c0c0c;}

section#grand-final .container{width: 95%; background: url(../img/gf_bg_02.gif) repeat; margin:0 auto 4%; padding:1%;}
section#grand-final .snsArea{background:#121212; margin: -3% auto; padding: 10px 15px; width: 100%;}
section#grand-final .snsArea #sns_share{margin: 0; padding: 0; width: 100%;}

section#grand-final #intro .container{background:none;}
section#grand-final #intro h2{margin:4% 0;}
section#grand-final #intro p{font-size: 14px; line-height: 1.6em; margin:0 5px}
section#grand-final #intro .info-banner{margin: 0 auto 5%; width: 90%;}
section#grand-final #intro .info-banner a:hover img{opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
section#grand-final #intro .event-notice{background: #f8df08; border: 2px solid #555; margin: -10px auto 25px; padding: 5px 0; text-align: center; width: 95%;}
section#grand-final #intro .event-notice p{font-size: 12px; line-height: 1.3em;}
section#grand-final #intro .challenge-event-notice{background: #f8df08; border: 2px solid #555; margin: 10px auto 0; padding: 5px 0; text-align: center; width: 95%;}
section#grand-final #intro .challenge-event-notice p{font-size: 12px; line-height: 1.3em;}

section#grand-final #entry .btn-none{width:100%; background-color: #cccccc; border-color: #9e9e9e; color: #fff; -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap;}

section#grand-final #team{margin:4% auto 0;}
section#grand-final #team .detail .entryList{border-bottom: 1px solid #d4d4d4; margin:0 0 5%; padding: 0 0 6%;}
section#grand-final #team .detail .entryList:last-child{border-bottom:none;}
section#grand-final #team .detail .entryList h4{margin:0 0 10px;}
section#grand-final #team .detail .entryList:last-child{margin:0; padding:0;}
section#grand-final #team .detail .entryList ul{width:100%; margin:0; padding:0;}
section#grand-final #team .detail .entryList li{padding:10px; width:100%; height:auto; list-style: none;}
section#grand-final #team .detail .entryList .team-image a:hover img{opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}

section#grand-final #team .detail .entryList .stage-1st .team-image,
section#grand-final #team .detail .entryList .stage-2nd .team-image,
section#grand-final #team .detail .entryList .stage-3rd .team-image,
section#grand-final #team .detail .entryList .stage-yaer .team-image,
section#grand-final #team .detail .entryList .wild-card .team-image{
	margin: 0 0 10px;
}
section#grand-final #team .detail .entryList .stage-1st .team-detail,
section#grand-final #team .detail .entryList .stage-2nd .team-detail,
section#grand-final #team .detail .entryList .stage-3rd .team-detail,
section#grand-final #team .detail .entryList .stage-yaer .team-detail,
section#grand-final #team .detail .entryList .wild-card .team-detail{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
section#grand-final #team .detail .entryList .stage-1st .team-detail .team-name,
section#grand-final #team .detail .entryList .stage-2nd .team-detail .team-name,
section#grand-final #team .detail .entryList .stage-3rd .team-detail .team-name,
section#grand-final #team .detail .entryList .stage-yaer .team-detail .team-name,
section#grand-final #team .detail .entryList .wild-card .team-detail .team-name{
	text-align: center;
	width: 75%;
	padding: 0;
}
section#grand-final #team .detail .entryList .stage-1st .team-detail .winner,
section#grand-final #team .detail .entryList .stage-2nd .team-detail .winner,
section#grand-final #team .detail .entryList .stage-3rd .team-detail .winner{
	width: 20%;
	max-width: 64px;
}
section#grand-final #team .detail .entryList .stage-1st .team-detail .winner img,
section#grand-final #team .detail .entryList .stage-2nd .team-detail .winner img,
section#grand-final #team .detail .entryList .stage-3rd .team-detail .winner img{
	width: 100%;
}
section#grand-final #team .detail .entryList .stage-1st{border:5px #ed5c1d solid;}
section#grand-final #team .detail .entryList .stage-1st .team-detail .team-name p{color:#ed5c1d; margin:0 0 5px; font-size:20px; font-weight:bold; line-height: 1;}
section#grand-final #team .detail .entryList .stage-1st .team-detail .team-name p.shop-name{color: #333; font-size: 14px; font-weight: normal;}
section#grand-final #team .detail .entryList .stage-1st .team-detail .team-name span{color:#ed5c1d; font-size:12px; font-weight:bold; margin: 0;}
section#grand-final #team .detail .entryList .stage-2nd{border:5px #f39801 solid;}
section#grand-final #team .detail .entryList .stage-2nd .team-detail .team-name p{color:#f39801; margin:0 0 5px; font-size:20px; font-weight:bold; line-height: 1;}
section#grand-final #team .detail .entryList .stage-2nd .team-detail .team-name p.shop-name{color: #333; font-size: 14px; font-weight: normal;}
section#grand-final #team .detail .entryList .stage-2nd .team-detail .team-name span{color:#f39801; font-size:12px; font-weight:bold; margin: 0;}
section#grand-final #team .detail .entryList .stage-3rd{border:5px #0da39b solid;}
section#grand-final #team .detail .entryList .stage-3rd .team-detail .team-name p{color:#0da39b; margin:0 0 5px; font-size:20px; font-weight:bold; line-height: 1;}
section#grand-final #team .detail .entryList .stage-3rd .team-detail .team-name p.shop-name{color: #333; font-size: 14px; font-weight: normal;}
section#grand-final #team .detail .entryList .stage-3rd .team-detail .team-name span{color:#0da39b; font-size:12px; font-weight:bold; margin: 0;}
section#grand-final #team .detail .entryList .stage-yaer{border:5px #da0000 solid;}
section#grand-final #team .detail .entryList .stage-yaer .team-detail .team-name{width: 100%;}
section#grand-final #team .detail .entryList .stage-yaer .team-detail .team-name p{color:#da0000; margin:0 0 5px; font-size:18px; font-weight:bold; line-height: 1;}
section#grand-final #team .detail .entryList .stage-yaer .team-detail .team-name p.shop-name{color: #333; font-size: 14px; font-weight: normal;}
section#grand-final #team .detail .entryList .wild-card{border:5px #007bda solid;}
section#grand-final #team .detail .entryList .wild-card .team-detail .team-name{width:100%;}
section#grand-final #team .detail .entryList .wild-card .team-detail .team-name p{color:#007bda; margin:0 0 5px; font-size:18px; font-weight:bold; line-height: 1;}
section#grand-final #team .detail .entryList .wild-card .team-detail .team-name p.shop-name{color: #333; font-size: 14px; font-weight: normal;}




section#grand-final #result{margin:30px auto 0;}
section#grand-final #result_outline{margin:30px auto 0;}
section#grand-final #result .detail .winner_image{background: #cc0000; border-radius: 5px; margin: 0 0 2%; padding:3%;}
section#grand-final #result .detail .winner_image h5{margin: 0 0 2%;}
section#grand-final #result .detail .winner_image .team_image{width: 100%; margin:0;}
section#grand-final #result .detail .winner_image .team_detail{float: left; width: 33%; color: #fff; text-align: center;}
section#grand-final #result .detail .winner_image .team_detail p{font-size: 28px; font-weight: bold; line-height: 0.8em;}
section#grand-final #result .detail .winner_image .team_detail span{ font-size: 14px; font-weight: normal;}
section#grand-final #result .detail .runner-up_image{border: #c20000 3px solid; padding: 5% 3%; border-radius: 5px;}
section#grand-final #result .detail .runner-up_image h5{background:url(../img/gf_bg_03.gif) repeat; color: #fff; text-align: center; font-weight: bold; font-size: 16px; margin: 0 0 2%; padding:1.5% 0;}
section#grand-final #result .detail .runner-up_image ul{width: 100%; padding: 0; margin: 0;}
section#grand-final #result .detail .runner-up_image li{float: none; width: 95%; list-style: none; margin: 0 auto 3%; padding: 0;}
section#grand-final #result .detail .runner-up_image li:last-child{margin: 0 auto; padding: 0;}
section#grand-final #result .detail .runner-up_image .team_image{}
section#grand-final #result .detail .runner-up_image .team_detail{text-align: center; margin: 2% 0 0;}
section#grand-final #result .detail .runner-up_image .team_detail p{color:#c20000; margin: 0; font-size: 14px; font-weight: bold; line-height: 1.2em;}
section#grand-final #result .detail .runner-up_image .team_detail span{color:#333; margin: 0; font-size: 12px; font-weight: normal;}
section#grand-final #result_gallery{}
section#grand-final #result_gallery .image_list{margin: 0 auto; padding:0; width: 100%;}
section#grand-final #result_gallery .image_list ul{clear: both; display: block; margin: 0; padding: 0;}
section#grand-final #result_gallery .image_list li{float: left; list-style-type: none; margin:0 5% 5% 0; width: 47%;}
section#grand-final #result_gallery .image_list li:nth-child(2n){float: left; list-style-type: none; margin:0 0 5% 0;}
section#grand-final #result_gallery .image_list img{width:100%;}
section#grand-final #result_gallery .image_list a:hover{opacity: 0.8;}
section#grand-final #result_gallery .notice{margin:10px 0; text-align: right; font-size: 10px;}

section#grand-final .detail{background:#fafafa; padding:3%;}
section#grand-final .detail h3{background:url(../img/gf_bg_01.gif) repeat; border-top:7px solid #9b0000; color: #fafafa; font-size: 16px; font-weight: bold; margin:-3.25% -3.25% 5%; padding:7px 10px;}
section#grand-final .detail h4{color: #c20000; font-size: 16px; font-weight: bold; border-bottom:#c20000 2px solid; margin:3% 0; padding:0 0 5px;}
section#grand-final .detail h5{font-size: 14px; font-weight: bold; margin:0 0 6px; padding: 0;}
section#grand-final .detail dl{margin: 0; padding: 0;}
section#grand-final .detail dt{color: #c20000; font-size: 16px; font-weight: bold; margin:0 0 3px;}
section#grand-final .detail dd{font-size: 12px; border-bottom: 1px dotted #3f3f3f; margin:0 0 4%; padding: 0 0 3%;}
section#grand-final .detail dd:last-child{border-bottom:none; margin:0; padding:0;}
section#grand-final .detail ul{margin:0; padding: 0;}
section#grand-final .detail li{margin:0 0 3% 20px; padding: 0;}
section#grand-final .detail li:last-child{margin:0 0 0 20px; padding: 0;}
section#grand-final .detail .flow-image{background: #20272d; margin: 0; border-radius: 5px;}
section#grand-final .detail .one-league-asia{background: #b81c22; border-radius: 5px; width:100%; margin: 0 auto; padding: 5px;}
section#grand-final .detail .one-league-asia .detail_text{float: none; margin: 0; width: 100%;}
section#grand-final .detail .one-league-asia .detail_text h3{background: none; text-align: center; border-top: none; font-size: 16px; margin:15px 0; padding: 0;}
section#grand-final .detail .one-league-asia .detail_text p{width: 90%; background: #fafafa; border-radius: 5px; display: block; font-size: 12px; margin:0 auto 4%; padding: 3%;}
section#grand-final .detail .one-league-asia .detail_image{float: none; margin: 0 auto 2%; width: 90%;}
section#grand-final .detail .outline_detail{border-bottom:1px dotted #000; font-size: 12px; margin: 0 0 4%; padding: 0 0 3%;}
section#grand-final .detail .outline_detail span{display: block; text-indent: 0;}
section#grand-final .detail .outline_detail:last-child{border-bottom:none; margin:0; padding: 0;}
section#grand-final .detail .outline_detail ul{margin:0; padding: 0;}
section#grand-final .detail .outline_detail li{margin:0 0 5% 20px; padding: 0;}
section#grand-final .detail .outline_detail li:last-child{margin: 0 0 0 20px;}
section#grand-final .detail .outline_detail table{border:#0c0100 1px solid; width:98%;}
section#grand-final .detail .outline_detail tr{}
section#grand-final .detail .outline_detail th{background: #dfdfdf; width: 15%; border-right: 1px solid #0c0100; border-bottom: 1px solid #0c0100; padding: 3%; text-align: center; white-space: nowrap;}
section#grand-final .detail .outline_detail th:nth-child(2){ width: 85%;}
section#grand-final .detail .outline_detail td{text-align: center; border-right: 1px solid #0c0100;  border-bottom: 1px solid #0c0100; padding: 3%;}
section#grand-final .detail .outline_detail td:nth-child(2){text-align:left;}
section#grand-final .event_notice{ font-size: 12px;}

section#grand-final .event-sns{background:#FFFFFF;}
section#grand-final .event-sns h5{font-size: 12px; font-weight: bold; margin:0 0 15px; text-align: center;}
section#grand-final .event-sns h5:before{content: url(../img/grand_final/sns_icon.png); margin: 5px; position: relative; top: 10px;}
section#grand-final .event-sns .sns-btnArea{}
section#grand-final .event-sns .sns-btnArea a{color: #fff; display:block; line-height: 0; padding:15px 0; text-decoration: none; width: 100%;}
section#grand-final .event-sns .sns-btnArea a:hover{color: #fff; display:block; line-height: 0; padding:15px 0; text-decoration: none; width: 100%;}
section#grand-final .event-sns .sns-btnArea ul{height: auto; margin:0 auto; padding:0 0 5%; width:90%;}
section#grand-final .event-sns .sns-btnArea li{width: 100%; font-size:14px; color:#fff !important; text-decoration:none !important; float:none; text-align:center; margin: 0 0 3%; border-radius:3px; list-style:none;}
section#grand-final .event-sns .sns-btnArea li:last-child{margin:0;}
section#grand-final .event-sns .sns-btnArea li.share-twitter{background:#55acee; box-shadow:0 2px #2795e9;}
section#grand-final .event-sns .sns-btnArea li.share-twitter:hover{background:#83c3f3;}
section#grand-final .event-sns .sns-btnArea li.share-facebook{background:#3b5998; box-shadow:0 2px #2d4373;}
section#grand-final .event-sns .sns-btnArea li.share-facebook:hover{background:#4c70ba;}

/* 無分類 */
/*  start scroll up style  */
#scrollUp {bottom: 20px; right: 20px; height: 38px;  /* Height of image */ width: 38px; /* Width of image */ background: url("../img/totop.png") no-repeat;}
.themes {padding: 0; margin: 0; margin-bottom: 20px; float: left; width: 100%;}
.themes li {text-align: center; display: block; float: left; width: 30%; margin-left: 4%;}
.themes li:first-of-type {margin-left: 0%;}
.themes li a {display: block; border-radius: 6px; color: #eee; padding: 10px; background: #444;
-webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-transition: all 200ms ease-out; -mozilla-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
.themes li a:hover,
.themes li a.active {background: #F66169; color: #FAEFDE;}
#toggleActive {padding: 6px; width: 160px; text-align: center; display: inline-block; background: #333; color: #eee; font-size: 14px; cursor: pointer; border-radius: 6px;
-webkit-transition: all 200ms ease-out; -mozilla-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
#toggleActive.active {background: #F66169; color: #FAEFDE;}
#scrollUp-active{display: none;}

}

/*responsive tablet ===================================================================================*/
@media (max-width: 767px) {
section#about_cont h3{ font-size:18px;}
#contact_cont .col-md-6 { margin-bottom:20px;}
ul.support { width:100%}
ul.support li { width:auto; text-align:center; padding:1% 0;}
ul.support li img { height:38px;}
.stage_wrap { margin-bottom:10px;}
.stage_wrap p { font-size:12px; margin-bottom:5px; }

/*navigation*/
.navbar-default {background:#d7232a; border-color: #bc2027;}
.navbar-default .navbar-nav > li > a { color:#FFFFFF}
.navbar-nav .none_link{color:#99161c; display: block; padding: 10px 15px; position: relative;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #bc2027; background: #bc2027;}
.navbar-default .navbar-brand{color:#FFF;}
.navbar-default .navbar-toggle{ border-color:rgba(0,0,0,0.2); margin-top:12px !important;} 
.navbar-default .navbar-toggle .icon-bar { background:rgba(0,0,0,0.2)}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:rgba(0,0,0,0.2)}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color:rgba(0,0,0,0.2); color:#FFF; font-weight:bold;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color:#FFFFFF}
.navbar-brand img {height:35px;}
.navbar-brand { padding:10px;}
.sidemenu_wrap { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #F2F2F2;}
#sidemenu.affix { position:static}
.bn-wrap a { font-size:12px}
.fb_wrap { margin: 4% 0;}
.fb-page { margin-left:auto}
}