/* style.css */
/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/


/* basic layout
   ========================================================================== */
html {

}
body {
    background-color: #161a4c;
    background-image: url(./images/bg_blue.gif);
    color: #eee;
    font-size: 1.4rem;
    font-family: 'Noto Sans JP', sans-serif;
}
.container {
    
}
header {
    border-bottom: 4px solid #b40126;
    position: fixed;
    top: 0px;
    width: 100%;
    margin: auto;
    z-index: 99;
    display: block;
}

main {
    padding: 66px 0 0;
}
footer {
    border-top: 4px solid #b40126;
}
a {
    color: #1e7adb;
    text-decoration: none;
}
a:hover {
    color: #f39800;
}
.clear {
    clear:both;
}
.mb {
    margin-bottom: 2em;
}
img.alignnone {
    max-width: 100%;
    height: auto;
}
img.alignright {
    max-width: 100%;
    height: auto;
    float: right;
    margin: 0 0 1em 1em;
}
img.aligncenter {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto 1em;
}
img.alignleft {
    max-width: 100%;
    height: auto;
    float: left;
    margin: 0 1em 1em 0;
}
.text-center {
    text-align: center !important;
}



/* slider
   ========================================================================== */
.slider{
    margin: auto;
    width: 100%;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slider li {
    margin: 1em 0.6em;
}


#slider,#thumbnail_slider{
    width: 100%;
    margin: 0 auto 10px;
}
#thumbnail_slider img{
    width: 100%;
    margin: 0 auto 10px;
}
.slide-item img{
    width: 100%;
} 
#slide-item img{
    width: 100%;
} 
.thumbnail-item img{
    width: 100%;
    margin: 0 auto;
}
.slick-slide img{
    width: 100%;
    margin: 0 auto;
}


/* background
   ========================================================================== */

.bg_blue {
    background-color: #161a4c;   /* #111987 */
}
.bg_darkblue {
    background-image: url(./images/bg_blue.gif);
}
.bg_white {
    background-color: #ffffff;
    padding: 1em 10px;
}
.bg_player {
    background-image: url(./images/player_bg2.jpg);
    width: 100%;
    height: auto;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.article_padding{
    padding: 2em 0;
}
.article_padding_btm {
    padding: 0 0 2em;
}
.col_padding {
    padding: 1em 1em;
}
.col_margin {
    margin-bottom: 2em;
}
.flex-box {
    display: block;
}
.pagetop_btn {
    padding: 1em 1em;
    text-align: center;
}

/* header
   ========================================================================== */

.header_sub_menu .logo{
    float: left;
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: 100;
}
.logo a{
    display: block;
}
.header_sub_menu h1{
    float: left;
    color: #fff;
    font-size: 1.8rem;
    margin: 0.4em 0 0.4em 62px;
    padding: 0;
    line-height: 1.0;
    font-family: 'Open Sans', sans-serif;
}
.header_sub_menu h1 span{
    font-size: 1.5rem;
    float: left;
}
.header_sub_menu ul{
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
.header_sub_menu ul li{
    display: inline-block;
    margin: 8px 0 0;
}

.sns_btn {
    display: none;
}


/* nav
   ========================================================================== */

nav {
    
}
nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    text-align: right;
}
nav ul li{
    text-align: center;
    line-height: 0.9;
    margin-bottom: 0;
}
nav a{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    display: block;
    font-size: 1.8rem;
    padding: 0.4em 0.7em 0.4em;
}
nav a span{
    font-size:1.1rem;
}
nav li:hover {
    /*background-color: #161a4c;*/
}
nav a:hover {
    color: orange;
    /*background-color: #161a4c;*/
}
nav ul li ul {
    display: none;
}
nav ul li:hover ul {
    display: none;
}

#menu {
    width: 42px;
    height: 42px;
    display: block;
    float: right;
    margin: 10px;
    background-image: url("./images/menu-btn.png");
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

#menu.on {
    background-image: url("./images/menu-btn-on.png");
}



/* .ticket_btn
   ========================================================================== */

