/*
Theme Name: redsladies_responsive
Theme URI: https://devdevwww.urawa-reds.co.jp/redsladies/
Author: qnote.inc.
Author URI: http://wordpress.org/
Description: 
Version: 1.0
License: Commercial
Text Domain: redsladies
*/

@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    zoom: 1;
}

img {
    border: none;
}

li {
    list-style: none;
}

a:link {
    color: #000000;
    text-decoration: none;
}

a:visited {
    color: #000000;
    text-decoration: none;
}

a:active {
    color: #ffff00;
    text-decoration: none;
}

a:hover {
    color: #ff0000;
    text-decoration: none;
}


/*** html5 new ***/

header,
footer,
article,
section,
nav,
aside,
hgroup,
figure {
    display: block;
    width: 0;
    height: 0;
}

.clear {
    clear: both;
}

.bold {
    font-weight: bold;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.mgB10 {
    margin-bottom: 10px;
}

.mgB15 {
    margin-bottom: 15px;
}

.mgB20 {
    margin-bottom: 20px;
}

.mgB30 {
    margin-bottom: 30px;
}

.red {
    color: #FF0000;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-color: #000000;
    background-color: #E60412;
    text-align: left;
    /*	font-family: "Osaka","sans-serif";   */
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 12px;
    line-height: 17px;
    /* for IE */
    text-align: center;
}

body {
    /*background: url("images/2014_camo.jpg") repeat;*/
}

#container {
    width: 1000px;
    margin: 0 auto;
    /* for IE */
    text-align: left;
}

#header {
    height: 100px;
    background: url("images/header.jpg") no-repeat;
}

#header a {
    display: block;
    width: 250px;
    height: 100px;
}


/***************************************************
nav
****************************************************/

#nav {
    height: 29px;
    border-top: 1px solid #ffb1b1;
    background: url("images/nav/nav_bg.png") repeat-x;
}

#nav li {
    float: left;
    height: 29px;
}

#nav li a {
    display: block;
    height: 29px;
    text-indent: -10000px;
}

#nav li.nav_01 a {
    width: 70px;
    background: url("images/nav/nav_01.png") no-repeat;
}

#nav li.nav_02 a {
    width: 160px;
    background: url("images/nav/nav_02.png") no-repeat;
}

#nav li.nav_03 a {
    width: 90px;
    background: url("images/nav/nav_03.png") no-repeat;
}

#nav li.nav_04 a {
    width: 100px;
    background: url("images/nav/nav_04.png") no-repeat;
}

#nav li.nav_05 a {
    width: 90px;
    background: url("images/nav/nav_05.png") no-repeat;
}

#nav li.nav_06 a {
    width: 105px;
    background: url("images/nav/nav_06.png") no-repeat;
}

#nav li.nav_07 a {
    width: 95px;
    background: url("images/nav/nav_07.png") no-repeat;
}

#nav li.nav_08 a {
    width: 150px;
    background: url("images/nav/nav_08.png") no-repeat;
}

#nav li.nav_09 a {
    width: 135px;
    background: url("images/nav/nav_09.png") no-repeat;
}

#nav li.nav_10 a {
    width: 95px;
    background: url("images/nav/nav_10.png") no-repeat;
}

#nav li.nav_01 a:hover {
    background: url("images/nav/nav_01_on.png") no-repeat;
}

#nav li.nav_02 a:hover {
    background: url("images/nav/nav_02_on.png") no-repeat;
}

#nav li.nav_03 a:hover {
    background: url("images/nav/nav_03_on.png") no-repeat;
}

#nav li.nav_04 a:hover {
    background: url("images/nav/nav_04_on.png") no-repeat;
}

#nav li.nav_05 a:hover {
    background: url("images/nav/nav_05_on.png") no-repeat;
}

#nav li.nav_06 a:hover {
    background: url("images/nav/nav_06_on.png") no-repeat;
}

#nav li.nav_07 a:hover {
    background: url("images/nav/nav_07_on.png") no-repeat;
}

#nav li.nav_08 a:hover {
    background: url("images/nav/nav_08_on.png") no-repeat;
}

#nav li.nav_09 a:hover {
    background: url("images/nav/nav_09_on.png") no-repeat;
}

#nav li.nav_10 a:hover {
    background: url("images/nav/nav_10_on.png") no-repeat;
}

#content {
    width: 100%;
}

#main_content {
    background-color: #FFFFFF;
    padding-top: 10px;
    /* overflow-x: hidden; */
}

#main_content .content_top_left {
    width: 760px;
    float: left;
    padding-left: 20px;
}

#main_content .content_top_left img.main_image {
    border: 2px solid #f7a2ad;
}

#main_content .content_top_right {
    width: 200px;
    float: right;
    padding-right: 10px;
}


/***************************************************
ranking
****************************************************/

#main_content .content_top_right div.ranking {
    margin-bottom: 15px;
}

#main_content .content_top_right .ranking h3 {
    background-color: #efcc82;
    color: #000000;
    font-size: 12px;
}

#main_content .content_top_right .ranking h3 span {
    font-weight: normal;
}

#main_content .content_top_right .ranking table {
    width: 200px;
}

#main_content .content_top_right .ranking table th {
    border-bottom: 1px dotted #000000;
    font-weight: normal;
}

#main_content .content_top_right .ranking table td {
    height: 15px;
}

#main_content .content_top_right a {
    display: block;
    margin-bottom: 5px;
}

#main_content .content_top_right a img {
    border: 1px solid #f7a2ad;
}

#main_content .news {
    padding: 10px 0;
}

#main_content .news h2 {
    border-bottom: 2px solid #666666;
    margin-bottom: 10px;
}

#main_content h3 {
    color: #FF0000;
    font-weight: bold;
}

#main_content h3 a {
    color: #FF0000;
    font-weight: bold;
}

#sidebar {
    width: 180px;
    height: 100%;
    float: left;
    background-color: #ea132e;
}

#footer {
    clear: both;
    border: 1px solid #FFFFFF;
    width: 100%;
    background: url("images/bg_footemblem.jpg") center no-repeat;
}

#footer .ftSiteMapList h2 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0.2em;
    margin-bottom: 20px;
}

#footer .ftSiteMapList {
    font-size: 85%;
    overflow: hidden;
    padding: 10px 10px 0;
}

#footer .ftSiteMapList ul {
    padding-bottom: 20px;
}

#footer .ftSiteMapList li {
    display: block;
    float: left;
    padding-right: 10px;
    width: 150px;
}

#footer .ftSiteMapList ul li {
    float: none;
    padding-bottom: 0.2em;
}

#footer .searchArea {
    padding-bottom: 1em;
}

#footer .searchArea {
    padding-top: 25px;
    clear: both;
    text-align: center;
    border-top: 1px solid #ccc;
}

#footer .searchArea .innerBlock {
    height: 50px;
    position: relative;
    width: 360px;
    margin: 0 auto;
}

#footer .searchArea .innerBlock .search {
    position: absolute;
    top: 0;
    left: 0;
}

#footer .searchArea .innerBlock .search {
    width: 265px;
    line-height: 23px;
    height: 20px;
    padding-top: 3px;
}

#footer .searchArea .innerBlock .btnWeb {
    position: absolute;
    top: 1px;
    left: 335px;
    width: 67px;
    margin-left: 25px;
}

#footer .searchArea .innerBlock .innerWeb {
    position: absolute;
    top: 1px;
    left: 275px;
    width: 20%;
    margin-left: 5px;
}

#footer .searchArea .innerBlock .logo {
    position: absolute;
    top: 0;
    left: 410px;
}

.stxt-m {
    font-family: "Osaka", "sans-serif";
    font-size: 10px;
    line-height: 12px;
}