.ticket_btn {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 60px;
}
.ticket_btn a {
    display: block;
    text-decoration: none;
    background-color: #f39800;
}
.ticket_btn a img {
    width: 100%;
    vertical-align: bottom;
}

.ticket_btn a:hover {
    background-color: #f9c500;
}


/* main
   ========================================================================== */


main h2{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    display: block;
    font-size: 2.6rem
}
main h2 span{
    /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
    font-size:1.6rem;
}
article.bg_player h2 {
    padding: 0.4em 1em;
}
.parent h3 {
    color: #fff;
    font-size: 3.0rem;
    text-align: center;
    padding: 1.2em 0 0.4em;
    font-weight: 600;
}
.button {
    color: #fff;
    display:block;
    font-size: 1.4rem;
    width: 100%;
    background-color: #f39800;
    transition: all 0.5s;
    border: none;
    line-height: 2.0;
    height: auto;
    padding: 0;
    border-radius: 0;
}
.button:hover {
    color: #111987;
    background-color: #f9c500;
}

article.page,
article.bg_blue {
    color: #555;
}
article.page h2,
article.bg_blue h2 {
    color: #fff;
    text-align: center;
    font-size: 2.4rem;
    padding: 0.6em 0;
    font-weight: 600;
}
article.page h3,
article.bg_blue h3 {
    text-align: center;
    font-size: 3.2rem;
    padding: 0.6em 1em;
    /*border-top: 4px solid #b40126;*/
}
article.page h4 {
    font-size: 2.6rem;
    padding: 0.6em 1em;
}
article.page p {
    font-size: 1.8rem;
    padding: 0.6em 1em;
}


article.bg_blue .bg_darkblue h2{
    color: #fff;
    text-align: left;
    font-size: 3.2rem;
    padding: 0;
}
article.bg_blue .bg_darkblue p{
    color: #fff;
}



/* page single
   ========================================================================== */

article.bg_blue .bg_white h2 {
    color: #555;
    font-size: 2.0rem;
    padding: 0.8em 0 0.8em;
    border-bottom: 4px solid #dedfe8;
}
article.bg_blue .bg_white h3 {
    color: #555;
    font-size: 2.2rem;
    text-align: left;
    padding: 0.6em 0 0;
}
article.bg_blue .bg_white h4 {
    color: #555;
    font-size: 1.9rem;
    padding: 0.6em 0.4em 0.6em;
    margin: 0 0 1em;
    background-color: #efefef;
    text-align: center;
}
article.bg_blue .bg_white h5 {
    color: #555;
    font-size: 1.8rem;
    text-align: left;
    padding: 0.6em 0;
    border-bottom: 2px dashed #dedfe8;
    margin: 0 0 0.6em;
}

article.bg_blue .bg_white p {
    font-size: 1.6rem;
    padding: 0.4em 0 0.6em;
    margin-bottom: 0.4em;
}
article.bg_blue .bg_white p strong {
    color: #b40126;
}
article.bg_blue .bg_white img {
    max-width: 100%;
}
article.bg_blue .bg_white a {
    word-break: break-all;
}

i {
    font-style: normal;
    font-weight: bold;
    color: #7c6bff;
}
.attention {
    background-color: #f1f4fb;
    padding: 1em 1em 0.6em;
}
ul {
    list-style: none inside;
}

article.bg_blue .bg_white div.btn-orange a,
article.bg_blue .bg_white div.btn-blue a,
article.bg_blue .bg_white div.btn-pdf a,
article.bg_blue .bg_white div.btn a {
    font-size: 1.6rem;
    padding: 0.6em 0;
    text-align: center;
    background-color: #fff;
    display: block;
    margin: 0 0 1em;
}
article.bg_blue .bg_white div.btn-orange a {
    color: #fff;
    background-color: #f39800;
}
article.bg_blue .bg_white div.btn-blue a {
    color: #fff;
    background-color: #161a4c;
}
article.bg_blue .bg_white div.btn-pdf a {
    color: #555;
    background-color: #ffefef;
    border: 2px solid #b40126;
}