/***************************************************
index news
****************************************************/

div.news_wrap_index {
    border-bottom: 1px solid #000000;
    padding: 5px 20px;
}

div.news_wrap {
    border-bottom: 1px solid #000000;
    padding: 5px 20px;
    font-size: 108%;
    line-height: 1.7;
}


/*
.news_wrap div.news_wrap_inner_left {
    width:516px;
    float: left;
    margin-bottom: 10px;
}
.news_wrap div.news_wrap_inner_right {
    width: 240px;
    float: right;
}
.news_wrap div.news_wrap_inner_right img {
    display: block;
    margin-bottom: 10px;
}
*/

#main_content p.news_more {
    margin: 10px 0;
    border-bottom: 2px solid #666666;
    text-align: right;
}

div.news_archive {
    border-bottom: 3px double #000000;
    padding: 0 20px;
}

.news_archive p {
    color: #FF0000;
    font-weight: bold;
}

.news_archive a {
    color: #0000FF;
}

div.ladies_top_buttons {
    padding-left: 15px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.ladies_top_buttons div {
    width: 300px;
    height: 150px;
    float: left;
    margin: 0 15px 5px 0;
    background: url("images/btn_index.png") no-repeat;
    padding: 10px 0 0 10px;
    color: #FFFFFF;
}

.ladies_top_buttons div a {
    color: #FFFFFF;
}

.ladies_top_buttons div a.image {
    display: block;
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 10px;
}

.ladies_top_buttons div h4 {
    padding-top: 15px;
    /*    padding-right: 10px;
    font-size: 22px;  */
    font-size: 17px;
    white-space: nowrap;
    margin-bottom: 15px;
    line-height: 24px;
}

.ladies_top_buttons .end {
    margin-right: 0;
}

.ladies_top_buttons div img {
    display: block;
    width: 110px;
    height: 110px;
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #666666;
    padding: 5px;
}

.ladies_top_buttons div p {
    padding-right: 10px;
}


/*
.ladies_top_buttons div.schedule { background: url("images/btn_schedule.png") no-repeat; }
.ladies_top_buttons div.result { background: url("images/btn_result.png") no-repeat; }
.ladies_top_buttons div.record { background: url("images/btn_record.png") no-repeat; }
.ladies_top_buttons div.stadium { background: url("images/btn_stadiums_info.png") no-repeat; }
.ladies_top_buttons div.ticket { background: url("images/btn_tickets.png") no-repeat; }
.ladies_top_buttons div.players { background: url("images/btn_players.png") no-repeat; }
.ladies_top_buttons div.youth { background: url("images/btn_youth.png") no-repeat; }
.ladies_top_buttons div.profile { background: url("images/btn_profile.png") no-repeat; }
.ladies_top_buttons div.goods { background: url("images/btn_goods.png") no-repeat; }
.ladies_top_buttons div.partner { background: url("images/btn_partners.png") no-repeat; }
.ladies_top_buttons div.blog { background: url("images/btn_blog.png") no-repeat; }
.ladies_top_buttons div.wallpapers { background: url("images/btn_wallpapers.png") no-repeat; }
.ladies_top_buttons div.link { background: url("images/btn_links.png") no-repeat; }
.ladies_top_buttons div.mail { background: url("images/btn_mail.png") no-repeat; }
*/


/***************************************************
ladies_news
****************************************************/

h2.ladies_news_h2 {
    text-align: center;
    margin: 5px 0;
}

h3.news_list_ym {
    margin: 10px 0;
    color: #FFFFFF !important;
    background-color: #ED1A3B;
    font-size: 15px;
    padding: 5px;
}

.news_wrap p.news_image {
    margin-bottom: 10px;
}

p.news_list_date {
    margin: 0 0 10px 20px;
}

p.news_list_date span {
    width: 50px;
    padding-right: 20px;
}

p.news_list_date a {
    color: #ED1A3B;
}


/***************************************************
schedule
****************************************************/

#schedule {
    padding: 10px;
}

#schedule h2,
#schedule h3 {
    margin-bottom: 10px;
}

#schedule table {
    margin-bottom: 10px;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px;
    width: 100%;
}

#schedule table th,
#schedule table td {
    padding: 5px;
}

#schedule table th {
    text-align: left;
    background: none repeat scroll 0 0 #232323;
    color: #FFFFFF;
}

#schedule table .home {
    background-color: #EA132E;
    color: #FFFFFF;
}

#schedule table .away {
    background-color: #FFFFFF;
    color: #000000;
}

#schedule p {
    margin: 10px 0;
}


/***************************************************
result
****************************************************/

#result {
    padding: 10px;
}

#result h2,
#result h3 {
    margin-bottom: 10px;
}

#result table {
    margin-bottom: 10px;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px;
    width: 100%;
}

#result table th,
#result table td {
    padding: 5px 3px;
}

#result table th {
    text-align: left;
    background: none repeat scroll 0 0 #232323;
    color: #FFFFFF;
}

#result table .home {
    background-color: #EA132E;
    color: #FFFFFF;
}

#result table td.tresult {
    background-color: #FFFFFF !important;
    color: #000000;
}

#result table .home a {
    background-color: #FFFFFF;
}

#result p {
    margin: 10px 0;
}


/***************************************************
record
****************************************************/

#record {
    padding: 10px;
    border-bottom: 1px solid #000000;
}

#record h2,
#record h3 {
    margin-bottom: 10px;
}

#record span {
    color: #EA132E;
    width: 100px;
    background-color: #CCCCCC;
    margin: 5px;
    padding: 5px;
    display: block;
    float: left;
}


/***************************************************
stadiums
****************************************************/

#stadiums {
    padding: 10px;
    text-align: center;
}

#stadiums h2,
#stadiums h3 {
    margin-bottom: 10px;
    text-align: left;
}

#stadiums h3 {
    background-color: #EA132E;
    color: #FFFFFF;
    text-align: center;
    width: 480px;
    margin: 0 auto;
    padding: 5px 0;
}

#stadiums h4 {
    color: #EA132E;
}

#stadiums h4 a {
    color: #EA132E;
}

#stadiums div {
    width: 480px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 20px;
}

#stadiums div img {
    margin-bottom: 10px;
}


/***************************************************
tickets
****************************************************/

#tickets {
    padding: 10px;
    border-bottom: 1px solid #000000;
}

#tickets h2 {
    margin-bottom: 20px;
}

#tickets h2.ticketTitle {
    text-align: center;
}

#tickets h3 {
    margin-bottom: 10px;
    color: #FFFFFF;
    background-color: #EA132E;
    padding: 5px;
}

#tickets h4 {
    //color: #EA132E;
    color: black;
    background-color: #eee;
    padding: 5px;
    margin-bottom: 10px;
}

#tickets p {
    margin-bottom: 20px;
}

#tickets a {
    color: #0000FF;
}

#tickets h5 {
    font-size: 12px;
}

#tickets h5 .square {
    color: #EA132E;
}

#tickets p.caution {
    background-color: #CCCCCC;
    padding: 5px;
}


/** チケットテーブル 2018.02.22追加 **/

.ticket_table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    background: #fff;
}

.ticket_table th {
    background: #ea2040;
    color: #fff;
}

.ticket_table th,
.ticket_table td {
    padding: 5px;
}

.ticket_table,
.ticket_table th,
.ticket_table td {
    border: #000 solid 1px;
}


/***************************************************
partner
****************************************************/

div#partner {
    width: 590px;
    margin: 0 auto;
    margin-bottom: 30px;
}

#partner a {
    display: block;
    float: left;
}

#partner a.end {
    /*float: none;*/
}

#partner a.mgR40 {
    margin-right: 40px;
}