article.bg_blue .bg_white div.btn a:hover {
    background-color: #1237b3;
}
article.bg_blue .bg_white div.btn-orange:hover a {
    background-color: #f9c500;
}
article.bg_blue .bg_white div.btn-blue:hover a {
    background-color: #1e7adb;
}
article.bg_blue .bg_white div.btn-pdf:hover a {
    background-color: #ffe0e0;
}


/* keyvisual
   ========================================================================== */
.top_info {
    margin-bottom: 2em;
}
.top_info p {
    font-size: 1.6rem;
    text-align: center;
}
.btn {
    width: 80%;
    margin: 0 auto;
}
.btn .button{
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 0.4em 0.4em;
}

/* result
   ========================================================================== */
.result {
    display: flex;
    width: 100%;
    margin: 0 0 0.4em;
}
.result .left_box {
    color: #fff;
    font-size: 1.2rem;
    float: left;
    width: 33.3%;
    text-align: center;
}
.result .left_box img {
    margin: 0 auto;
    width: 100%;
}
.result div.score {
    float: left;
    width: 33.3%;
    text-align: center;
    margin: 0 auto;
}
.result div.score dl {
    margin: 0;
}
.result div.score dl dt {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    font-size: 3.4rem;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
.result div.score dl dd {
    color: #fff;
    /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
.result .right_box {
    color: #fff;
    font-size: 1.2rem;
    float: left;
    width: 33.3%;
    text-align: center;
}
.result .right_box img {
    margin: 0 auto;
    width: 100%;
}


/* table
   ========================================================================== */
main table {
    width:100%;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
main table th,
main table td {
    font-size: 1.6rem;
    color: #555;
    padding: 1em 2em;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
main th:first-child,
main td:first-child {
    padding: 1em 2em; 
}
main th:last-child,
main td:last-child {
    padding: 1em 2em;  
}
main table th {
    background-color: #f7f7f7;
}
main table tr.bg_select td {
    background-color: #c2daff;
}

.home main table th,
.home main table td {
    font-size: 1.2rem;
    color: #555;
    padding: 0.6em 0.4em;
}


/* match-schedule
   ========================================================================== */

.bg_white table {  }
.bg_white th,
.bg_white td  {
    font-size: 1.4rem;
    padding: 0.4em 1em;
}
.bg_white th  {  }
.game-list th, .game-list td  {  }
.game-list thead {
    display:none;
}



main table.game-list th,
main table.game-list td {
    font-size: 1.4rem;
    padding: 0.4em 1em;
}
.game-list tr {
    display:block;
}
.game-list th {
    display:block;
}
.game-list td {
    display: list-item;
      list-style: none;
    border-bottom:none;
}
.game-list td:last-child {
    border-bottom: 1px solid #ccc;
}
.game-list tbody tr.bg_home td.score-box,
.game-list tbody tr.bg_away td.score-box {
    width: auto;
    text-align: center;
}
.game-list tbody tr.bg_home td {
    background-color: #f1f4fb;
}

.game-list a {
    display: block;
}
div.cl-logo {
    width: 28%;
    float:left;
    text-align: center;
}
div.cl-logo img {
    width: 100%;
}
div.gl-score-game,
div.gl-score {
    width: 44%;
    float:left;
    color: #555;
    display: block;
    text-align: center;
}
div.gl-score-game {
    font-size: 6.0rem;
}
div.gl-score {
    font-size: 2.4rem;
}
div.gl-score span{
    display: block;
    font-size: 1.4rem;
    padding: 0.2em;
    border: 1px solid #ccc;
    background-color: #efefef;
    width: 80%;
    margin: auto;
}
div.gl-score dl{
    margin: 0 0 1em;
}
div.gl-score dl dt{
    font-family: 'Open Sans', sans-serif;
    display: block;
    font-size: 4rem;
    text-align: center;
    
}
div.gl-score dl dd{
    display: block;
    font-size: 1.0rem;
    text-align: center;
    margin: 0;
}

.game-list th span {
    padding-right: 1em;
}
.game-list a:hover div.gl-score {
    color: orange;
}










/* ul4-3 ul4-2 ul3-2 ul5-3
   ========================================================================== */
ul.ul4-3 {
    text-align: center;
}
.bg_white ul.ul4-3 {
    padding: 2em;
    overflow: hidden;
}
ul.ul4-3 li {
    list-style: none;
    float: left;
    width: 31%;
    margin: 0 2% 0.6em 0;
}
ul.ul4-3 li a img {
    width: 100%;
}



ul.ul4-2 {
    text-align: center;
}
.bg_white ul.ul4-2 {
    overflow: hidden;
}
ul.ul4-2 li {
    list-style: none;
    float: left;
    width: 48%;
    margin: 0 2% 0.6em 0;
}
ul.ul4-2 li:nth-child(2n+1) {
  clear: both;
}

ul.ul4-2 li a img {
    width: 100%;
}


ul.ul3-2 {
    text-align: center;
}
.bg_white ul.ul3-2 {
    padding: 2em 0;
    overflow: hidden;
}
ul.ul3-2 li {
    list-style: none;
    float: left;
    width: 48%;
    margin: 0 2% 0.6em 0;
}
ul.ul3-2 li a img {
    width: 100%;
}


ul.ul5-3 {
    text-align: center;
}
.bg_white ul.ul5-3 {
    padding: 2em 0;
    overflow: hidden;
}
ul.ul5-3 li {
    list-style: none;
    float: left;
    width: 31%;
    margin: 0 2% 0.6em 0;
}
ul.ul5-3 li a img {
    width: 100%;
}


ul.ul8-4 {
    text-align: center;
}
.bg_white ul.ul8-4 {
    padding: 2em 0;
    overflow: hidden;
}
ul.ul8-4 li {
    list-style: none;
    float: left;
    width: 23%;
    margin: 0 2% 0.6em 0;
}
ul.ul8-4 li a img {
    width: 100%;
}

/* tile_menu
   ========================================================================== */
.tile_menu {
    
}
ul.tile_menu li{
    position: relative;
}
ul.tile_menu li a h3 {
    position: absolute;
    width:100%;
    top: 50%;
    left: 0;
    background-color: rgba(19, 32, 63, 0.6);/* rgba(22, 25, 75, 0.6) */    
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin:0;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    font-size: 1.6rem;
    line-height: 1.0;
    padding: 1em 0;
}

ul.tile_menu li a h3 span{
    font-size:1.3rem;
}
ul.tile_menu li a:hover h3 {
    color: #111987;
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.5s;
}


/* text-banner
   ========================================================================== */


ul.text-banner {
    margin: 0 auto 1em;
}
ul.text-banner li {
    display: inline-block;
    border-left: 1px solid #fff;
    list-style: none;
}
ul.text-banner li a {
    padding: 0.4em 1em;
    color: #555;
    text-decoration: none;
}
ul.text-banner li a:hover {
    color: #f39800;
}



/* news　tab
   ========================================================================== */

ul.tab {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}

/*ul.tab li{
    color: #fff;
    list-style: none;
	float: left;
	margin-right: 10px;
    padding: 0.6em 1em;
    background-color: #161a4c;
}*/
ul.tab li {
    color: #fff;
    list-style: none;
    float: left;
    margin: 0 1% 4px 0;
    width: 49%;
    text-align: center;
    background-color: #161a4c;
}
ul.tab li a { /*タブ部分*/
    font-size: 1.0rem;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0.8em 1em;
}
ul.tab li a:hover {
    background-color: #1237b3;
}
ul.tab li.active{ /*選択中のタブ*/
    background-color: #1237b3;
	}
ul.tab li.active a{ /*選択中のタブ*/
	color: #fff;
	font-weight: bold;
	}


.tab_area{ /*切り替え部分非表示*/
	display: none;
	}
.pu_area ul,
.tab_area ul {
	padding: 0 1em;
	}
.pu_area dl,
.tab_area dl {
	padding: 0 1em 0.4em;
    margin: 0 0 0.4em;
    border-bottom: 2px #efefef dashed;
	}
.pu_area dl span.cat-icon,
.tab_area dl span.cat-icon {
    color: #fff;
    font-size: 1.0rem;
    padding: 0.2em 1em 0.3em;
    margin: 0 1em 0;
    background-color: #1e7adb;
	}
.tab_content{ /*内容*/
    color: #333;
	width: 100%;
    padding: 1em 0;
    background-color: #fff;
	clear: both;
	overflow: hidden;
	}
article.bg_blue .bg_darkblue .tab_content p{
	padding: 0 1em;
    color: #333;
	}
.tab_content ul li{ /*内容のリスト表示*/
	clear: both; /*画像有りの場合*/
    list-style: none;
	}
.tab_content ul li img{ /*リスト内画像*/
	float: left;
	margin: 0 10px 10px 0;
	}
.tab_content dl dt {
	float:none;
	}
.tab_content dl dd {
	margin-left: 0;
	}




/* pagination
   ========================================================================== */

nav.pagination {
    margin: 2em 0 0;
}
nav.pagination ul.page-numbers {
    text-align: center;
    
}
nav.pagination ul.page-numbers li {
    display: inline-block;
}
ul.page-numbers li span.current,
ul.page-numbers li a {
    display: block;
    color: #333;
    font-size: 2.0rem;
    background-color: #efefef;
    border: 1px solid #ccc;
    padding: 0.4em 0.4em 0.4em;
}
ul.page-numbers li a:hover {
    background-color: #f39800;
}



/* player-list staff&youth-list
   ========================================================================== */
ul.person-list li,
ul.player-list li {
    overflow: hidden;
}
ul.person-list li,
ul.player-list li a {
    display: block;
    color: #555;
    text-align: left;
}
ul.player-list li a:hover {
    background-color: #f9f9f9;
}
ul.person-list li img,
ul.player-list li a img {
    width: 100%;
}


.pl_banner a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
}
.pl_img {
    width: 100%;
    display: block;
    float: right;
}
.pl_img img {
    width: 100%;
    vertical-align: bottom;
}
.pl_banner a .pl_img img,
.pl_banner .pl_img img {
    width: 100%;
    display: block;
    float: right;
    border: none;
}
.pl_number {
    font-family: 'Open Sans', sans-serif;
    font-size: 7rem;
    letter-spacing: -0.03em;
    color: #161a4c;
    line-height: 0.75;
    position: absolute;
    float: left;
    bottom: 0;
    left: 0;
    display: block;
    padding: 0;
    text-shadow: 3px 0 1px #ffffff;
    
}
dl.person_list {
    line-height: 1.4;
    text-align: left;
    margin: 0;
    padding: 0.6em 0;
    border-top: 8px solid #161a4c;
    min-height: 9em;
}
dl.person_list dt {
    font-weight: bold;
    font-size: 2.0rem;
    margin: 0;
}
dl.person_list dd {
    font-size: 1.8rem;
    margin: 0;
}
dl.person_list dd.small {
    font-size: 1.2rem;
    margin: 0;
}



/* player-page
   ========================================================================== */

.player_imgbox {
    position: relative;
    display: block;
    overflow: hidden;
    background-image: url(./images/player_bg.jpg);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 20px 0 0;
}
.player_pict {
    width: 55%;
    float: right;
    display: block;
}
.player_pict img {
    width: 100%;
    vertical-align: bottom;
}

.player_name {
    width: 92%;
    position: absolute;
    float: left;
    bottom: 0;
    left: 0;
    display: block;
    padding: 4% 4%;
}

.number {
}
.name {
}



.number p {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 2rem;
    padding: 20px 0 0 20px;
    line-height: 1;
}
.number p span {
    font-size: 6rem;
}

article.bg_blue .bg_white .player_imgbox .player_name .number p {
    font-size: 4rem;
    padding: 0;
    margin: 0;
}

.name p {
    color: #fff;
    font-size: 1.2rem;
    padding: 0 0 0 20px;
    line-height: 1.1;
    margin: 0;
}
.name p span {
    font-size: 2.5rem;
}


table.player th,
table.player td {
    font-size: 1.2rem;
}
table.player th {
    width: 6em;
}

/* game-info
   ========================================================================== */

.member-box {
    float: left;
    width: 49%;
    margin: 0 1% 0 0;
}

.member-box table td {
    font-size: 1.2rem;
    padding: 0.8em 0.4em;
}
.member-box table td:first-child {
    width: 2em;
    text-align: center;
}
.member-box table td:nth-child(2) {
    width: 2em;
    text-align: center;
}

.VideoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
 
.VideoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

dl.comment-box {
    display: block;
    /*background-color: #efefef;*/
    border: 4px solid #efefef;
    padding: 1em;
}
dl.comment-box dt {
    font-size: 2.0rem;
    font-weight: 800;
    border-bottom: 4px solid #efefef;
    margin-bottom: 1em;
    overflow: hidden;
}
dl.comment-box dt img {
    float: left;
    width: 80px;
    margin: 0 14px 10px 0;
}
dl.comment-box dt span {
    display: block;
    padding-left: 94px;
}
dl.comment-box dd {
    margin: 0;
}



/* EventOrganiser
   ========================================================================== */
.eventorganiser-event-meta {
    display: none;
}
.eo-fullcalendar .fc-event {
    font-size: 1.2rem !important;
    padding: 0.6em 0.2em !important;
}
.fc-button {
    height: auto !important;
}
article.bg_blue .bg_white .fc-left h2 {
    border: none;
}
/* footer
   ========================================================================== */
footer {
    font-size: 1.2rem;
    text-align: center;
    padding-top: 1em;
}
footer ul {
    margin: 0 auto 1em;
}
footer ul li {
    display: inline-block;
    border-left: 1px solid #fff;
    list-style: none;
}
footer ul li:first-child {
    border-left: none;
}
footer ul li a {
    display: block;
    padding: 0.4em 1em;
    color: #fff;
    text-decoration: none;
}
footer ul li a:hover {
    color: #f39800;
}
footer ul.sns_btn {
    display: block;
}
footer ul.sns_btn li {
    border-left: none;
}
footer ul.sns_btn li a {
    padding: 0.4em 0.2em;
}
footer ul.sns_btn li a img {
    width: 32px;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Larger than mobile */
@media (min-width: 400px) {
    .bg_white {
        padding: 2em;
    }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
    .container {
        width: 90%;
    }
    .header_sub_menu h1{
        font-size: 2.8rem;
        margin: 0.2em 0 0.2em 80px;
    }
    .header_sub_menu h1 span{
        font-size: 2.2rem;
    }
    .flex-box {
        display: flex;
    }
    .number p {
        font-size: 4rem;
        padding: 40px 0 0 40px;
    }
    
    article.bg_blue .bg_white .player_imgbox .player_name .number p {
        font-size: 6rem;
        padding: 0;
        margin: 0;
    }
    .number p span {
        font-size: 12rem;
    }
    .name p {
        font-size: 1.6rem;
        padding: 0 0 0 40px;
    }
    .name p span {
        font-size: 4rem;
    }
}


/* Larger than tablet */
@media (min-width: 768px) { /* 750px */
    body {
        font-size: 1.6rem;
    }
    ul.tab li a { /*タブ部分*/
        font-size: 1.4rem;
    }
    .tab_content dl dt {
        float: left;
        }
    .tab_content dl dd {
        margin-left: 8em;
	}
    article.bg_blue .bg_white h2 {
        font-size: 2.4rem;
    }
    article.bg_blue .bg_white p {
        font-size: 1.8rem;
        line-height: 1.7;
    }
    .number p {
        font-size: 6rem;
        padding: 40px 0 0 40px;
    }
    .number p span {
        font-size: 18rem;
        line-height: 1.0;
    }
    .name p {
        font-size: 2rem;
        padding: 0 0 0 40px;
    }
    .name p span {
        font-size: 6rem;
        line-height: 1.0;
    }
    ul.ul4-2 li {
        width: 23%;
        margin: 0 2% 0.6em 0;
    }
     ul.ul4-2 li:nth-child(2n+1) {
         clear: none;
    }
     ul.ul4-2 li:nth-child(4n+1) {
         clear: both;
    }
    
    .game-list thead {
        display:table-header-group;
    }
    .game-list tr {
    display:table-row;
    }
    .game-list th {
    display:table-cell;
    }
    .game-list td {
    display: table-cell;
    border-bottom: 1px solid #bbb;
    }
    .game-list tbody tr.bg_home td.score-box,
    .game-list tbody tr.bg_away td.score-box {
        width: 30%;
    }
    .game-list tbody tr.bg_home th {
        background-color: #f1f4fb;
    }
    .game-list tbody tr.bg_away th {
        background-color: #fff;
    }
    .game-list th span {
        display:block;
    }
    .sp-shop th:nth-child(1) {
        width: 20%;
    }
    .sp-shop th:nth-child(2) {
        width: 25%;
    }
    .sp-shop th:nth-child(3) {
        width: 20%;
    }
    .sp-shop th:nth-child(4) {
        width: 10%;
    }
    .sp-shop th:nth-child(4) {
        width: 15%;
    }
    div.gl-score-game {
        font-size: 13.0rem;
    }
    div.gl-score {
        font-size: 2.2em;
    }
    div.gl-score dl dt{
        font-size: 10rem;

    }
    div.gl-score dl dd{
        font-size: 1.8rem;
    }
    .member-box table td {
        font-size: 1.4rem;
        padding: 1em 1em;
    }
    .bg_white th,
    .bg_white td,
    table.player th,
    table.player td {
        font-size: 1.6rem;
    }
    
    ul.tab li {
        width: 24%;
    }
}
/* Larger than tablet */
@media (min-width: 1100px) { /* 750px */

    header {
        position:relative;
    }
    main {
        padding: 0;
    }
    .header_sub_menu .logo{
        width: 120px;
        height: 120px;
    }
    .header_sub_menu h1{
        margin: 0.2em 0 0.2em 120px;
    }
    .sns_btn {
        display: block;
    }
    #menu {
        display: none;
    }

    nav ul li{
        display: inline-block;
    }
    nav li:hover {
        background-color: #161a4c;
    }
    nav a{
        font-size: 2.2rem;
        padding: 0.7em 0.5em 0.7em;
    }
    nav a:hover {
        color: orange;
        background-color: #161a4c;
    }
    nav ul li ul {
        width: 100%;
        position: absolute;
        left: 0;
        display:none;
        background-color: #161a4c;
        overflow: hidden;
        z-index: 999;
        padding: 0.4em 0;
        text-align: left;
        border-bottom: 4px solid #b40126;
        opacity: 0;    
    }
    nav#g-nav ul li:hover ul {
        display: block;
        opacity: 1;
        /*visibility: visible;*/
    }
    nav ul li ul li {
        width: 29%;/* 24% */
        margin: 20px;
    }
    nav ul li ul li a {
    /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
        font-size: 1.6rem;
        padding: 1.2em 0.6em 1.2em;
    }
    nav ul li ul li a:hover {
        color: #fff;
        background-color: orange;
    }
    
    .btn {
        width: 50%;
    }
    .result div.score dl dt {
        font-size: 6.0rem;
    }
    
    ul.ul4-3 li {
        width: 23%;
        margin: 0 2% 0.6em 0;
    }
    ul.ul3-2 li {
        width: 31%;
        margin: 0 2% 0.6em 0;
    }
    ul.ul5-3 li {
        width: 18%;
        margin: 0 2% 0.6em 0;
    }
    ul.ul8-4 li {
        width: 11.5%;
        margin: 0 1% 0.6em 0;
    }
    
    ul.tile_menu li a h3 {
        font-size: 2.6rem;
        line-height: 0.7;
        padding: 2em 0;
    }
    ul.tab li {
        width: auto;
    }
    .eo-fullcalendar .fc-event {
        font-size: 1.6rem !important;
        padding: 0.2em 0.6em !important;
    }
    .ticket_btn {
        width: 100px;
    }
    
}

@media only screen and (max-width: 1024px){
    head+iframe {
        display: none;
    }
}