#partner a.mgR20 {
    margin-right: 20px;
}

#partner a.mgR25 {
    margin-right: 25px;
}

.partner_ul {
    text-align: center;
    margin-bottom: 40px;
}

.partner_ul li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    /*    border: 1px solid #FF9900;*/
    letter-spacing: 0em;
    margin-right: 20px;
}

.partner_ul li:last-child {
    margin-right: 0;
}

.partner_ul li a {
    display: block;
    text-decoration: none;
}


/***************************************************
youth
****************************************************/

div#youth {
    padding: 10px;
}

#youth div {
    margin-bottom: 20px;
}

#youth table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin-bottom: 20px;
}

#youth table th,
#youth table td {
    border: 1px solid #000000;
    padding: 5px;
}

#youth table th {
    background-color: #b6d0d6;
    text-align: left;
}

#youth table th.no,
#youth table td.no {
    width: 50px;
}

#youth table th.position,
#youth table td.position {
    width: 70px;
}

#youth table th.name,
#youth table td.name {
    width: 170px;
}

#youth table th.kana,
#youth table td.kana {
    width: 170px;
}

#youth table th.pastteam,
#youth table td.pastteam {
    width: 280px;
}


/***************************************************
players
****************************************************/

div#players {
    padding: 10px;
}

#players h2 {
    margin-bottom: 20px;
}

#players table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin-bottom: 20px;
}

#players table th,
#players table td {
    border: 1px solid #000000;
    padding: 5px;
}

#players table th {
    background-color: #e91900;
    color: #FFFFFF;
    white-space: nowrap;
}

#players table th.no,
#players table td.no {
    width: 10%;
}

#players table th.position,
#players table td.position {
    width: 10%;
}

#players table th.name,
#players table td.name {
    width: 20%;
}

#players table th.kana,
#players table td.kana {
    width: 20%;
    white-space: nowrap;
}

#players table th.birth,
#players table td.birth {
    width: 15%;
}

#players table th.pastteam,
#players table td.pastteam {}


/***************************************************
player
****************************************************/

div#player {}

#player h2 {
    border-bottom: 1px solid #999999;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

#player div.photo {
    width: 250px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}

#player div.player_data {
    width: 480px;
    float: right;
}

#player div.player_data p {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 10px;
}

#player div.player_data p.name_alpha {
    font-size: 12px;
    line-height: 15px;
}

#player div.player_data dl {
    border-top: 1px solid #999999;
    padding-top: 10px;
}

#player div.player_data dt,
#player div.player_data dd {
    padding-bottom: 10px;
}

#player div.player_data dt {
    width: 150px;
    float: left;
}

#player div.movie {
    background-color: #ffffff;
    width: 586px;
    padding-left: 20px;
    margin: 0 auto;
}

#player h3.movie_title {
    font-size: 20px;
    color: #000000;
    margin-bottom: 10px;
}

#player div.link {
    padding-bottom: 20px;
}

#player .link ul li {
    float: left;
}

#player .link ul li.next {
    float: right;
    padding-left: 442px;
}


/***************************************************
wallpapers
****************************************************/

div#wallpapers {
    padding: 10px;
}

#wallpapers .mainContTitleh3 {
    border-left: 12px solid #E10012;
    font-size: 108%;
    font-weight: bold;
    line-height: 30px;
    padding-left: 15px;
    color: #333333;
}

#wallpapers .mainContTitleUnvA {
    background: url("images/bg_maincont_list1.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    color: #646464;
    font-size: 108%;
    font-weight: bold;
    line-height: 30px;
    padding-left: 20px;
}

#wallpapers .gallery {}

#wallpapers .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

#wallpapers .gallery .gallery-caption {
    color: #888888;
    font-size: 12px;
    margin: 0 0 12px;
}

#wallpapers .gallery img {
    border: 10px solid #F1F1F1;
}


/***************************************************
message
****************************************************/

div#message {
    margin-bottom: 30px;
    padding: 10px;
}


/***************************************************
ladies_tv
****************************************************/

div.ladies_tv {
    margin: 20px 25px 30px 15px;
}

div.ladies_tv .ladies_tv_logo {
    background-color: #E4062D;
    border-radius: 7px;
}

div.ladies_tv .arrow {}

div.ladies_tv .arrow img {
    width: 70px;
}

div.ladies_tv .ladies_tv_logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 55%;
    border-bottom-width: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}

div.ladies_tv_cnt {
    margin-top: 35px;
    padding-left: 40px;
    padding-right: 0;
}

div.ladies_tv_cnt div {
    display: inline-block;
}

div.ladies_tv_cnt .ladies_tv_txt {
    vertical-align: top;
    width: 49%;
    margin-top: 15px;
}

div.ladies_tv_cnt .ladies_tv_txt .tv_txt_title {
    border-bottom: 2px solid #BABABA;
    height: 58px;
    width: 100%;
}

div.ladies_tv_cnt .ladies_tv_txt h4 {
    background-color: #fff;
    font-size: 17px;
    left: 33px;
    line-height: 24px;
    position: relative;
    padding-left: 6px;
    padding-top: 4px;
    top: -28px;
}

div.ladies_tv_cnt .ladies_tv_txt img {
    width: 50px;
    opacity: 0.39;
}

div.ladies_tv_cnt .ladies_tv_txt p {
    margin-top: 20px;
}

div.ladies_tv_cnt .ladies_tv_img {
    text-align: right;
    width: 40%;
    margin-left: 60px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

div.ladies_tv_cnt .ladies_tv_img .ladies_tv_button {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    -webkit-transition: all .45s cubic-bezier(.19, 1, .22, 1);
    transition: all .45s cubic-bezier(.19, 1, .22, 1);
    border: 4px solid #fff;
    border-radius: 50%;
    background-image: url(./images/tv_button.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.6em auto;
}

div.ladies_tv_cnt .ladies_tv_img:hover {
    opacity: 0.9;
}

div.ladies_tv_cnt .ladies_tv_img img {
    width: 100%;
    cursor: pointer;
    filter: brightness(0.8);
    -webkit-filter: brightness(0.8);
    -moz-filter: brightness(0.8);
    -o-filter: brightness(0.8);
    -ms-filter: brightness(0.8);
}

div.ladies_tv_cnt .ladies_tv_img .tv_button {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border: 4px solid #fff;
    bottom: 0;
    display: block;
    height: 35px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 230px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-align: center;
}

div.ladies_tv_cnt .ladies_tv_img .tv_button span {
    letter-spacing: 0.1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 9px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

div.radies_tv_side {
    width: 100%;
}

div.radies_tv_side .side_tv_title {
    background-color: #E60412;
    color: #fff;
    padding: 3px 0 2px 10px;
}

div.radies_tv_side .side_tv_title p {
    font-size: 11px;
    font-weight: bold;
}

#main_content .content_top_right .radies_tv_side a img {
    border: none;
    position: relative;
    z-index: 0;
    border: 2px solid #E60412;
    width: 98%;
}

#main_content .content_top_right .radies_tv_side a:hover {
    opacity: 0.9;
}

div.radies_tv_side .side_tv_img {
    text-align: right;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

div.radies_tv_side .side_tv_img .side_tv_button {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    -webkit-transition: all .45s cubic-bezier(.19, 1, .22, 1);
    transition: all .45s cubic-bezier(.19, 1, .22, 1);
    border: 3px solid #fff;
    border-radius: 50%;
    background-image: url(./images/tv_button.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.2em auto;
}


/* ================================================================================ */


/*      3.gameReportBlock     */


/* ================================================================================ */

.gameReportBlock h2 {
    background-color: black;
    color: white;
    padding: 5px;
}

.gameReportBlock .innerBlock {
    background: url(images/bg_gamereport.gif) no-repeat 0 0;
    height: 123px;
    position: relative;
}

.gameReportBlock .innerBlock .symbolA {
    position: absolute;
    top: 5px;
    left: 8px;
}

.gameReportBlock .innerBlock .symbolB {
    position: absolute;
    top: 5px;
    left: 147px;
}

.gameReportBlock .innerBlock .vs {
    position: absolute;
    top: 25px;
    left: 82px;
}

.gameReportBlock .innerBlock .spec {
    position: absolute;
    top: 60px;
    left: 0;
    width: 190px;
    text-align: center;
    color: #FFFFFF;
    line-height: 1.2;
    font-size: 9px;
}

.mdi_comment_box {
    color: #fff;
    background-color: #e6002d;
    display: flex;
    display: -ms-flexbox;
    /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* IE10 */
    justify-content: center;
    text-align: center;
    padding: 0 10px;
    align-items: center;
}

.comment_left,
.comment_right {
    width: 50%;
}

.coner_title img {
    width: 60%;
}

.comment_name {
    font-size: 2em;
    font-weight: bold;
    margin: 0.2em 0 !important;
    line-height: 1.5em;
}

.comment_title {
    /*margin-top: 1.5em;*/
    font-size: 1.6em;
    font-weight: 900;
    position: relative;
    display: table;
    margin: 0 auto 5px !important;
}

.comment_title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

.mdi_partner {
    border: solid 2px #000;
}

.mdi_partner_title {
    background: #000;
    font-weight: 900;
    color: #fff;
    text-align: center;
}

.mdi_partner_category {
    padding: 5px 10px;
}

.mdi_partner_inner_box,
.mdi_partner_inner_box:before,
.mdi_partner_inner_box:after {
    box-sizing: border-box;
}

.mdi_partner_inner_box {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* IE10 */
    justify-content: center;
    text-align: center;
    padding: 0 10px;
    align-items: center;
}

.mdi_partner_inner_box>div.partner12 {
    padding: 10px;
}


/* 202010 MDI */

.mdi_player_area {
    width: 100%;
    padding: 3px;
    background: #ccc;
}

.mdi_player_area_innerbox {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* IE10 */
    justify-content: left;
    text-align: center;
    align-items: start;
}

.mdi_player_title {
    width: 100%;
    font-weight: bold;
    background: #fff;
    color: #e6002d;
    font-size: 150%;
    margin: 3px;
    padding: 10px 6px 0 0;
}

.mdi_player_box {
    width: 19%;
    background: #ccc;
    margin: 0.5%;
}

.mdi_player_box img {
    width: 100%;
    vertical-align: top;
}

.mdi_player_number_pos {
    text-align: left;
    background: #e6002d;
    color: #fff;
    font-size: 120%;
    padding-left: 5px;
    font-weight: bold;
}

.mdi_player_name {
    text-align: left;
    background: #fff;
    color: #e6002d;
    font-size: 150%;
    padding-left: 5px;
    font-weight: bold;
}

.mdi_player_ename {
    text-align: left;
    background: #000;
    color: #fff;
    padding-left: 5px;
    font-weight: bold;
    font-size: 75%;
}

.mdi_player_detail {
    text-align: right;
    background: #e6002d;
    color: #fff;
    padding-right: 5px;
}

.mdi_player_detail a:link,
.mdi_player_detail a:visited,
.mdi_player_detail a:hover,
.mdi_player_detail a:active,
.mdi_player_detail a:focus {
    color: #fff;
}

.mdi_result_area {
    background: #eee;
    padding: 3px;
    width: 100%;
}

.mdi_area_title {
    text-align: left;
    background: #e6002d;
    color: #fff;
    padding-left: 5px;
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 5px;
}

.mdi_youtube {
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    position: relative;
}

.mdi_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 202105 leaflet */

.leafletArea {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* IE10 */
    box-sizing: border-box;
    justify-content: space-between;
    margin-bottom: 20px;
}

.leafletArea a {
    width: 49%;
    padding: 10px;
    background-color: #e6002d;
    color: #fff;
    text-align: center;
    border-radius: 0.8em;
    line-height: 1.6;
    font-size: 1.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content-center;
    box-sizing: border-box;
}

.leafletArea a:hover {
    background-color: #b30023;
}

/* 202110 ticket */
.ladies_row {
    display: flex;
    display: -ms-flexbox;
    /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* IE10 */
    box-sizing: border-box;
}

.ladies_col {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content-center;
    box-sizing: border-box;
}

.ticket_gamelist_box {
    background-color: #fff;
    padding: 10px 20px;
    border: solid 1px #e6002d;
    margin-top: 10px;
}

.ticket_gamelist_left {
    width: 20%;
    font-size: 1.8em;
    font-weight: bold;
}

.ticket_gamelist_center {
    width: 60%;
}

.ticket_gamelist_right {
    width: 20%;
}

.ticket_gamelist_gamename,
.ticket_gamelist_kickoff {
    width: 100%;
    font-size: 1.2em;
    text-align: left;
    margin: 5px;
}

.ticket_gamelist_teamname {
    width: 100%;
    text-align: left;
    font-size: 1.8em;
    font-weight: bold;
}

.ticket_gamelist_btn {
    cursor: pointer;
    border: solid 1px #e6002d;
    padding: 10px 20px;
    border-radius: 0.4em;
    font-size: 1.4em;
    font-weight: bold;
}

.ticket_gamelist_btn:hover {
    background-color: #e6002d;
    color: #fff;

}

.ticket_gamelist_date_red {
    color: #e6002d;
}

.ticket_gamelist_date_blue {
    color: #00bfff;
}

.ticket_deteil_btn {
    border: solid 1px #e6002d;
    background: #fff;
    color: #e6002d !important;
    padding: 10px 20px;
    border-radius: 0.4em;
    display: block;
    text-align: center;
}

.ticket_deteil_btn:hover {
    background: #e6002d;
    color: #fff !important;
}

/* 202201 ranktable */
.ranktable {
  margin-top: 20px;
}

.ranktable table {
  width: 100%;
}

.ranktitle {
  background-color: #efcc82;
  font-weight: bold;
  padding: 5px;
  border: solid 1px #ffffff;
}

.ranktable th,
.ranktable td {
  background-color: #eee;
  border: solid 1px #ffffff;
  padding: 5px !important;
}

.ranktable_rank {
  width: 5%;
  text-align: center !important;
}

.ranktable_point,
.ranktable_game,
.ranktable_win,
.ranktable_draw,
.ranktable_lose,
.ranktable_dif {
  width: 10%;
  text-align: center !important;
}

.ranktable_team {
  width: 35%;
}

.isReds {
  color: #e6002d;
  font-weight: bold;
}

/* 202206 records */
.pastRecordArea {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* IE10 */
    box-sizing: border-box;
    justify-content: space-between;
    margin-bottom: 20px;
}

.pastRecordArea li {
    width: 49%;
    margin-bottom: 10px;
}

.pastRecordArea a {
    width: 100%;
    padding: 10px;
    background-color: #e5e5e5;
    color: #e6002d;
    text-align: center;
    border-radius: 0.8em;
    line-height: 1.6;
    font-size: 1.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content-center;
    box-sizing: border-box;
}

.pastRecordArea a:hover {
    background-color: #bdbdbd;
}

.currentRecordArea {
    margin-bottom: 10px;
}

.currentRecordArea a {
    width: 100%;
    padding: 10px;
    background-color: #e6002d;
    color: #fff;
    text-align: center;
    border-radius: 0.8em;
    line-height: 1.6;
    font-size: 1.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content-center;
    box-sizing: border-box;
}

.currentRecordArea a:hover {
    background-color: #b30023;
}