@charset "UTF-8";
/* -------------------------------------------------------
style.css for アビスパ福岡サイト w/sass
creation date:03-01-2015
scss/style.scss
---------------------------------------------------------*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
/* ---------------------------------
*    Font Size
*   14rem = 14px
*/
.extra-large, .mem-number {
  font-size: 36px;
  font-size: 36rem;
}

.xx-large, h2.heading, .heading--large {
  font-size: 30px;
  font-size: 30rem;
}

.x-large, h3.heading, .heading-stats, .heading-volunteer, .heading-avispa-channel, .table--academy-game td.sum, .news-topics .news-topics-head h2, .sch-calendar .sch-row > div > span.sch-date, .form-info dd span {
  font-size: 24px;
  font-size: 24rem;
}

.large, .news h2, .basic-ideology span, .game-title h3, .academy-game--resule, .btn-navs input[type="submit"] {
  font-size: 18px;
  font-size: 18rem;
}

.mid, h4.heading, h5, .heading--small, .heading--bg, .table--game-list .result, .mem-detail,
.ht-staff, .ht-staff dt, .school-staff dt, .info-list dt, .game-result table .game-team, .game-result table .game-result--goals-detail, .game-result .match-stats h5, .sitemap .sitemap-item li {
  font-size: 16px;
  font-size: 16rem;
}

.def, .ht-staff dd, .school-staff dd, .info-list dd dt, .goal--time, .sitemap .sitemap-item ul li, .form--title h2 {
  font-size: 14px;
  font-size: 14rem;
}

.l-small, address, .footer-sig address, .game-cat, .match-info, .mem-detail .sub,
.ht-staff .sub, .mem-detail .role,
.ht-staff .role, .mem-detail ol.career,
.ht-staff ol.career, .mem-detail p.career,
.ht-staff p.career, .mem-detail p.career-pos,
.ht-staff p.career-pos, .contactus dd, .avi-box-detail dl dd dl {
  font-size: 13px;
  font-size: 13rem;
}

.small, .global-footer .footer-item ul li, .table--game-list .tv, .school-list dd p.birth, .caption, .game-result table .goal-detail, .sch-calendar-container .sch-calendar .sch-head, .sch-calendar-container .sch-set-rows .sch-row .sch-item {
  font-size: 12px;
  font-size: 12rem;
}

.x-small, .match-schedule-table td.team-name {
  font-size: 10px;
  font-size: 10rem;
}

.xx-small {
  font-size: 9px;
  font-size: 9rem;
}

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

Structure Module

=======================================*/
html {
  font-size: 6.25%;
  -webkit-tap-highlight-color: rgba(0, 158, 180, 0.7);
}

body {
  font-family: "Montserrat", "Noto Sans Japanese", sans-serif;
  font-size: 14px;
  font-size: 14rem;
  line-height: 1.785714285;
  color: #262626;
}

/* Links -------------------------------------------*/
a {
  color: #366797;
  text-decoration: underline;
}
a .text-link {
  text-decoration: underline;
}
a:hover, a:focus {
  color: #366797;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

::-moz-selection {
  background: rgba(0, 158, 180, 0.7);
  color: #fff;
}

::selection {
  background: rgba(0, 158, 180, 0.7);
  color: #fff;
}

img {
  vertical-align: top;
}

address {
  font-style: normal;
  text-align: center !important;
}

.list {
  margin: 0;
  padding: 0;
}
.list:before, .list:after {
  content: " ";
  display: table;
}
.list:after {
  clear: both;
}

.list li {
  list-style: none;
}

a img:hover {
  opacity: .6;
}

em {
  font-style: normal;
  color: #c00;
}
em.caution {
  font-weight: bold;
}
em.info {
  color: #004181;
}

.img--left {
  float: left;
  margin-right: 22px;
}

.img--right {
  float: right;
  margin-left: 22px;
}

.img--fill {
  clear: both;
  margin-bottom: 20px;
}

.align--left {
  text-align: left;
}

.align--right {
  text-align: right;
}

.align--center {
  text-align: center;
}

.block-align--left {
  display: block;
  text-align: left;
}

.block--center {
  margin-right: auto;
  margin-left: auto;
}

.img--full-size {
  width: 100%;
}

hr {
  height: 0;
  margin: 2em 0 2em;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.section-news {
  clear: both;
  width: 820px;
  margin: 1em auto;
}
.section-news:before, .section-news:after {
  content: " ";
  display: table;
}
.section-news:after {
  clear: both;
}

/*----------------------------------------------------
 $ Structure Module
----------------------------------------------------*/
.allDocument {
  width: 100%;
  height: 100%;
  margin: 0;
}

.container {
  position: relative;
  min-width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

/*----------------------------------------------------
$ header
----------------------------------------------------*/
.unit-header {
  z-index: 1000;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  padding: 0;
  background: url("../img/bg--head.png") repeat-x;
}
.unit-header:before, .unit-header:after {
  content: " ";
  display: table;
}
.unit-header:after {
  clear: both;
}
.unit-header .site-title {
  float: left;
  margin: 0;
  padding: 17px 0 0 0;
}
.unit-header .site-title a {
  display: block;
  width: 227px;
  height: 87px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  background: url("../img/sprites16.png") no-repeat;
  background-size: 460px auto;
}

.ua-ie-8 .site-title a {
  background: url("../img/ua-ie-8-logo.png") no-repeat;
}

.block-premium-sponsor {
  clear: both;
  position: absolute;
  z-index: 100;
  top: 15px;
  right: 230px;
  padding: 5px 2px;
  background: #fff;
}
.block-premium-sponsor:before, .block-premium-sponsor:after {
  content: " ";
  display: table;
}
.block-premium-sponsor:after {
  clear: both;
}
.block-premium-sponsor ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.block-premium-sponsor ul li {
  float: left;
  margin: 0 1px;
}
.block-premium-sponsor ul li.home-town {
  padding: 0 8px 0 6px;
  margin: 0 3px;
  border-left: 1px solid #004181;
  border-right: 1px solid #004181;
}

.hidden-pc {
  display: none;
}

.toggled-on {
  display: block !important;
}

.sub-menu {
  display: none;
}

.gnav-contaier .local-nav-icon,
.footer-item .local-nav-icon {
  display: none !important;
  height: 0;
}
.gnav-contaier .local-sub-menu,
.footer-item .local-sub-menu {
  display: none !important;
  height: 0;
}

nav {
  float: right;
}

.gnav {
  margin: 0;
  padding: 60px 0 0 0;
  list-style: none;
  font-weight: bold;
}
.gnav:before, .gnav:after {
  content: " ";
  display: table;
}
.gnav:after {
  clear: both;
}
.gnav li {
  display: inline;
  float: left;
  position: relative;
  height: 40px;
  padding: 0 0 0 15px;
  line-height: 40px;
}
.gnav li.home-link a.parentsLink {
  color: #333 !important;
  border-bottom: none !important;
}
.gnav li.home-link a.parentsLink:hover {
  -webkit-transition: color .2s ease-in-out !important;
  -moz-transition: color .2s ease-in-out !important;
  color: #004181 !important;
  border-bottom: 2px solid #004181 !important;
  -ootransition: color .2s ease-in-out !important;
  transion: color .2s ease-in-out !important;
}
.gnav li a {
  padding: 0 4px 6px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: .4px;
  color: #333;
}
.gnav li a.parentsLink, .gnav li a.current, .gnav li a:hover {
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  color: #004181;
  border-bottom: 2px solid #004181;
  -ootransition: color .2s ease-in-out;
  transion: color .2s ease-in-out;
}
.gnav li ul {
  position: absolute;
  z-index: 400;
  top: 36px;
  left: 15px;
  width: 200px;
  padding: 5px 7px 5px;
  border-bottom: 3px solid #004181;
  background: #fff;
}
.gnav li ul li {
  display: block;
  float: none;
  height: auto;
  padding: 0;
  line-height: 1;
  border-bottom: 1px solid #ddd;
}
.gnav li ul li:last-child {
  border: none;
}
.gnav li ul li a {
  display: block;
  padding: 12px 6px;
  font-size: 13px;
  font-size: 13rem;
  font-weight: normal;
  border: none;
}
.gnav li ul li a.parentsLink {
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  color: #004181;
  border-bottom: none;
  background: #fff;
  -ootransition: background .2s ease-in-out;
  transion: background .2s ease-in-out;
}
.gnav li ul li a.current, .gnav li ul li a:hover {
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  color: #004181;
  border-bottom: none;
  background: #ededed;
  -ootransition: background .2s ease-in-out;
  transion: background .2s ease-in-out;
}

i.fa-external-link {
  text-align: right;
  display: inline-block;
  float: right;
}

.footer-item i.fa-external-link {
  float: none;
  margin-left: 8px;
}

.block-site-search {
  clear: both;
  position: absolute;
  top: 15px;
  right: 0;
}
.block-site-search:before, .block-site-search:after {
  content: " ";
  display: table;
}
.block-site-search:after {
  clear: both;
}
.block-site-search .google-search-box {
  width: 220px;
  margin: 0;
  padding: 3px 3px 0 3px;
}

#gsc-i-id2 {
  font-size: 12px !important;
  margin-bottom: 15px !important;
}

/*----------------------------------------------------
$ footer
----------------------------------------------------*/
.unit-footer {
  min-width: 1200px;
}
.unit-footer:before, .unit-footer:after {
  content: " ";
  display: table;
}
.unit-footer:after {
  clear: both;
}

.global-footer {
  padding: 50px 0 15px;
  color: #fff;
  background: #004181;
}
.global-footer:before, .global-footer:after {
  content: " ";
  display: table;
}
.global-footer:after {
  clear: both;
}
.global-footer .footer-container {
  width: 1050px !important;
  margin: 0 auto;
}
.global-footer .footer-container:before, .global-footer .footer-container:after {
  content: " ";
  display: table;
}
.global-footer .footer-container:after {
  clear: both;
}
.global-footer .f-logo {
  display: block;
  width: 150px;
  height: 63px;
  margin: 0 auto;
  background: url("../img/sprites16.png") no-repeat;
  background-position: 0 -90px;
  background-size: 480px auto;
}
.global-footer .footer-item {
  float: left;
  width: 175px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-footer .footer-item li {
  margin-bottom: 2.6em;
  font-weight: bold;
}
.global-footer .footer-item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-footer .footer-item ul li {
  margin-bottom: 3px;
  font-weight: normal;
}
.global-footer .footer-item a {
  text-decoration: none;
  color: #fff;
}
.global-footer .footer-item a:hover {
  text-decoration: underline;
}
.global-footer .footer-item-last li {
  margin-bottom: 0;
  font-weight: normal !important;
}

.footer-sig {
  height: 100px;
}
.footer-sig .sig {
  float: left;
  width: 850px;
  height: 60px;
  margin: 10px 0 0 0;
}
.footer-sig .sig .footer-fukuoka-movement {
  display: inline-block;
}
.footer-sig .sig .footer-fukuoka-movement a {
  display: inline-block;
  width: 242px;
  height: 60px;
  text-indent: -9999px;
  background: url("../img/sprites16.png") no-repeat;
  background-position: 0 -350px;
}
.footer-sig .sig .footer-jleague {
  display: inline-block;
}
.footer-sig .sig .footer-jleague a {
  display: inline-block;
  width: 210px;
  height: 60px;
  text-indent: -9999px;
  background: url("../img/sprites16.png") no-repeat;
  background-position: -242px -350px;
}
.footer-sig address {
  float: right;
  margin-top: 30px;
  font-weight: bold;
}

/*----------------------------------------------------
 $contents
----------------------------------------------------*/
.center {
  clear: both;
  text-align: center;
}

.center1 {
  clear: both;
  text-align: center;
}

.center_s {
  clear: both;
  text-align: center;
}

.unit-contens {
  width: 100%;
  min-width: 1200px;
  max-width: 100%;
  background-color: #f6f9fb;
  background-repeat: no-repeat;
  background-position: center top;
}
.unit-contens:before, .unit-contens:after {
  content: " ";
  display: table;
}
.unit-contens:after {
  clear: both;
}

.unit-contents {
  width: 100%;
  min-width: 1200px;
  max-width: 100%;
  background-color: #f6f9fb;
  background-repeat: no-repeat;
  background-position: center top;
}
.unit-contents:before, .unit-contents:after {
  content: " ";
  display: table;
}
.unit-contents:after {
  clear: both;
}

.contents-bg1 {
  background-image: url("../img/bg-heading/bg--01.jpg");
}

.contents-bg2 {
  background-image: url("../img/bg-heading/bg--02.jpg");
}

.contents-bg3 {
  background-image: url("../img/bg-heading/bg--03.jpg");
}

.contents-bg4 {
  background-image: url("../img/bg-heading/bg--04.jpg");
}

.contents-bg5 {
  background-image: url("../img/bg-heading/bg--05.jpg");
}

.contents-bg6 {
  background-image: url("../img/bg-heading/bg--06.jpg");
}

.contents-bg7 {
  background-image: url("../img/bg-heading/bg--07.jpg");
}

.contents-bg8 {
  background-image: url("../img/bg-heading/bg--08.jpg");
}

.contents-bg9 {
  background-image: url("../img/bg-heading/bg--09.jpg");
}

.contents-bg10 {
  background-image: url("../img/bg-heading/bg--10.jpg");
}

.contents-bg11 {
  background-image: url("../img/bg-heading/bg--11.jpg");
}

.contents {
  position: relative;
  min-height: 600px;
  padding: 30px 0;
  background: #fff;
}
.contents:before, .contents:after {
  content: " ";
  display: table;
}
.contents:after {
  clear: both;
}

.section {
  position: relative;
  margin-bottom: 30px;
  padding: 0 30px;
}
.section:before, .section:after {
  content: " ";
  display: table;
}
.section:after {
  clear: both;
}

.contents-body {
  width: 880px;
  float: left;
}

.news-body {
  float: none;
  width: 100%;
}

.local-nav {
  position: relative;
  width: 250px;
  float: right;
  padding: 0 30px 0 0;
  margin-top: -30px;
}
.local-nav aside {
  position: absolute;
  top: 0;
  margin-top: 30px;
  width: 250px;
}
.local-nav aside ul {
  border-top: 1px solid #d7dbdf;
}
.local-nav aside ul li {
  position: relative;
  border-bottom: 1px solid #d7dbdf;
  font-weight: bold;
}
.local-nav aside ul li a {
  display: block;
  text-decoration: none;
  padding: 13px 10px;
}
.local-nav aside ul li a:hover {
  text-decoration: underline;
  background: #ededed;
}
.local-nav aside ul li a.current {
  background: #ededed;
}
.local-nav aside ul li a.parentsLink-set {
  background: #ededed;
}
.local-nav aside ul li ul {
  border: none;
  margin: 0;
  padding: 0;
}
.local-nav aside ul li ul li {
  border: none;
}
.local-nav aside ul li ul li:last-child a {
  padding-bottom: 13px;
}
.local-nav aside ul li ul a {
  padding: 7px 10px 7px 25px;
}
.local-nav aside ul li ul a.parentsLink {
  background: #ededed;
}
.local-nav .local-nav-icon {
  display: inline-block;
}
.local-nav .nav-icon {
  position: absolute;
  right: 15px;
  width: 30px;
  text-align: center;
}
.local-nav .local-sub-menu {
  display: none;
}

/*----------------------------------------------------
 heading
----------------------------------------------------*/
h1.heading {
  font-size: 36px;
  font-size: 36rem;
  color: #fff;
  line-height: 115px;
  padding: 0 0 0 30px;
  -webkit-animation-name: 'fadeIn';
  -webkit-animation-duration: .5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
}

h2.heading {
  margin: 0 0 1em;
  color: #004181;
}

h2.heading-news {
  margin: 0 !important;
}

h3.heading {
  font-weight: normal;
  color: #004181;
}
h3.heading .underline {
  padding: 0 3px;
  background: linear-gradient(transparent 75%, #ccd9e6 0%);
}

h4.heading {
  margin-top: 4em;
  margin-bottom: 1em;
  color: #004181;
}
h4.heading .underline {
  padding: 0 3px;
  background: linear-gradient(transparent 75%, #ccd9e6 0%);
}

.heading--bm {
  margin-bottom: .5em !important;
}

h5.heading {
  color: #004181;
}

.heading-school--weeks {
  margin-bottom: 5px;
}

.heading-stats {
  text-align: center;
  text-transform: uppercase;
  color: #004181;
}

.heading--bg {
  margin: 0 0 1.7em 0;
  padding: 5px 10px;
  color: #fff;
  background: #009eb4;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.heading-volunteer {
  margin-top: 0;
  text-align: center;
  color: #d9534f;
}
.heading-volunteer .underline {
  padding: 0 3px;
  background: linear-gradient(transparent 75%, #ccd9e6 0%);
}

.heading-avispa-channel {
  margin-top: 0;
  text-align: center;
  color: #d9534f;
}
.heading-avispa-channel .underline {
  padding: 0 3px;
  background: linear-gradient(transparent 75%, #ccd9e6 0%);
}

h4.heading--academy-game {
  margin-top: 0;
  padding: 0 10px;
  font-size: 18px;
  color: #fff;
  background: #004181;
}

.game-cat {
  display: block;
  color: #fff;
}

@-webkit-keyframes 'fadeIn' {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.entry-head-date {
  margin: 0 0 4em 0;
}

.eyecatch img {
  max-width: 100%;
}

/*----------------------------------------------------
 $table
----------------------------------------------------*/
.table-sticky {
  overflow: hidden;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 0 3em;
  line-height: 1.5em;
  /* For appearance */
  /* Not needed for sticky header/column functionality */
}
.table-sticky table {
  width: 100%;
  margin-bottom: 3em;
  border-collapse: collapse;
  background: #fff;
}
.table-sticky table td,
.table-sticky table th {
  padding: .75em 1.5em;
  text-align: left;
}
.table-sticky table td.err {
  font-size: .75em;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #e992b9;
}
.table-sticky table th {
  font-weight: bold;
  white-space: nowrap;
  color: #fff;
  background-color: #004181;
}
.table-sticky table tbody th {
  background-color: #2ea879;
}
.table-sticky .sticky-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  margin: 0;
}
.table-sticky .sticky-wrap .sticky-thead,
.table-sticky .sticky-wrap .sticky-col,
.table-sticky .sticky-wrap .sticky-intersect {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  width: auto;
  /* Prevent table from stretching to full size */
  transition: all .125s ease-in-out;
  opacity: 0;
}
.table-sticky .sticky-wrap .sticky-thead {
  z-index: 100;
  width: 100%;
  /* Force stretch */
  box-shadow: 0 0.25em 0.1em -0.1em rgba(0, 0, 0, 0.125);
}
.table-sticky .sticky-wrap .sticky-intersect {
  z-index: 150;
  opacity: 1;
}
.table-sticky .sticky-wrap .sticky-intersect th {
  color: #eee;
  background-color: #666;
}
.table-sticky .sticky-wrap td,
.table-sticky .sticky-wrap th {
  box-sizing: border-box;
}
.table-sticky .sticky-wrap.overflow-y {
  overflow-y: auto;
  max-height: 50vh;
}

@media screen and (max-width: 767px) {
  .table--stats {
    font-size: 10px;
  }
}
.table--stats td {
  text-align: center !important;
}
.table--stats .team-name {
  width: 49%;
  padding: 5px 0;
  -webkit-box-sizing: "border-box";
  -moz-box-sizing: "border-box";
  box-sizing: "border-box";
  text-align: center;
}
.table--stats .team-name2 {
  -webkit-box-sizing: "border-box";
  -moz-box-sizing: "border-box";
  box-sizing: "border-box";
  width: 38%;
  padding: 5px 0;
  text-align: center;
}
.table--stats .number {
  width: 2em;
}
.table--stats .position {
  width: 35px;
  font-weight: bold;
  color: #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  background: #009eb4;
}
@media screen and (max-width: 767px) {
  .table--stats .position {
    width: auto;
  }
}
.table--stats .position_2 {
  width: 124px;
  font-weight: bold;
  color: #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  background: #009eb4;
}
@media screen and (max-width: 767px) {
  .table--stats .position_2 {
    width: auto;
  }
}

.sticky-thead .team-name {
  width: 49%;
  padding: 5px 0;
  text-align: center;
}
.sticky-thead .tour--price {
  text-align: center;
}

.table--default .avi_mark {
  font-weight: bold !important;
  color: #fff !important;
  background: #009eb4 !important;
}

.table--game-list .result {
  font-weight: bold;
  text-align: center;
}
.table--game-list .stadium {
  text-align: center;
}
.table--game-list .vs-team {
  white-space: nowrap;
}

.table--awaytour .tour--price {
  text-align: center;
}

.table--ranking td {
  text-align: center !important;
}
.table--ranking .team-name {
  text-align: left !important;
}

.table--ranking-wrap th {
  text-align: center !important;
}
.table--ranking-wrap .team-name {
  text-align: left !important;
}

.table--default table {
  width: 100%;
}
.table--default th {
  padding: 5px 10px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #004181;
}
@media screen and (max-width: 767px) {
  .table--default th {
    padding: 5px 0;
  }
}
.table--default td {
  padding: 10px 20px;
  text-align: center;
  border-bottom: 1px solid #004181;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .table--default td {
    padding: 5px 2px;
  }
}

.table--academy-game {
  width: 100%;
  background: #fff;
}
.table--academy-game td {
  border: 1px solid #d7dbdf;
}
.table--academy-game td.sum {
  font-weight: bold;
}
.table--academy-game td.team-name {
  width: 35%;
}

.table--season-ticket .ticket--date {
  text-align: center;
}

.table--school td {
  width: 33%;
}

.sticky-thead .class {
  width: 35%;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f4f4f4;
  transition: all .125s ease-in-out;
}

.table-hover > tbody > tr:hover {
  background-color: rgba(51, 173, 195, 0.2);
  color: #242424;
}

/*----------------------------------------------------
$ news
----------------------------------------------------*/
.news {
  margin: 2em 0;
}
.news h2 {
  border-bottom: 2px solid #009dc7;
  padding: 0 0 3px 0;
  margin: 0 0 1em 0;
}
.news dl {
  margin-bottom: 5em;
}
.news dd {
  margin: -1.4em 0 .8em 6em;
}

/*----------------------------------------------------
$ banner
----------------------------------------------------*/
/*----------------------------------------------------
$ index
----------------------------------------------------*/
.index-hero-2016-01 {
  position: relative;
  margin-bottom: 65px;
}

.sliderWrap {
  background: #fff;
  width: 100%;
}
.sliderWrap:before, .sliderWrap:after {
  content: " ";
  display: table;
}
.sliderWrap:after {
  clear: both;
}

.index-hero-carousel {
  list-style: none;
  margin: 0;
  padding: 0;
}
.index-hero-carousel:before, .index-hero-carousel:after {
  content: " ";
  display: table;
}
.index-hero-carousel:after {
  clear: both;
}

.index-hero-carousel li {
  list-style: none;
  float: left;
  margin: 0;
  height: 400px;
}

#prev, #next {
  background-color: #FBFBF4;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  zoom: 1;
  display: block;
  width: 37px;
  height: 62px;
  top: 240px;
  position: absolute;
}

#prev:hover, #next:hover {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
  zoom: 1;
}

#prev {
  background: transparent url(../img/top/btn_prev.png) 98% center no-repeat;
  padding-left: 30px;
}

#next {
  background: transparent url(../img/top/btn_next.png) 3% center no-repeat;
  right: 0 !important;
  text-align: right !important;
  float: right !important;
  padding-right: 30px;
}

#next #next img {
  left: 20px;
  top: 120px;
  position: absolute;
}

.index-hero-2016-01 div.caroufredsel_wrapper {
  width: 100% !important;
}

#pager {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 10px;
}

#pager a {
  border: 2px solid #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 5px;
  padding: 2px;
}

#pager a:first-child {
  margin-left: 0;
}

#pager a:hover {
  background: #fff;
}

#pager a span {
  display: none;
}

#pager a.selected {
  background-color: #fff;
}

.index-hero {
  width: 100%;
  margin: 0 auto;
  background: #000;
}
.index-hero .cover-hero {
  border: 10px solid #cc0000;
  width: 1200px !important;
  height: 400px;
  color: #fff;
  margin-left: -600px;
  position: absolute;
  left: 50%;
  background-position: center;
}
.index-hero .cover-hero a {
  display: block;
  width: 1200px;
  height: 400px;
  color: #fff;
  text-decoration: none;
}
.index-hero .cover-hero a img:hover {
  opacity: 1 !important;
}
.index-hero .cover-hero a h2 {
  font-size: 48px;
  font-size: 48rem;
  line-height: 1.4;
  text-shadow: 1px 1px 1px #242424;
}
.index-hero .cover-hero a p {
  font-size: 21px;
  font-size: 21rem;
  line-height: 1.4;
  text-shadow: 1px 1px 1px #242424;
}

.index-hero-2016 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1200px;
  margin: 0 auto 24px;
  overflow: hidden;
}
.index-hero-2016:before, .index-hero-2016:after {
  content: " ";
  display: table;
}
.index-hero-2016:after {
  clear: both;
}
@media screen and (max-width: 767px) {
  .index-hero-2016 {
    width: auto;
  }
}

.hero-slider-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 830px;
  float: left;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .hero-slider-container {
    width: auto;
    float: none;
  }
}
.hero-slider-container .hero--slider {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hero-slider-container .hero--slider li {
  margin: 0;
  padding: 0;
}

/*----------------------------------------------------
$ match-data
----------------------------------------------------*/
.hero--match-data {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 362px;
  min-height: 450px;
  padding: 0 15px 10px;
  background: #f4f4f4;
  float: right;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .hero--match-data {
    width: 100%;
    float: none;
    min-height: 0;
    padding: 0;
  }
}
.hero--match-data .match-data-heading {
  font-size: 13rem;
  margin: 0;
  background: #004181;
  color: #fff;
  padding: 8px;
  line-height: 1;
}
.hero--match-data .match-data-head {
  margin: 0 0 5px;
  padding: 5px 10px 5px;
  border-bottom: 1px solid #d3d3d3;
}
@media screen and (max-width: 767px) {
  .hero--match-data .match-data-head {
    text-align: center;
  }
}
.hero--match-data .match-data-head p {
  margin: 0;
  vertical-align: middle;
  line-height: 1.4;
}
.hero--match-data .match-data-head p.match-date--days {
  font-size: 18rem;
}
.hero--match-data .match-data-head p.match-date--days .icon-cat {
  vertical-align: text-top;
}
.hero--match-data .match-data-head p.match-date--team {
  font-size: 15rem;
  font-weight: bold;
}
.hero--match-data .match-data-head p.match-date--team .vs {
  font-size: 12rem;
  font-weight: normal;
}

.hero--match-data-2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 362px;
  min-height: 450px;
  padding: 0 15px 5px;
  background: #f4f4f4;
  float: right;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .hero--match-data-2 {
    width: 100%;
    float: none;
    min-height: 0;
    padding: 0;
  }
}
.hero--match-data-2 .match-data-heading {
  font-size: 13rem;
  margin: 0;
  background: #004181;
  color: #fff;
  padding: 8px;
  line-height: 1;
}

.hero--match-data-2 .match-data-head {
  margin: 0 0 5px;
  padding: 5px 10px 5px;
  border-bottom: 1px solid #d3d3d3;
}

@media screen and (max-width: 767px) {
  .hero--match-data-2 .match-data-head {
    text-align: center;
  }
}
.hero--match-data-2 .match-data-head p {
  margin: 0;
  vertical-align: middle;
  line-height: 1.4;
}

.hero--match-data-2 .match-data-head p.match-date--days {
  font-size: 18rem;
}

.hero--match-data-2 .match-data-head p.match-date--days .icon-cat {
  vertical-align: text-top;
}

.hero--match-data-2 .match-data-head p.match-date--team {
  font-size: 15rem;
  font-weight: bold;
}

.hero--match-data-2 .match-data-head p.match-date--team .vs {
  font-size: 12rem;
  font-weight: normal;
}

.the-latest-match {
  width: 298px;
  text-align: center;
  float: left;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
}

.match-schedule {
  width: 600px;
  float: left;
  text-align: center;
}
.match-schedule h3 {
  margin-bottom: 30px;
}

.match-ranking {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  text-align: center;
}

.match-title {
  margin: 0;
  line-height: 1.4;
  font-weight: bold;
  margin: 0;
}

.match-info .home {
  color: #004181;
}
.match-info .away {
  color: #e84855;
}

.match-table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  padding: 0;
  margin: 0 auto;
  width: 100% !important;
  font-size: 12rem;
}
.match-table td {
  text-align: center;
  vertical-align: middle;
}
.match-table td.team {
  width: 80px;
}
.match-table td.score-sum {
  font-family: 'Montserrat', sans-serif;
  width: 115px;
  height: 70px;
  font-size: 42px;
  font-size: 42rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}
.match-table td.score {
  font-family: 'Montserrat', sans-serif;
  vertical-align: middle;
}
.match-table td.score p {
  line-height: 1.4;
  margin: 0;
  white-space: nowrap;
}
.match-table td.score p span {
  display: none;
}

.match-data-link {
  font-size: 12rem;
  margin: 0;
}
.match-data-link .btn {
  padding: 2px 0;
  margin: 0;
}
.match-data-link .btn:hover {
  color: #fff;
}
.match-data-link .btn-hero-ranking {
  width: 115px;
}

.next-matche {
  text-align: center;
  padding: 0 20px;
  width: 240px;
}

.match-schedule-table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  padding: 0;
  margin: 0 auto;
  width: 230px;
}
.match-schedule-table td {
  text-align: center;
  vertical-align: middle;
}
.match-schedule-table td.score-sum {
  font-family: 'Montserrat', sans-serif;
  width: 50px;
  font-size: 42px;
  font-size: 42rem;
  font-weight: 700;
}
.match-schedule-table td.score {
  font-family: 'Montserrat', sans-serif;
}
.match-schedule-table td.score p {
  line-height: 1.4;
  margin: 0;
}
.match-schedule-table td.score p span {
  display: none;
}
.match-schedule-table td.team-name {
  font-weight: bold;
  width: 75px;
}
.match-schedule-table td.team-home {
  text-align: left;
}
.match-schedule-table td.team-opp {
  text-align: right;
}
.match-schedule-table td.away-emb span {
  margin-left: 35px;
}

.match-schedule-link {
  margin-top: 40px;
}

.match-ranking-table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
  margin: 16px auto;
  padding: 0;
  empty-cells: show;
  border-spacing: 0;
  border-collapse: collapse;
  background: #fff;
}
.match-ranking-table tr {
  border-bottom: 1px solid #d7dbdf;
}
.match-ranking-table tr:last-child {
  border: none;
}
.match-ranking-table th {
  background: #004181;
  color: #fff;
  font-size: 13rem;
  text-align: center;
  padding: 1px 3px;
}
.match-ranking-table th.match-ranking-table-title {
  text-align: left;
  padding: 3px 6px;
}
.match-ranking-table td {
  padding: 1px 3px;
  text-align: center;
}
.match-ranking-table td.ranking {
  width: 14px;
}
.match-ranking-table td.team {
  text-align: left;
  font-size: 14rem;
  font-weight: normal;
  color: #242424;
}
.match-ranking-table td.point {
  text-align: center;
}
.match-ranking-table .curr {
  font-weight: bold !important;
  background: #d9e3ec;
}
.match-ranking-table .curr td {
  font-weight: bold;
  color: #004181;
}

.match-ranking-table-2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
  margin: 0px auto;
  padding: 0;
  empty-cells: show;
  border-spacing: 0;
  border-collapse: collapse;
  background: #fff;
  margin-bottom: 10px;
  margin-bottom: 6px;
  margin-top: 4px;
}

.match-ranking-table-2 tr {
  border-bottom: 1px solid #d7dbdf;
}

.match-ranking-table-2 tr:last-child {
  border: none;
}

.match-ranking-table-2 th {
  background: #004181;
  color: #fff;
  font-size: 13rem;
  text-align: center;
  padding: 1px 3px;
}

.match-ranking-table-2 th.match-ranking-table-title {
  text-align: left;
  padding: 3px 6px;
}

.match-ranking-table-2 td {
  padding: 1px 3px;
  text-align: center;
}

.match-ranking-table-2 td.ranking {
  width: 14px;
}

.match-ranking-table-2 td.team {
  text-align: left;
  font-size: 14rem;
  font-weight: normal;
  color: #242424;
}

.match-ranking-table-2 td.point {
  text-align: center;
}

.match-ranking-table-2 .curr {
  font-weight: bold !important;
  background: #d9e3ec;
}

.match-ranking-table-2 .curr td {
  font-weight: bold;
  color: #004181;
}

.skyperfect_link {
  position: absolute;
    left: 30px;
    width: 68px;
   padding-top:2px;
}

.skyperfect_link a {
  text-decoration: none;
}

.game_time {
  position: absolute;
  left: 203px;
  margin-top: 2px;
}

.sokuhou_head {
  border: solid 1px #ccc;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 40px;
  box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.4);
  width: 90%;
  margin-left: 15px;
  margin-bottom: 3px;
  height: 30px;
  padding-top: 2px;
}

.headliner-container {
  background: #004181;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  margin: 0 0 8px 0;
  width: 830px;
  display: table;
}
@media screen and (max-width: 767px) {
  .headliner-container {
    width: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.headliner-container h2 {
  display: table-cell;
  color: #fff;
  font-size: 13rem;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin: 0;
  padding: 0 0 0 15px;
  vertical-align: middle;
  width: 130px;
}
@media screen and (max-width: 767px) {
  .headliner-container h2 {
    display: block;
    width: auto;
    padding: 0 0 0 5px;
  }
}
.headliner-container .headliner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  background: #fff;
  padding: 5px 15px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media screen and (max-width: 767px) {
  .headliner-container .headliner {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 3px 10px;
  }
}
.headliner-container .headliner .headline-news {
  margin: 0;
  padding: 0;
  width: 645px;
}
.headliner-container .headliner .headline-news li {
  width: 645px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .headliner-container .headliner .headline-news {
    font-size: 12rem;
  }
  .headliner-container .headliner .headline-news li {
    margin: 0;
  }
  .headliner-container .headliner .headline-news .icon-cat {
    font-size: 9rem !important;
    padding: 1px 3px;
  }
  .headliner-container .headliner .headline-news .topic-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/*----------------------------------------------------
$ entries
----------------------------------------------------*/
.entries-msk {
  width: 100%;
  background: url("../img/bg--news.png") repeat-x;
}

.entries {
  min-width: 1200px;
  padding: 0 0 40px 0;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  margin-bottom: 20px;
}
.entries:before, .entries:after {
  content: " ";
  display: table;
}
.entries:after {
  clear: both;
}

@media screen and (max-width: 767px) {
  .inf-entrywrap {
    display: none;
  }
}
.entries-bg1 {
  background-image: url("../img/bg-index/bg--01.jpg");
}

.entries-bg2 {
  background-image: url("../img/bg-index/bg--02.jpg");
}

.entries-bg3 {
  background-image: url("../img/bg-index/bg--03.jpg");
}

.entries-bg4 {
  background-image: url("../img/bg-index/bg--01.jpg");
}

.entries-bg5 {
  background-image: url("../img/bg-index/bg--02.jpg");
}

.entries-bg6 {
  background-image: url("../img/bg-index/bg--03.jpg");
}

.entries-bg7 {
  background-image: url("../img/bg-index/bg--01.jpg");
}

.entries-bg8 {
  background-image: url("../img/bg-index/bg--02.jpg");
}

.entries-bg9 {
  background-image: url("../img/bg-index/bg--03.jpg");
}

.entries-bg10 {
  background-image: url("../img/bg-index/bg--01.jpg");
}

.entries-bg11 {
  background-image: url("../img/bg-index/bg--02.jpg");
}

.entries-item {
  float: left;
  position: relative;
  height: 206px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 8px solid #fff;
  margin-right: -8px;
  margin-bottom: -8px;
}
.entries-item a {
  display: block;
  height: 206px;
  color: #fff;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.entries-item a:hover {
  background: rgba(255, 255, 255, 0.5);
}
.entries-item a:hover .entry-title {
  background: #004182;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.entries-item a .mycat {
  margin: 4px;
}
.entries-item .entry-title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  padding: 5px 10px 10px 10px;
  background: rgba(0, 65, 130, 0.7);
  height: 75px;
  width: 100%;
}
.entries-item .entry-title p {
  margin: 0;
  font-style: italic;
  text-shadow: 1px 1px 1px #242424;
}
.entries-item .entry-title h2 {
  margin: 0;
  line-height: 1.4;
  text-shadow: 1px 1px 1px #242424;
  font-size: 14rem;
}

.banners--fix {
  float: left;
  background: #004181;
  border: 8px solid #fff;
  margin-right: -8px;
  margin-bottom: -8px;
}

.banners--fix--demo {
  float: left;
  position: relative;
  width: 206px;
  height: 206px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.banners--fix--demo:hover {
  cursor: pointer;
}
.banners--fix--demo a {
  display: block;
  padding: 15px 20px;
  color: #fff;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.banners--fix--demo a:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
}

.media-info {
  float: left;
  width: 206px;
  height: 206px;
  padding: 10px;
  background: #f4f4f4;
  border: 8px solid #fff;
  margin-right: -8px;
  margin-bottom: -8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.media-info .fa-vm {
  margin-right: 10px;
}

.media-info-link {
  margin: 0 0 16px 0;
  text-align: center;
  background: #004181;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.media-info-link a {
  display: block;
  padding: 15px 0;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}

.avispa-sns {
  margin: 0;
  padding: 0;
  color: #004181;
}
.avispa-sns dt {
  margin: 0 0 16px 0;
  padding: 0;
  line-height: 1.3;
  font-weight: bold;
}
.avispa-sns dd {
  margin: 0;
  padding: 0;
}
.avispa-sns dd a {
  text-decoration: none;
  color: #004181;
}
.avispa-sns dd a:hover {
  color: #004e9b !important;
}

.sns-fb .fa-square {
  color: #3b5998;
}

.sns-fb:hover .fa-square {
  opacity: .5;
}

.sns-tw .fa-square {
  color: #55acee;
}

.sns-tw:hover .fa-square {
  opacity: .5;
}

.sns-insta .fa-square {
  color: #3f729b;
}

.sns-insta:hover .fa-square {
  opacity: .5;
}

.entries-read-more {
  display: table;
  float: left;
  width: 206px;
  height: 206px;
  padding: 10px 10px;
  background: #004181;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 8px solid #fff;
}
.entries-read-more div {
  display: table-cell;
  vertical-align: middle;
}
.entries-read-more a {
  font-weight: bold;
  color: #fff;
}

.fa-vm {
  vertical-align: middle;
}

.entries-cat-news {
  background-color: #01a4bb;
}

.entries-cat-topics {
  background-color: #6b3de4;
}

.entries-cat-pickup {
  background-color: #d9a34a;
}

.entries-cat-event {
  background-color: #007ac2;
}

.entries-cat-campagin {
  background-color: #3ca773;
}

.entries-cat-official {
  background-color: #004181;
}

.entries-cat-hometown {
  background-color: #8694bc;
}

.entries-item-w1 {
  width: 206px;
}

.entries-item-w2 {
  width: 592px;
}

.entries-item-w3 {
  width: 900px;
}

/*----------------------------------------------------
$ oficial-sponsor
----------------------------------------------------*/
.official-sponsor {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0 40px;
}
.official-sponsor:before, .official-sponsor:after {
  content: " ";
  display: table;
}
.official-sponsor:after {
  clear: both;
}
.official-sponsor ul {
  margin-top: 0;
}

/*----------------------------------------------------
$ news-topics
----------------------------------------------------*/
.news-topics {
  width: 1160px;
  min-width: 1160px;
  margin: 40px auto 0;
  padding: 0 20px;
}
.news-topics:before, .news-topics:after {
  content: " ";
  display: table;
}
.news-topics:after {
  clear: both;
}
@media screen and (max-width: 767px) {
  .news-topics {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
    margin: 0 auto 0;
  }
}
.news-topics .news-topics-head {
  margin: 0 0 24px 0;
}
.news-topics .news-topics-head:before, .news-topics .news-topics-head:after {
  content: " ";
  display: table;
}
.news-topics .news-topics-head:after {
  clear: both;
}
@media screen and (max-width: 767px) {
  .news-topics .news-topics-head {
    position: relative;
    width: 100%;
    height: auto;
    padding: 25px 10px 0;
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.news-topics .news-topics-head h2 {
  margin: 0;
  padding: 0 32px 0 0;
  line-height: 1;
  float: left;
}
@media screen and (max-width: 767px) {
  .news-topics .news-topics-head h2 {
    margin: 0 0 16px 0;
    float: none;
  }
}
.news-topics .news-topics-list {
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .news-topics .news-topics-list {
    width: 90%;
    margin: 0 auto;
  }
}
.news-topics .news-topics-list ul li {
  border-bottom: 1px solid #d7dbdf;
}
.news-topics .news-topics-list ul li:before, .news-topics .news-topics-list ul li:after {
  content: " ";
  display: table;
}
.news-topics .news-topics-list ul li:after {
  clear: both;
}
.news-topics .news-topics-list ul li a {
  display: block;
  padding: 7px 10px;
  text-decoration: none;
  color: #242424;
}
@media screen and (max-width: 767px) {
  .news-topics .news-topics-list ul li a {
    padding: 7px 0 7px 0;
  }
}
.news-topics .news-topics-list ul li a .date {
  display: inline-block;
  width: 80px;
}
@media screen and (max-width: 767px) {
  .news-topics .news-topics-list ul li a .date {
    width: 60px;
    font-size: 13rem;
  }
}
@media screen and (max-width: 767px) {
  .news-topics .news-topics-list ul li a .cat {
    display: inline-block;
    font-size: 13rem;
  }
}
@media screen and (max-width: 767px) {
  .news-topics .news-topics-list ul li a .topic-title {
    margin: 5px 0;
    line-height: 1.5;
    display: block !important;
    font-size: 13rem;
  }
}
.news-topics .news-topics-list ul li a:hover {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: #004181;
  background: #ededed;
}
.news-topics .news-topics-list ul li a:hover .topic-title {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .news-topics .news-topics-list ul li a:hover .topic-title {
    margin: 5px 0;
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .news-topics .news-topics-list ul li .news-topics--body {
    float: right;
    width: 63%;
  }
}
.news-topics .news-topics-list ul li .news-topics--thumbnail {
  display: none;
}
@media screen and (max-width: 767px) {
  .news-topics .news-topics-list ul li .news-topics--thumbnail {
    display: inline-block;
    float: left;
    width: 33%;
    margin: 0 0 10px 0;
    padding: 0;
  }
  .news-topics .news-topics-list ul li .news-topics--thumbnail img {
    width: 100%;
  }
}

.news-info-link {
  width: 40%;
  margin: 24px auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .news-info-link {
    width: 90%;
    margin: 1em auto 0;
  }
}

.news-topics-archive {
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 auto 40px !important;
}

.news-selector {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 0 0 32px;
  border-left: 2px solid #004181;
}
@media screen and (max-width: 767px) {
  .news-selector {
    border: none;
    padding: 0;
    width: 100%;
    float: none;
  }
}
.news-selector li {
  display: inline-block;
  margin: 0 5px;
}
@media screen and (max-width: 767px) {
  .news-selector li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 31%;
    margin: 0 5px 4px 0;
    padding: 0;
  }
}
.news-selector li span {
  display: inline-block;
  background: #ccc;
  min-width: 65px;
  font-size: 12px !important;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  padding: 2px 3px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media screen and (max-width: 767px) {
  .news-selector li span {
    display: block;
    min-width: 0;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
  }
}
.news-selector li a {
  display: block;
  text-decoration: none;
}
.news-selector li a span {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.news-selector li a:hover span, .news-selector li a.active span {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.news-selector li a:hover .tab-all, .news-selector li a.active .tab-all {
  background: #004181;
}
.news-selector li a:hover .tab-news, .news-selector li a.active .tab-news {
  background: #01a4bb;
}
.news-selector li a:hover .tab-goods, .news-selector li a.active .tab-goods {
  background: #6b3de4;
}
.news-selector li a:hover .tab-blog, .news-selector li a.active .tab-blog {
  background: #007ac2;
}
.news-selector li a:hover .tab-academy, .news-selector li a.active .tab-academy {
  background: #3ca773;
}
.news-selector li a:hover .tab-school, .news-selector li a.active .tab-school {
  background: #8694bc;
}

/*----------------------------------------------------
$ web-sponsor
----------------------------------------------------*/
@media screen and (min-width: 768px) {
  .web-sponsor {
    position: relative;
    overflow: hidden;
    margin: 30px 0 20px;
  }
  .web-sponsor:before, .web-sponsor:after {
    content: " ";
    display: table;
  }
  .web-sponsor:after {
    clear: both;
  }
  .web-sponsor ul {
    position: relative;
    left: 50%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .web-sponsor ul li {
    position: relative;
    left: -50%;
    float: left;
    margin: 0 10px;
  }

  .web-sponsor-2016 {
    margin: 20px auto 48px;
  }
  .web-sponsor-2016:before, .web-sponsor-2016:after {
    content: " ";
    display: table;
  }
  .web-sponsor-2016:after {
    clear: both;
  }
  .web-sponsor-2016 ul {
    list-style: none;
  }
  .web-sponsor-2016 ul li {
    text-align: center;
    width: 260px;
  }
  .web-sponsor-2016 ul li .websp-items {
    display: inline-block;
    height: 80px;
  }
  .web-sponsor-2016 ul li .websp-items:first-child {
    margin-right: 10px;
  }

  .sponsor-block {
    width: 250px;
  }

  .left-sponsor {
    width: 120px;
    float: left;
    padding-right: 10px;
  }

  .right-sponsor {
    width: 120px;
    float: left;
  }

  .one-block-sponsor {
    width: 224px;
    float: left;
    padding-right: 10px;
    margin-left: 18px;
  }
}
/*----------------------------------------------------
$ site-banners
----------------------------------------------------*/
.site-banners {
  min-width: 1200px;
  margin-top: 40px;
  padding: 40px 0;
  background: #f4f4f4;
}
.site-banners ul {
  width: 1050px;
  margin: 0 auto;
}
.site-banners ul li {
  display: block;
  float: left;
  margin: 10px 5px;
  width: 140px;
  text-align: center;
}

/*----------------------------------------------------
$ pagetop
----------------------------------------------------*/
.go-page-top {
  min-width: 1200px;
  text-align: center;
}
.go-page-top a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 20px 0;
  background: #003870;
  outline: none;
}
.go-page-top a:hover {
  background: #009eb4;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -ootransition: background 0.2s ease-in-out;
  transion: background .2s ease-in-out;
}

/*----------------------------------------------------
$ list
----------------------------------------------------*/
.aside-list {
  margin-bottom: 2em;
}

/*----------------------------------------------------
$ btn
----------------------------------------------------*/
.btn {
  display: block;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  width: 100%;
  padding: 4px 0;
  text-decoration: none;
  color: #242424;
  font-weight: bold;
}
.btn.btn-harf {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.btn-w {
  border: 1px solid #fff;
}

.btn-w-s {
  width: 220px;
}

.btn-w-m {
  width: 420px;
}

/*----------------------------------------------------
$ icon
----------------------------------------------------*/
.icon {
  margin-right: 3px;
  vertical-align: middle;
  background-image: url("../img/icon.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: inline-block;
  background-size: 25px auto;
  background-position: 0 0;
  width: 25px;
  height: 35px;
}

.icon-home {
  margin-top: 0;
  background-position: 0 -148px;
}

.icon-page-top {
  margin-top: 0;
  background-position: 0 -110px;
}

.icon-pc {
  margin-top: 2px;
  background-position: 0 -184px;
}

.icon-cat {
  display: inline-block;
  background: #ccc;
  min-width: 65px;
  font-size: 11px !important;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  padding: 2px 3px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.icon-pos-inline {
  margin: 0 15px;
}

.cat-topics {
  background: #6b3de4;
}

.cat-news {
  background: #01a4bb;
}

.cat-pickup {
  background: #d9a34a;
}

.cat-event {
  background: #007ac2;
}

.cat-campagin {
  background: #3ca773;
}

.cat-home {
  background: #004181;
}

.cat-away {
  background: #e84855;
}

.cat-official {
  background: #004181;
}

.cat-hometown {
  background: #8694bc;
}

/*新カテゴリカラー 2016-0226*/
.cat-news {
  background: #01a4bb;
}

.cat-goods {
  background: #6b3de4;
}

.cat-blog {
  background: #007ac2;
}

.cat-academy {
  background: #3ca773;
}

.cat-school {
  background: #8694bc;
}

.cat-needs {
  min-width: 36px !important;
  background: #c00;
}

.icon-form-item {
  margin-left: 4px;
}

.cat-game-state {
  background: #004181;
  font-size: 13rem !important;
}

.cat-game-state_2 {
  background: #004181;
  font-size: 13rem !important;
  height: 18px;
  padding: 0 5px 5px 5px;
  margin-left: -12px;
  margin-top: 2px;
  box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.4);
}

.cat-game-state_2 a {
  color: #fff;
  font-size: 95%;
  text-decoration: none;
}

/*----------------------------------------------------
 $ emblem
----------------------------------------------------*/
.em-wrapper-l {
  display: inline-block;
  width: 140px;
  height: 200px;
  margin-bottom: 10px;
  vertical-align: top;
}

.em-wrapper-m {
  display: inline-block;
  width: 140px;
  height: 100px;
  margin-bottom: 10px;
  font-size: 10rem;
  vertical-align: top;
}

.em-wrapper-s {
  display: inline-block;
  width: 140px;
  height: 50px;
  margin-bottom: 10px;
  font-size: 10rem;
  vertical-align: top;
}

.emblem {
  display: block;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(../img/emblem.png) no-repeat;
}

.ua-ie-8 .emblem {
  text-indent: 0;
  background: none;
}

.emblem-inline {
  display: inline-block !important;
  vertical-align: middle;
}

.emblem-l {
  width: 140px;
  height: 140px;
  margin: 0;
}
.emblem-l.em-sendai {
  background-position: 0 0;
}
.emblem-l.em-kashima {
  background-position: -140px 0;
}
.emblem-l.em-kashiwa {
  background-position: -280px 0;
}
.emblem-l.em-kawasaki {
  background-position: -420px 0;
}
.emblem-l.em-shonan {
  background-position: -560px 0;
}
.emblem-l.em-matsumoto {
  background-position: 0 -140px;
}
.emblem-l.em-shimizu {
  background-position: -140px -140px;
}
.emblem-l.em-osaka {
  background-position: -280px -140px;
}
.emblem-l.em-hiroshima {
  background-position: -420px -140px;
}
.emblem-l.em-yamagata {
  background-position: -560px -140px;
}
.emblem-l.em-urawa {
  background-position: 0 -280px;
}
.emblem-l.em-tokyo {
  background-position: -140px -280px;
}
.emblem-l.em-yokohama {
  background-position: -280px -280px;
}
.emblem-l.em-kofu {
  background-position: -420px -280px;
}
.emblem-l.em-nigata {
  background-position: -560px -280px;
}
.emblem-l.em-nagoya {
  background-position: 0 -420px;
}
.emblem-l.em-kobe {
  background-position: -140px -420px;
}
.emblem-l.em-saga {
  background-position: -280px -420px;
}
.emblem-l.em-sapporo {
  background-position: 0 -560px;
}
.emblem-l.em-tochigi {
  background-position: -140px -560px;
}
.emblem-l.em-omiya {
  background-position: -280px -560px;
}
.emblem-l.em-tokyov {
  background-position: -420px -560px;
}
.emblem-l.em-kanazawa {
  background-position: -560px -560px;
}
.emblem-l.em-gifu {
  background-position: 0 -700px;
}
.emblem-l.em-cosaka {
  background-position: -140px -700px;
}
.emblem-l.em-sanuki {
  background-position: -280px -700px;
}
.emblem-l.em-ehime {
  background-position: -420px -700px;
}
.emblem-l.em-kitakyushu {
  background-position: -560px -700px;
}
.emblem-l.em-kumamoto {
  background-position: 0 -840px;
}
.emblem-l.em-mito {
  background-position: -140px -840px;
}
.emblem-l.em-gunma {
  background-position: -280px -840px;
}
.emblem-l.em-chiba {
  background-position: -420px -840px;
}
.emblem-l.em-yokohamaf {
  background-position: -560px -840px;
}
.emblem-l.em-iwata {
  background-position: 0 -980px;
}
.emblem-l.em-kyoto {
  background-position: -140px -980px;
}
.emblem-l.em-okayama {
  background-position: -280px -980px;
}
.emblem-l.em-tokushima {
  background-position: -420px -980px;
}
.emblem-l.em-fukuoka {
  background-position: -560px -980px;
}
.emblem-l.em-nagasaki {
  background-position: 0 -1120px;
}
.emblem-l.em-oita {
  background-position: -140px -1120px;
}
.emblem-l.em-morioka {
  background-position: 0 -1260px;
}
.emblem-l.em-fukushima {
  background-position: -140px -1260px;
}
.emblem-l.em-yyokomaha {
  background-position: -280px -1260px;
}
.emblem-l.em-nagano {
  background-position: -420px -1260px;
}
.emblem-l.em-fujieda {
  background-position: -560px -1260px;
}
.emblem-l.em-yamaguchi {
  background-position: 0 -1400px;
}
.emblem-l.em-u22J {
  background-position: -140px -1400px;
}
.emblem-l.em-akita {
  background-position: -280px -1400px;
}
.emblem-l.em-machida {
  background-position: -420px -1400px;
}
.emblem-l.em-sagamihara {
  background-position: -560px -1400px;
}
.emblem-l.em-fuji {
  background-position: 0 -1540px;
}
.emblem-l.em-tottori {
  background-position: -140px -1540px;
}
.emblem-l.em-ryukyu {
  background-position: -280px -1540px;
}

.emblem-m {
  background-size: 400px auto;
  width: 80px;
  height: 80px;
  margin: 0;
}
.emblem-m.em-sendai {
  background-position: 0 0;
}
.emblem-m.em-kashima {
  background-position: -80px 0;
}
.emblem-m.em-kashiwa {
  background-position: -160px 0;
}
.emblem-m.em-kawasaki {
  background-position: -240px 0;
}
.emblem-m.em-shonan {
  background-position: -320px 0;
}
.emblem-m.em-matsumoto {
  background-position: 0 -80px;
}
.emblem-m.em-shimizu {
  background-position: -80px -80px;
}
.emblem-m.em-osaka {
  background-position: -160px -80px;
}
.emblem-m.em-hiroshima {
  background-position: -240px -80px;
}
.emblem-m.em-yamagata {
  background-position: -320px -80px;
}
.emblem-m.em-urawa {
  background-position: 0 -160px;
}
.emblem-m.em-tokyo {
  background-position: -80px -160px;
}
.emblem-m.em-yokohama {
  background-position: -160px -160px;
}
.emblem-m.em-kofu {
  background-position: -240px -160px;
}
.emblem-m.em-nigata {
  background-position: -320px -160px;
}
.emblem-m.em-nagoya {
  background-position: 0 -240px;
}
.emblem-m.em-kobe {
  background-position: -80px -240px;
}
.emblem-m.em-saga {
  background-position: -160px -240px;
}
.emblem-m.em-sapporo {
  background-position: 0 -320px;
}
.emblem-m.em-tochigi {
  background-position: -80px -320px;
}
.emblem-m.em-omiya {
  background-position: -160px -320px;
}
.emblem-m.em-tokyov {
  background-position: -240px -320px;
}
.emblem-m.em-kanazawa {
  background-position: -320px -320px;
}
.emblem-m.em-gifu {
  background-position: 0 -400px;
}
.emblem-m.em-cosaka {
  background-position: -80px -400px;
}
.emblem-m.em-sanuki {
  background-position: -160px -400px;
}
.emblem-m.em-ehime {
  background-position: -240px -400px;
}
.emblem-m.em-kitakyushu {
  background-position: -320px -400px;
}
.emblem-m.em-kumamoto {
  background-position: 0 -480px;
}
.emblem-m.em-mito {
  background-position: -80px -480px;
}
.emblem-m.em-gunma {
  background-position: -160px -480px;
}
.emblem-m.em-chiba {
  background-position: -240px -480px;
}
.emblem-m.em-yokohamaf {
  background-position: -320px -480px;
}
.emblem-m.em-iwata {
  background-position: 0 -560px;
}
.emblem-m.em-kyoto {
  background-position: -80px -560px;
}
.emblem-m.em-okayama {
  background-position: -160px -560px;
}
.emblem-m.em-tokushima {
  background-position: -240px -560px;
}
.emblem-m.em-fukuoka {
  background-position: -320px -560px;
}
.emblem-m.em-nagasaki {
  background-position: 0 -640px;
}
.emblem-m.em-oita {
  background-position: -80px -640px;
}
.emblem-m.em-morioka {
  background-position: 0 -720px;
}
.emblem-m.em-fukushima {
  background-position: -80px -720px;
}
.emblem-m.em-yyokomaha {
  background-position: -160px -720px;
}
.emblem-m.em-nagano {
  background-position: -240px -720px;
}
.emblem-m.em-fujieda {
  background-position: -320px -720px;
}
.emblem-m.em-yamaguchi {
  background-position: 0 -800px;
}
.emblem-m.em-u22J {
  background-position: -80px -800px;
}
.emblem-m.em-akita {
  background-position: -160px -800px;
}
.emblem-m.em-machida {
  background-position: -240px -800px;
}
.emblem-m.em-sagamihara {
  background-position: -320px -800px;
}
.emblem-m.em-fuji {
  background-position: 0 -880px;
}
.emblem-m.em-tottori {
  background-position: -80px -880px;
}
.emblem-m.em-ryukyu {
  background-position: -160px -880px;
}

.emblem-m-h {
  background-size: 454px auto;
  width: 70px;
  height: 100px;
}

.emblem-m-h.em-fukuoka {
  background-position: -375px -634px;
}

.emblem-s {
  background-size: 175px auto;
  width: 35px;
  height: 35px;
  margin: 0;
}
.emblem-s.em-sendai {
  background-position: 0 0;
}
.emblem-s.em-kashima {
  background-position: -35px 0;
}
.emblem-s.em-kashiwa {
  background-position: -70px 0;
}
.emblem-s.em-kawasaki {
  background-position: -105px 0;
}
.emblem-s.em-shonan {
  background-position: -140px 0;
}
.emblem-s.em-matsumoto {
  background-position: 0 -35px;
}
.emblem-s.em-shimizu {
  background-position: -35px -35px;
}
.emblem-s.em-osaka {
  background-position: -70px -35px;
}
.emblem-s.em-hiroshima {
  background-position: -105px -35px;
}
.emblem-s.em-yamagata {
  background-position: -140px -35px;
}
.emblem-s.em-urawa {
  background-position: 0 -70px;
}
.emblem-s.em-tokyo {
  background-position: -35px -70px;
}
.emblem-s.em-yokohama {
  background-position: -70px -70px;
}
.emblem-s.em-kofu {
  background-position: -105px -70px;
}
.emblem-s.em-nigata {
  background-position: -140px -70px;
}
.emblem-s.em-nagoya {
  background-position: 0 -105px;
}
.emblem-s.em-kobe {
  background-position: -35px -105px;
}
.emblem-s.em-saga {
  background-position: -70px -105px;
}
.emblem-s.em-sapporo {
  background-position: 0 -140px;
}
.emblem-s.em-tochigi {
  background-position: -35px -140px;
}
.emblem-s.em-omiya {
  background-position: -70px -140px;
}
.emblem-s.em-tokyov {
  background-position: -105px -140px;
}
.emblem-s.em-kanazawa {
  background-position: -140px -140px;
}
.emblem-s.em-gifu {
  background-position: 0 -175px;
}
.emblem-s.em-cosaka {
  background-position: -35px -175px;
}
.emblem-s.em-sanuki {
  background-position: -70px -175px;
}
.emblem-s.em-ehime {
  background-position: -105px -175px;
}
.emblem-s.em-kitakyushu {
  background-position: -140px -175px;
}
.emblem-s.em-kumamoto {
  background-position: 0 -210px;
}
.emblem-s.em-mito {
  background-position: -35px -210px;
}
.emblem-s.em-gunma {
  background-position: -70px -210px;
}
.emblem-s.em-chiba {
  background-position: -105px -210px;
}
.emblem-s.em-yokohamaf {
  background-position: -140px -210px;
}
.emblem-s.em-iwata {
  background-position: 0 -245px;
}
.emblem-s.em-kyoto {
  background-position: -35px -245px;
}
.emblem-s.em-okayama {
  background-position: -70px -245px;
}
.emblem-s.em-tokushima {
  background-position: -105px -245px;
}
.emblem-s.em-fukuoka {
  background-position: -140px -245px;
}
.emblem-s.em-nagasaki {
  background-position: 0 -280px;
}
.emblem-s.em-oita {
  background-position: -35px -280px;
}
.emblem-s.em-morioka {
  background-position: 0 -315px;
}
.emblem-s.em-fukushima {
  background-position: -35px -315px;
}
.emblem-s.em-yyokomaha {
  background-position: -70px -315px;
}
.emblem-s.em-nagano {
  background-position: -105px -315px;
}
.emblem-s.em-fujieda {
  background-position: -140px -315px;
}
.emblem-s.em-yamaguchi {
  background-position: 0 -350px;
}
.emblem-s.em-u22J {
  background-position: -35px -350px;
}
.emblem-s.em-akita {
  background-position: -70px -350px;
}
.emblem-s.em-machida {
  background-position: -105px -350px;
}
.emblem-s.em-sagamihara {
  background-position: -140px -350px;
}
.emblem-s.em-fuji {
  background-position: 0 -385px;
}
.emblem-s.em-tottori {
  background-position: -35px -385px;
}
.emblem-s.em-ryukyu {
  background-position: -70px -385px;
}

.\38 6 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -95px 7px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 28px;
  height: 40px;
  padding-left: 10px;
}

.\31 20 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -32px 0px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 9px;
}

.\31 22 {
  background: url(../img/emblem.png) no-repeat;
  background-position: 0px -65px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\31 24 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -64px -64px;
  background-size: 164px auto;
  text-indent: -9999px;
  float: left;
  width: 24px;
  height: 30px;
  padding-left: 10px;
}

.\31 36 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -31px -98px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding: 0 5px 0 5px;
}

.\31 99 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -62px -128px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\31 31 {
  background: url(../img/emblem.png) no-repeat;
  background-position: 2px -228px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\31 28 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -62px -29px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 32px;
  padding-left: 10px;
  padding-top: 7px;
}

.\32 70 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -30px -65px;
  background-size: 164px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 29px;
  padding-left: 10px;
  padding-top: 5px;
}

.\31 29 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -95px -34px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\31 27 {
  background: url(../img/emblem.png) no-repeat;
  background-position: 2px -95px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
  padding-top: 3px;
}

.\31 50 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -95px -65px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\31 93 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -126px -65px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\31 32 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -62px 0px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\32 38 {
  background: url(../img/emblem.png) no-repeat;
  background-position: 2px 0px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\32 69 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -61px -98px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\31 35 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -140px -248px;
  background-size: 175px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\31 30 {
  background: url(../img/emblem.png) no-repeat;
  background-position: -127px 0px;
  background-size: 160px auto;
  text-indent: -9999px;
  float: left;
  width: 23px;
  height: 30px;
  padding-left: 10px;
}

.\31 {
  background-color: #fc0;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.\32 {
  background-color: #FF0040;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.match-ranking-table .\31 35_2 {
  font-weight: bold !important;
  background: #d9e3ec;
  color: #004181;
}

.match-ranking-table .\31 35_5 {
  font-weight: bold !important;
  background: #d9e3ec;
  color: #004181;
}

.match-ranking-table-2 .\31 35_2 {
  font-weight: bold !important;
  background: #d9e3ec;
  color: #004181;
}

.match-ranking-table-2 .\31 35_5 {
  font-weight: bold !important;
  background: #d9e3ec;
  color: #004181;
}

.\31 35_3 {
  font-weight: bold !important;
  color: #fff !important;
  background: #009eb4 !important;
}

.\31 35_4 {
  font-weight: bold !important;
  color: #fff !important;
  background: #009eb4 !important;
}

.ranking_name {
  float: left;
  width: 50px;
  padding-top: 5px;
}

.emblem-m.\38 6_top {
  background-position: -240px 0;
}

.emblem-m.\31 20_top {
  background-position: -80px 0;
}

.emblem-m.\31 22_top {
  background-position: 0 -160px;
}

.emblem-m.\31 24_top {
  background-position: -160px -160px;
}

.emblem-m.\31 36_top {
  background-position: -80px -240px;
}

.emblem-m.\31 99_top {
  background-position: -160px -320px;
}

.emblem-m.\31 31_top {
  background-position: 0 -560px;
}

.emblem-m.\31 28_top {
  background-position: -160px -80px;
}

.emblem-m.\32 70_top {
  background-position: -80px -160px;
}

.emblem-m.\31 29_top {
  background-position: -240px -80px;
}

.emblem-m.\31 27_top {
  background-position: 0 -240px;
}

.emblem-m.\31 50_top {
  background-position: -240px -160px;
}

.emblem-m.\31 93_top {
  background-position: -320px -160px;
}

.emblem-m.\31 32_top {
  background-position: -160px 0;
}

.emblem-m.\32 38_top {
  background-position: 0 0;
}

.emblem-m.\32 69_top {
  background-position: -160px -240px;
}

.emblem-m-h.\31 35_top {
  background-position: -375px -634px;
}

.emblem-m.\31 30_top {
  background-position: -320px 0;
}


/*----------------------------------------------------
$ img
----------------------------------------------------*/
.full-w {
  width: 100%;
}

.attached {
  width: 100%;
}

/*----------------------------------------------------
$ grid
----------------------------------------------------*/
.avi-vivi {
  width: 360px;
}

.grid-center {
  margin-right: auto;
  margin-left: auto;
}

.grid-wrapper--2 {
  position: relative;
  margin-top: 20px;
  margin-left: -20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-wrapper--2:before, .grid-wrapper--2:after {
  content: " ";
  display: table;
}
.grid-wrapper--2:after {
  clear: both;
}
.grid-wrapper--2 .item {
  float: left;
  width: 400px;
  margin-bottom: 20px;
  margin-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-wrapper--2 .item:before, .grid-wrapper--2 .item:after {
  content: " ";
  display: table;
}
.grid-wrapper--2 .item:after {
  clear: both;
}
.grid-wrapper--2 .item img {
  width: 400px;
}
.grid-wrapper--2 .item-none-erastic {
  float: left;
  width: 400px;
  margin-bottom: 20px;
  margin-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-wrapper--2 .item-none-erastic:before, .grid-wrapper--2 .item-none-erastic:after {
  content: " ";
  display: table;
}
.grid-wrapper--2 .item-none-erastic:after {
  clear: both;
}
.grid-wrapper--2 .item-none-erastic--2 {
  float: left;
  width: 350px;
  margin-bottom: 20px;
  margin-left: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-wrapper--2 .item-none-erastic--2:before, .grid-wrapper--2 .item-none-erastic--2:after {
  content: " ";
  display: table;
}
.grid-wrapper--2 .item-none-erastic--2:after {
  clear: both;
}

.grid-wrapper--4 {
  position: relative;
  margin-left: -20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-wrapper--4:before, .grid-wrapper--4:after {
  content: " ";
  display: table;
}
.grid-wrapper--4:after {
  clear: both;
}
.grid-wrapper--4 .item {
  float: left;
  width: 190px;
  margin-bottom: 20px;
  margin-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-wrapper--4 .item:before, .grid-wrapper--4 .item:after {
  content: " ";
  display: table;
}
.grid-wrapper--4 .item:after {
  clear: both;
}
.grid-wrapper--4 .item:nth-child(4n+1) {
  float: left;
  clear: left;
}

.grid-wrapper--5 {
  position: relative;
  margin-left: -20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-wrapper--5:before, .grid-wrapper--5:after {
  content: " ";
  display: table;
}
.grid-wrapper--5:after {
  clear: both;
}
.grid-wrapper--5 .item {
  float: left;
  width: 148px;
  margin-bottom: 20px;
  margin-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-wrapper--5 .item:before, .grid-wrapper--5 .item:after {
  content: " ";
  display: table;
}
.grid-wrapper--5 .item:after {
  clear: both;
}
.grid-wrapper--5 .item:nth-child(5n+1) {
  float: left;
}
.grid-wrapper--5 .item_empty {
  float: left;
  width: 148px;
  margin-bottom: 20px;
  margin-left: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.support_friends {
  margin: 0;
  padding: 0;
  list-style: none;
}

.support_friends li {
  float: left;
  margin: 20px 30px;
}

/*----------------------------------------------------
$ members
----------------------------------------------------*/
.career--legend {
  position: absolute;
  top: 50px;
  right: 0;
}
.career--legend:before, .career--legend:after {
  content: " ";
  display: table;
}
.career--legend:after {
  clear: both;
}
.career--legend li {
  float: left;
  margin: 0 25px 0 0;
}

.mem-number {
  float: left;
  margin-right: 10px;
  font-weight: bold;
  color: #004181;
}

.mem-detail,
.ht-staff {
  font-weight: bold;
  line-height: 1.2;
}
.mem-detail p,
.ht-staff p {
  margin-top: 1em;
}
.mem-detail .sub,
.ht-staff .sub {
  display: block;
  font-weight: normal;
}
.mem-detail .role,
.ht-staff .role {
  margin-bottom: -1em;
}
.mem-detail ol.career,
.ht-staff ol.career {
  margin: -.7em 0 0 0;
  padding: 0 0 0 20px;
  font-weight: normal;
}
.mem-detail ol.career li,
.ht-staff ol.career li {
  line-height: 1.2;
  color: #666;
}
.mem-detail p.career,
.ht-staff p.career {
  margin: 10px 0 0 0;
  padding: 0;
  font-weight: normal;
  line-height: 1.4;
}
.mem-detail p.career-pos,
.ht-staff p.career-pos {
  margin: 10px 0 0 0 !important;
  color: #004181;
}

.ht-staff {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
.ht-staff:before, .ht-staff:after {
  content: " ";
  display: table;
}
.ht-staff:after {
  clear: both;
}
.ht-staff dt {
  margin: 0;
  margin: 0 0 3px;
  padding: 0;
  padding: 5px 5px;
  font-weight: bold;
  color: #fff;
  background: #009eb4;
}
.ht-staff dd {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.ht-staff .ht-s-foto {
  float: left;
  margin-right: 10px;
}
.ht-staff .ht-s-foto img {
  width: 190px !important;
}
.ht-staff .ht-s-foto .ht-s-txt {
  float: right;
}

.school-staff dt {
  margin: 0;
  padding: 0;
  font-weight: bold;
  margin: 0 0 3px;
  padding: 5px 5px;
  color: #004181;
}
.school-staff dd {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.school-staff .ht-s-foto {
  float: left;
  margin-right: 10px;
}
.school-staff .ht-s-foto img {
  width: 120px !important;
}
.school-staff .ht-s-foto .ht-s-txt {
  float: right;
}

.grid-rsp .item {
  background: #ddd;
  text-align: center;
  margin: 0 0 20px 0;
}
.grid-rsp .item img {
  width: 100%;
}

.grid-rsp--10 .item {
  background: #ddd;
  text-align: center;
  margin: 0 0 10px 0;
}
.grid-rsp--10 .item img {
  width: 100%;
}

.grid-rsp--20:before, .grid-rsp--20:after {
  content: " ";
  display: table;
}
.grid-rsp--20:after {
  clear: both;
}
.grid-rsp--20 .item {
  background: #ddd;
  text-align: center;
  margin: 0 0 20px 0;
}
.grid-rsp--20 .item img {
  width: 100%;
}

[class*="grid-wrapper-rsp--"] > [class*="col--"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col--right {
  float: right !important;
}

.grid-wrapper-rsp--10 {
  margin-left: -10px;
  clear: both;
}

.grid-wrapper-rsp--10 > [class*="col--"] {
  float: left;
  padding-left: 10px;
}

.grid-wrapper-rsp--20 {
  margin-left: -20px;
  clear: both;
}

.grid-wrapper-rsp--20 > [class*="col--"] {
  float: left;
  padding-left: 20px;
}

.col--one-whole {
  width: 100%;
}

.col--one-half {
  width: 50%;
}

.col--one-third {
  width: 33.33333%;
}

.col--two-thirds {
  width: 66.66667%;
}

.col--one-quarter {
  width: 25%;
}

.col--three-quarters {
  width: 75%;
}

.col--one-fifth {
  width: 20%;
}

.col--two-fifths {
  width: 40%;
}

.col--three-fifths {
  width: 60%;
}

.col--four-fifths {
  width: 80%;
}

.col--clear {
  clear: left;
}

.col--hide {
  display: none;
}

/*----------------------------------------------------
$ Players Details
----------------------------------------------------*/
.item .player-info {
  width: 320px;
  bottom: 20px;
  left: 20px;
  overflow: auto;
  background: rgba(64, 197, 220, 0.65);
  margin-top: 10px;
}

.item .player-info-2 {
  bottom: 20px;
  left: 20px;
  overflow: auto;
  background: rgba(204, 217, 230, 0.5);
}

.player-info-3 {
  bottom: 20px;
  left: 20px;
  overflow: auto;
  background: rgba(204, 217, 230, 0.5);
  background-image: url(/img/team_past.png);
  background-repeat: no-repeat;
}

.item .player-info-4 {
  bottom: 20px;
  left: 20px;
  overflow: auto;
  background: rgba(204, 217, 230, 0.5);
  margin: 20px 20px 0 0;
  border-radius: 8px;
}

.player-info-details dd {
  padding: 20px;
  padding-top: 0;
  padding-bottom: 5px;
  margin-left: 0;
  color: #004181;
  font-size: 16px;
  border-bottom: 1px solid #D7DBDF;
}

.team {
  color: #004181;
  font-size: 16px;
  font-weight: 900;
  margin: 3px;
}

.player-info-details-past {
  padding-left: 100px;
}

.profile {
  background: #004181;
  width: 820px;
  height: 600px;
  background-image: url(/img/player_back.jpg);
  background-repeat: no-repeat;
}

.close_up {
  float: left;
  margin-bottom: 20px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4), 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.childhood {
  float: left;
  margin-bottom: 20px;
  width: 85%;
}

.game {
  margin-bottom: .6em;
  font-weight: bold;
  color: #004181;
  font-size: 16rem;
}

.player-info-details dt {
  padding: 20px;
  padding-bottom: 0;
  padding-top: 5px;
}

.grid-wrapper--2 .item .number img {
  width: 320px;
}

.grid-wrapper--2 .item .childhood img {
  width: 380px;
  margin: 20px 0 0 20px;
}

.grid-wrapper--3 {
  position: relative;
  margin-left: -20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grid-wrapper--3:before, .grid-wrapper--3:after {
  content: " ";
  display: table;
}

.grid-wrapper--3:after {
  clear: both;
}

.grid-wrapper--3 .item {
  float: left;
  width: 240px;
  margin-bottom: 20px;
  margin-left: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grid-wrapper--3 .item:before, .grid-wrapper--3 .item:after {
  content: " ";
  display: table;
}

.grid-wrapper--3 .item:after {
  clear: both;
}

.grid-wrapper--3 .item:nth-child(3n+1) {
  float: left;
}

.number {
  margin: 0;
}

.ceo{
 width:720px;
}

/*----------------------------------------------------
$ Breadcrumbs
----------------------------------------------------*/
.breadcrumb {
  margin: 0 0 5px 0;
  padding: 0 0 15px 0;
  list-style: none;
  font-size: 12px;
}
.breadcrumb > li {
  display: inline-block;
  line-height: 1.75;
}
.breadcrumb > li + li:before {
  padding: 0 6px;
  font-size: 14px;
  content: "";
  vertical-align: middle;
  color: #242424;
}
.breadcrumb > .active {
  color: #242424;
}

.jleague {
  width: 100%;
  min-width: 1200px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: #ccc;
}

.data-list dt {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.data-list dd {
  margin: -1.75em 0 1em 8em;
  padding: 0;
}
.data-list dd ul li {
  display: inline-block;
  float: left;
  width: 30%;
  margin-left: 25px;
}
.data-list dd ul li:first-child {
  margin-left: 0;
}
.data-list dd ul li:nth-child(3n+1) {
  margin-left: 0;
}
.data-list dd .no-float li {
  display: block;
  float: none;
  margin-left: 0;
}

.data-academy-game dd {
  margin: -1.75em 0 .5em 4.5em;
}

.data-list2 dt {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.data-list2 dd {
  margin: -1.75em 0 1em 7em;
  padding: 0;
}

.info-list {
  margin-bottom: 2em;
}
.info-list dt {
  margin-top: 2.8em;
  margin-bottom: .6em;
  font-weight: bold;
  color: #004181;
}
.info-list dt:first-child {
  margin-top: 0;
}
.info-list dd {
  margin-left: 1em;
}
.info-list dd dt {
  margin-left: 1em;
  font-weight: bold;
  color: #242424;
}

.info-list--black dt {
  color: #242424;
}

.school-list {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.school-list:before, .school-list:after {
  content: " ";
  display: table;
}
.school-list:after {
  clear: both;
}
.school-list dd:before, .school-list dd:after {
  content: " ";
  display: table;
}
.school-list dd:after {
  clear: both;
}
.school-list dd img {
  width: 140px;
  margin-bottom: 5px;
}
.school-list dd p {
  margin-top: 0;
  margin-bottom: 7px;
}
.school-list dd p.name {
  font-weight: bold;
}
.school-list dd p.career-pos {
  color: #004181;
}

.well {
  margin: 10px 0 1em;
  padding: 10px;
  background: #eee;
}
.well.well--border {
  border: 1px solid #d7dbdf;
}
.well.well--white {
  background: #fff;
}
.well.well--border-warning {
  border: 1px solid #d9534f;
}
.well.well--warning {
  color: #d9534f;
  background: #fff;
}

.text--warning {
  color: #d9534f;
}

.dsp--block {
  display: block;
}

.caption--right {
  text-align: right;
}

.basic-ideology {
  margin-bottom: 0;
  font-size: 36px;
  font-size: 36rem;
  font-weight: bold;
  color: #004181;
}
.basic-ideology span {
  display: block;
  line-height: 36px;
  vertical-align: middle;
}

/*----------------------------------------------------
$  * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php
----------------------------------------------------*/
/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.entries-cat-news.hvr-reveal:before {
  border-color: #01616f;
}

.entries-cat-topics.hvr-reveal:before {
  border-color: #461abb;
}

.entries-cat-pickup.hvr-reveal:before {
  border-color: #b17c25;
}

.entries-cat-event.hvr-reveal:before {
  border-color: #004a76;
}

.entries-cat-campagin.hvr-reveal:before {
  border-color: #286f4c;
}

.entries-cat-hometown.hvr-reveal:before {
  border-color: #576a9e;
}

.entries-cat-official.hvr-reveal:before {
  border-color: #001a35;
}

.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 10px;
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #004181;
  color: white;
}

.hvr-fade-w,
input[type="submit"].hvr-fade-w {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade-w:hover,
.hvr-fade-w:focus,
.hvr-fade-w:active,
input[type="submit"].hvr-fade-w:hover,
input[type="submit"].hvr-fade-w:focus,
input[type="submit"].hvr-fade-w:active {
  background-color: #fff;
  color: #004181;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-spin:before {
  content: "\f021";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/*----------------------------------------------------
$ GameResult
----------------------------------------------------*/
.highlight {
  overflow: hidden;
  height: 250px;
}

.nav--game-result {
  padding: 14px 0;
  border-top: 1px solid #d7dbdf;
}
.nav--game-result:before, .nav--game-result:after {
  content: " ";
  display: table;
}
.nav--game-result:after {
  clear: both;
}
.nav--game-result li.gr-prev {
  float: left;
}
.nav--game-result li.gr-next {
  float: right;
}
.nav--game-result li.gr-index {
  text-align: center;
}

.game-title {
  padding: 10px;
  color: #fff;
  background: #004181;
}
.game-title p {
  margin: 0;
}
.game-title h3 {
  margin: 0;
  line-height: 1.4;
}

.game-result {
  padding: 40px 0 20px;
  background: url("../img/blizzard.png");
}
.game-result table {
  width: 100%;
}
.game-result table td {
  vertical-align: top;
}
.game-result table .team-emb {
  width: 140px;
}
.game-result table .team-home {
  text-align: left;
}
.game-result table .team-away {
  text-align: right;
}
.game-result table .game-result--goals {
  width: 220px;
  font-size: 82rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.game-result table .game-result--goals td {
  padding-bottom: 20px;
  min-width: 70px !important;
}
.game-result table .game-team {
  margin: 5px 0 0 0;
  color: #004181;
}
.game-result table .tema-name {
  width: 180px;
}
.game-result table .goal-detail {
  padding-top: 42px;
}
.game-result table .goal-detail p {
  margin: 3px 0 0 0;
}
.game-result table .game-result--goals-detail {
  font-weight: bold;
  text-align: center;
}
.game-result table .game-result--goals-detail span {
  font-weight: normal;
  white-space: nowrap;
}
.game-result .match-stats {
  width: 90%;
  margin: 1em auto 0;
  text-align: center;
  border-top: 1px solid #d7dbdf;
}
.game-result .match-stats h5 {
  margin: 1em 0 1em 0;
  padding-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
  background: url("../img/bg--heading-matchdata.png") no-repeat;
  background-position: center bottom;
  background-size: 30px 2px;
}
.game-result .match-stats table {
  width: 150px;
  margin: 0 auto;
}

.game-result-points td {
  text-align: center;
  vertical-align: middle;
}

#infscr-loading {
  display: table;
  position: fixed !important;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  text-align: center;
  color: #fff;
  background: url(../img/bg--loading.png);
}
#infscr-loading img {
  display: none;
}
#infscr-loading div {
  display: table-cell;
  vertical-align: middle;
}

#infscr-no-data {
  display: block !important;
  margin: 0 auto;
  font-size: 18px;
  font-size: 18rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
#infscr-no-data p {
  margin: 0 auto;
  text-align: center;
}

.pager-archive {
  width: 100%;
  margin-bottom: 2em;
  font-size: 16px;
  font-size: 16rem;
  text-align: center;
}
.pager-archive .wp-pagenavi {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.pager-archive .wp-pagenavi .pages {
  margin: 0 15px;
}
.pager-archive .wp-pagenavi a {
  display: table-cell;
  padding: 0 15px;
  line-height: 1 !important;
  border-left: 1px solid #d7dbdf;
}
.pager-archive .wp-pagenavi a.previouspostslink {
  border: none;
}
.pager-archive .wp-pagenavi a.page:first-child {
  border: none;
}
.pager-archive .wp-pagenavi .current {
  display: table-cell;
  padding: 0 15px;
  font-weight: bold;
  line-height: 1 !important;
  border-left: 1px solid #d7dbdf;
}

.goal--time {
  margin-right: 5px;
  font-weight: bold;
  color: #ef8354;
}

/*----------------------------------------------------
$ schedule table
----------------------------------------------------*/
.sch-calendar-container {
  position: relative;
  width: 100% !important;
  height: auto;
}
.sch-calendar-container:before, .sch-calendar-container:after {
  content: " ";
  display: table;
}
.sch-calendar-container:after {
  clear: both;
}
.sch-calendar-container .sch-calendar {
  position: relative;
  width: 100%;
  height: 100%;
}
.sch-calendar-container .sch-calendar:before, .sch-calendar-container .sch-calendar:after {
  content: " ";
  display: table;
}
.sch-calendar-container .sch-calendar:after {
  clear: both;
}
.sch-calendar-container .sch-calendar .sch-head {
  height: 30px;
  line-height: 30px;
  color: #fff;
  background: #004181;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sch-calendar-container .sch-calendar .sch-head div {
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.sch-calendar-container .sch-calendar .sch-body {
  position: relative;
  width: 100%;
  height: 100%;
  height: -moz-calc(100% - 30px);
  height: -webkit-calc(100% - 30px);
  height: calc(100% - 30px);
  padding: 0;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sch-calendar-container .sch-calendar .sch-row {
  width: 100%;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sch-calendar-container .sch-calendar .sch-row:before, .sch-calendar-container .sch-calendar .sch-row:after {
  content: " ";
  display: table;
}
.sch-calendar-container .sch-calendar .sch-row:after {
  clear: both;
}
.sch-calendar-container .sch-calendar .sch-row:nth-child(even) {
  background: #f4f4f4;
}
.sch-calendar-container .sch-calendar .sch-row:last-child {
  border-bottom: none;
}
.sch-calendar-container .sch-calendar .sch-row > div, .sch-calendar-container .sch-calendar .sch-head > div {
  float: left;
  position: relative;
  width: 14.28%;
  /* 100% / 7 */
  width: -moz-calc(100%/7);
  width: -webkit-calc(100%/7);
  width: calc(100%/7);
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sch-calendar-container .sch-set-rows .sch-row {
  min-height: 120px;
}
.sch-calendar-container .sch-set-rows .sch-row .sch-item {
  height: auto;
  line-height: 1.4;
}
.sch-calendar-container .sch-set-rows .sch-row .sch-item p {
  margin: 0 0 5px 0;
}
.sch-calendar-container .sch-set-rows .sch-row .sch-item p.info {
  font-size: 10px;
  font-size: 10rem;
  color: #d9534f;
}
.sch-calendar-container .sch-set-rows .sch-row .sch-item .sch-icon {
  display: block;
  padding: 0 3px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.sch-calendar-container .sch-set-rows .sch-row .sch-item .game-league {
  background: #c00;
}
.sch-calendar-container .sch-set-rows .sch-row .sch-item .training {
  display: inline-block;
  margin: 3px 0;
  text-align: left;
  background: #009eb4;
}
.sch-calendar-container .sch-set-rows .sch-row .sch-item .game-u18 {
  background: #fb8b42;
}
.sch-calendar-container .sch-set-rows .sch-row .sch-item .game-u15 {
  background: #811787;
}
.sch-calendar-container .sch-set-rows .sch-row .sch-item .game-u14 {
  background: #215fa8;
}
.sch-calendar-container .sch-set-rows .sch-row .sch-item .game-u13 {
  background: #3a7041;
}

/* IE 9 is rounding up the calc it seems */
.ie9 .sch-calendar .sch-row > div,
.ie9 .sch-calendar .sch-head > div {
  width: 14.2%;
}

.sch-calendar .sch-row > div {
  overflow: hidden;
  position: relative;
  padding: 4px;
  border-right: 1px solid #ddd;
}

.sch-calendar .sch-head > div {
  text-align: center;
}

.sch-calendar .sch-row > div > span.sch-date {
  position: absolute;
  top: 10px;
  right: auto;
  left: 10px;
  width: 30px;
  height: 18px;
  line-height: 20px;
  text-align: left;
  color: #004181;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.sch-calendar .sch-row > div > span.sch-weekday {
  display: none;
  padding-left: 5px;
}

.sch-calendar .sch-row > div.sch-out {
  opacity: .6;
}

.sch-calendar .sch-row > div:last-child,
.sch-calendar .sch-head > div:last-child {
  border-right: none;
}

.sch-calendar .sch-row {
  border: none;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}

.sch-calendar .sch-row:last-child {
  box-shadow: none;
}

.sch-calendar .sch-row > div {
  padding: 10px;
  border: none;
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
}

.sch-calendar .sch-row > div:first-child {
  box-shadow: none;
}

.sch-calendar .sch-row > div > div {
  margin-top: 30px;
}

/*----------------------------------------------------
$ sitemap
----------------------------------------------------*/
.sitemap {
  margin-left: -20px;
}
.sitemap .sitemap-item {
  float: left;
  width: 230px;
  margin: 0 0 0 20px;
  padding: 0;
  list-style: none;
}
.sitemap .sitemap-item li {
  margin-bottom: 1em;
  font-weight: bold;
}
.sitemap .sitemap-item ul {
  margin: 7px 0 0 1em;
  padding: 0;
  list-style: none;
}
.sitemap .sitemap-item ul li {
  margin-bottom: 0;
  font-weight: normal;
}

/*----------------------------------------------------
$ links
----------------------------------------------------*/
.links {
  margin-left: -20px;
  list-style: none;
}
.links li {
  float: left;
  width: 230px;
  margin: 0 0 1em 20px;
  padding: 0;
}
.links li .emblem-inline {
  margin-right: 7px;
}

.anclas {
  margin-left: 40px !important;
}

/*----------------------------------------------------
 $ game_practice
----------------------------------------------------*/
.stadium-gourmet {
  margin: 0 0 0 -20px;
  padding: 0;
  list-style: none;
}
.stadium-gourmet:before, .stadium-gourmet:after {
  content: " ";
  display: table;
}
.stadium-gourmet:after {
  clear: both;
}
.stadium-gourmet li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}

.r-file {
  margin-bottom: 3em;
}
.r-file:before, .r-file:after {
  content: " ";
  display: table;
}
.r-file:after {
  clear: both;
}
.r-file li {
  float: left;
  width: 33%;
}

/*----------------------------------------------------
 $ ticket-info
----------------------------------------------------*/
.ticket-saler {
  line-height: 1.4 !important;
}
.ticket-saler dt {
  padding: 0 0 10px 0;
  font-weight: normal;
}
.ticket-saler dd {
  margin: -2.76em 0 0 12em !important;
}

/*----------------------------------------------------
 $ school
----------------------------------------------------*/
.list-school:before, .list-school:after {
  content: " ";
  display: table;
}
.list-school:after {
  clear: both;
}
.list-school li {
  float: left;
  width: 20%;
  margin-bottom: 1em;
  line-height: 1.2;
}

/*----------------------------------------------------
 $ volunteer
----------------------------------------------------*/
.qa-list {
  margin-bottom: 3em;
}
.qa-list dt {
  font-size: 24px;
  font-size: 24rem;
  font-weight: bold;
}
.qa-list dd {
  margin: 0 0 .2em 46px;
  padding: 0;
}
.qa-list dd.q {
  margin-top: -1.9em;
  font-size: 16px;
  font-size: 16rem;
  font-weight: bold;
  color: #004181;
}
.qa-list dd.a {
  margin-top: -2.1em;
  margin-bottom: 2em;
}
.qa-list dd.a p {
  margin-top: 0;
}

.section--volunteer {
  clear: both;
}
.section--volunteer:before, .section--volunteer:after {
  content: " ";
  display: table;
}
.section--volunteer:after {
  clear: both;
}

.clear {
  clear: both;
}
.clear:before, .clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}

.vt-list dt {
  clear: both;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.vt-list dd {
  margin: 0 0 1em;
  padding: 0;
}
.vt-list dd p {
  margin-top: 0;
}

.vt-foto {
  float: right;
  margin: 0 0 0 20px;
}
.vt-foto img {
  margin-bottom: 10px;
}

.contactus {
  padding: 0 20px;
}
.contactus dt {
  margin-bottom: 1em;
  font-weight: bold;
}
.contactus dd {
  margin: 0;
  padding: 0;
}

.card--yellow {
  color: #fc0;
}

.card--red {
  color: red;
}

.avi-box {
  width: 550px;
  margin: 0 auto;
}
.avi-box:before, .avi-box:after {
  content: " ";
  display: table;
}
.avi-box:after {
  clear: both;
}

.avi-box-detail {
  float: left;
  width: 330px;
}
.avi-box-detail dl {
  margin: 1.78em 0 0 0;
  padding: 0;
}
.avi-box-detail dl dt {
  margin-bottom: 7px;
  padding: 1px 5px;
  font-weight: bold;
  color: #fff;
  background: #004181;
}
.avi-box-detail dl dd {
  margin: 0 0 1em 0;
  padding: 0;
}
.avi-box-detail dl dd dl {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
.avi-box-detail dl dd dl dt {
  color: #242424;
  background: #fff;
}
.avi-box-detail dl dd dl dd {
  margin: -2.1em 0 0 100px;
}

.avi-box-foto {
  float: right;
  width: 200px;
}

.academy-game-result {
  margin-bottom: 5em;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  background: #f4f4f4;
}
.academy-game-result h5 {
  margin: 15px 0 0 0;
}
.academy-game-result .goal-gets {
  margin-bottom: 3em;
}

.academy-game--resule {
  margin: 0;
  font-weight: bold;
}

.kouenkai-kiyaku {
  width: 600px;
  margin: 0 auto;
}
.kouenkai-kiyaku dd {
  margin-bottom: 2em;
}

/*----------------------------------------------------
 $ form
----------------------------------------------------*/
.entry-form {
  width: 700px;
  margin: 0 auto;
  text-align: center;
}

.form-wrapper {
  display: table;
  width: 700px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-wrapper--one {
  border-bottom: 1px solid #d7dbdf;
}

.form--group {
  display: table-row;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form--title {
  display: table-cell;
  width: 30%;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #d7dbdf;
  background: #f4f4f4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form--title h2 {
  padding: 6px 20px;
}

.form--field {
  display: table-cell;
  width: 70%;
  padding: 12px 20px;
  text-align: left;
  border-top: 1px solid #d7dbdf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form--control {
  width: 100%;
  padding: 6px;
  border: 1px solid #d7dbdf;
  background: #fff;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form--control-radio {
  margin-right: 12px;
}

.form--birthdays {
  width: 36px;
  margin: 0 4px;
}

.form--zipcord {
  width: 90px;
}

.form--tel {
  width: 80%;
}

.form--paper {
  width: 48px;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 4px;
}

.extra {
  display: block;
  margin-bottom: 7px;
}

.ex {
  color: #666;
}

.forn--textarea {
  margin: 12px 0 0 0;
}

.btn-navs {
  padding-top: 3em;
  padding-bottom: 7px;
  border-top: 1px solid #d7dbdf;
}
.btn-navs input[type="submit"] {
  font-weight: bold;
  color: #fff;
  background: #004181;
  margin-bottom: 7px;
}

.form-info {
  margin: 0;
  padding: 0;
}
.form-info dt {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.form-info dd {
  margin: 0;
  padding: 0;
}
.form-info dd span {
  font-weight: bold;
}

.pp {
  margin-top: 0;
}

.close-btn {
  margin: 3em 0;
}

.koenkai-todoke {
  text-align: left;
}
.koenkai-todoke dt {
  margin-bottom: 7px;
  color: #004181;
  font-weight: bold;
}
.koenkai-todoke dd {
  margin: 0 0 2em;
  padding: 0;
}

.avispa-channel--text {
  margin: -1em 0 0 0;
}

.features-container {
  width: 100%;
  background: #f4f4f4;
}
@media screen and (max-width: 767px) {
  .features-container {
    background: #fff;
  }
}

.features-cv {
  width: 960px;
  margin: 0 auto 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.features-cv:before, .features-cv:after {
  content: " ";
  display: table;
}
.features-cv:after {
  clear: both;
}
.features-cv ul {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.features-cv ul li {
  display: table-cell;
  width: 25%;
  height: 38px;
  text-align: center;
  border-left: 1px solid #ddd;
}
.features-cv ul li:first-child {
  border-left: none;
}
.features-cv ul li a {
  display: block;
  padding: 2px 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: url("../img/features-cv.png") no-repeat;
}
.features-cv ul li a.cv--ticket-info {
  background-position: 0 1px;
}
.features-cv ul li a.cv--stadium {
  background-position: -240px 1px;
}
.features-cv ul li a.cv--goods {
  background-position: -480px 1px;
}
.features-cv ul li a.cv--fan-zone {
  background-position: -720px 1px;
}
.features-cv ul li a:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #004181 url("../img/features-cv-ov.png") no-repeat;
}
.features-cv ul li a:hover.cv--ticket-info {
  background-position: 0 1px;
}
.features-cv ul li a:hover.cv--stadium {
  background-position: -240px 1px;
}
.features-cv ul li a:hover.cv--goods {
  background-position: -480px 1px;
}
.features-cv ul li a:hover.cv--fan-zone {
  background-position: -720px 1px;
}

.section2 {
  position: relative;
  padding: 0 30px;
}

/* -------------------------------------------------------
スマートフォン用スタイル for アビスパ福岡サイト w/sass
creation date:03-01-2015
scss/_sp.scss
---------------------------------------------------------*/
@media screen and (min-width: 768px) {
  #lm, #ms, #mr {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .jleague {
    display: none;
    background: #cc0000;
    height: 80px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    line-height: 80px;
  }

  .hidden-sp {
    display: none;
  }

  .visible-sp {
    display: block;
  }

  .visible-sp-inline {
    display: inline !important;
  }

  .img--sp {
    max-width: 100%;
  }

  .avi-vivi {
    width: 300px;
  }

  .eyecatch img {
    width: 100%;
  }

  .section-news {
    clear: both;
    width: 100%;
    margin: 1em auto;
  }
  .section-news:before, .section-news:after {
    content: " ";
    display: table;
  }
  .section-news:after {
    clear: both;
  }

  .block-premium-sponsor-sp {
    padding: 24px 0;
    width: auto;
  }
  .block-premium-sponsor-sp:before, .block-premium-sponsor-sp:after {
    content: " ";
    display: table;
  }
  .block-premium-sponsor-sp:after {
    clear: both;
  }
  .block-premium-sponsor-sp ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .block-premium-sponsor-sp ul li {
    float: left;
    width: 33%;
    text-align: center;
    margin-bottom: 5px;
  }

  .web-sponsor {
    padding: 30px 0 0;
    width: 100%;
    margin: 10px 0 20px;
  }
  .web-sponsor:before, .web-sponsor:after {
    content: " ";
    display: table;
  }
  .web-sponsor:after {
    clear: both;
  }
  .web-sponsor ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .web-sponsor ul li {
    float: left;
    width: 33%;
    text-align: center;
    margin-bottom: 20px;
    zoom: .5;
  }
  .web-sponsor ul li:nth-child(3n+1) {
    clear: left;
    float: left;
  }

  .web-sponsor-2016 {
    width: 260px;
    margin: 0 auto 24px;
  }
  .web-sponsor-2016 ul {
    list-style: none;
  }
  .web-sponsor-2016 ul li {
    text-align: center;
    width: 260px;
  }
  .web-sponsor-2016 ul li .websp-items {
    display: inline-block;
  }
  .web-sponsor-2016 ul li .websp-items:first-child {
    margin-right: 3px;
  }

  .web-sponsor-2016 .bx-viewport {
    height: 80px !important;
  }

  .sponsor-block {
    width: 250px;
  }

  .left-sponsor {
    width: 120px;
    float: left;
    padding-right: 10px;
  }

  .right-sponsor {
    width: 120px;
    float: left;
  }

  .one-block-sponsor {
    width: 224px;
    float: left;
    padding-right: 10px;
    margin-left: 18px;
  }

  /*----------------------------------------------------
   $ Structure Module
  ----------------------------------------------------*/
  .container {
    position: relative;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .container:before, .container:after {
    content: " ";
    display: table;
  }
  .container:after {
    clear: both;
  }

  /*----------------------------------------------------
   $contents
  ----------------------------------------------------*/
  .unit-contens {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .section {
    position: relative;
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .section:before, .section:after {
    content: " ";
    display: table;
  }
  .section:after {
    clear: both;
  }

  .contents {
    padding: 30px 0;
    min-height: 1px;
  }

  .contents-body {
    width: 100%;
    float: none;
  }

  .local-nav {
    position: static;
    width: auto;
    float: none;
    padding: 0;
  }
  .local-nav > div {
    background: #ff0000;
    height: 0 !important;
  }
  .local-nav aside {
    position: static !important;
    width: 100%;
    margin: 3em 0 0 0 !important;
    padding: 0;
    top: 0 !important;
  }
  .local-nav aside ul {
    border-top: 3px solid #004181;
  }
  .local-nav aside ul li a:hover {
    text-decoration: none;
    background: none;
  }

  /*----------------------------------------------------
   heading
  ----------------------------------------------------*/
  h1.heading {
    font-size: 28px;
    font-size: 28rem;
  }

  h2.heading {
    font-size: 24px;
    font-size: 24rem;
    margin-bottom: 0;
  }

  h3.heading {
    font-size: 18px;
    font-size: 18rem;
  }

  h4.heading--academy-game {
    font-size: 15px;
  }

  /*----------------------------------------------------
  $ header
  ----------------------------------------------------*/
  .unit-header {
    min-width: 100%;
    max-width: 100%;
  }
  .unit-header .site-title {
    margin: 0;
    padding: 0 0 15px 10px;
    float: none;
    zoom: .8;
  }
  .unit-header .tagline {
    clear: both;
    padding: 20px 0 0 10px;
    font-weight: bold;
    font-size: 12px;
    font-size: 12rem;
  }

  .sp-menu {
    text-align: center;
    position: absolute;
    top: 40px;
    right: 20px;
    line-height: 1;
  }
  .sp-menu span {
    display: block;
    font-weight: bold;
    font-size: 12px;
    font-size: 12rem;
  }
  .sp-menu.btn-menu-close {
    color: #004181;
  }

  nav.gnav-contaier {
    float: none;
    -webkit-transition-duration: .5s;
    padding: 0;
    max-height: 0;
    overflow: hidden;
  }
  nav.gnav-contaier.open {
    max-height: 1000em;
  }

  .gnav {
    padding: 0;
    border-bottom: 1px solid #d7dbdf;
  }
  .gnav li {
    display: block;
    padding: 0;
    height: auto;
    line-height: auto;
    float: none;
    position: relative;
    width: 100%;
    border-top: 1px solid #d7dbdf;
  }
  .gnav li .nav-icon {
    position: absolute;
    right: 15px;
    width: 30px;
    text-align: center;
    color: #004181;
  }
  .gnav li .nav-icon .fa {
    vertical-align: middle;
  }
  .gnav li a {
    display: block;
    padding: 6px 15px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #333;
  }
  .gnav li a.parentsLink, .gnav li a.current, .gnav li a:hover {
    border-bottom: none;
    color: #242424;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ootransition: color 0.2s ease-in-out;
    transion: color .2s ease-in-out;
  }
  .gnav li ul {
    position: static;
    left: auto;
    top: auto;
    background: #fff;
    border-bottom: 3px solid #004181;
    padding: 0;
    width: 100%;
    z-index: 400;
    background: #efefef;
  }
  .gnav li ul li {
    border-bottom: none;
  }
  .gnav li ul li:last-child {
    border-top: 1px solid #d7dbdf;
  }
  .gnav li ul li a {
    padding: 15px 30px;
  }

  .index-hero .bx-wrapper .bx-controls-direction a {
    display: none;
  }

  .block-site-search-sp {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    border-bottom: 1px solid #d7dbdf;
  }
  .block-site-search-sp:before, .block-site-search-sp:after {
    content: " ";
    display: table;
  }
  .block-site-search-sp:after {
    clear: both;
  }
  .block-site-search-sp .google-search-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 3px 3px 0 3px;
  }

  /*----------------------------------------------------
  $ index
  ----------------------------------------------------*/
  .index-hero {
    min-width: 100%;
    height: 300px;
  }
  .index-hero .cover-hero {
    height: 300px;
  }
  .index-hero .cover-hero a img {
    width: 100%;
    height: auto;
  }
  .index-hero .cover-hero a img:hover {
    opacity: 1 !important;
  }
  .index-hero .cover-hero a h2 {
    font-size: 24px;
    font-size: 24rem;
    line-height: 1.4;
    text-shadow: 1px 1px 1px #242424;
  }

  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 110px;
    width: 100%;
  }

  /*----------------------------------------------------
  $ match-data
  ----------------------------------------------------*/
  .match-data-selector {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    display: table;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .match-data-selector:before, .match-data-selector:after {
    content: " ";
    display: table;
  }
  .match-data-selector:after {
    clear: both;
  }
  .match-data-selector li {
    display: table-cell;
    text-align: center;
    width: 33.3%;
    border-top: 1px solid #d7dbdf;
  }
  .match-data-selector li a {
    display: block;
    padding: 8px 0;
    font-weight: bold;
    border-bottom: 1px solid #004181;
    border-left: 1px solid #d7dbdf;
  }
  .match-data-selector li a.active {
    background: #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    border-left: 1px solid #d7dbdf;
  }

  .the-latest-match {
    width: 100%;
    text-align: center;
    float: none;
    border: none;
    padding: 0 0 10px 0;
  }

  .match-schedule {
    width: 290px;
    float: none;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 10px 0;
  }
  .match-schedule h3 {
    margin-bottom: 30px;
  }
  .match-schedule .bx-viewport {
    height: 107px !important;
  }
  .match-schedule .next-matche {
    width: 250px !important;
  }

  .match-ranking {
    width: 100%;
    text-align: center;
    float: none;
    border: none;
    padding: 0 0 10px 0;
  }

  /*----------------------------------------------------
  $ oficial-sponsor
  ----------------------------------------------------*/
  .official-sponsor {
    width: 210px;
    margin: 0 auto;
    padding: 30px 0 0;
  }
  .official-sponsor ul {
    margin-top: 0;
  }

  /*----------------------------------------------------
  $ entries
  ----------------------------------------------------*/
  .entries {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    margin: 0;
    background: none;
  }

  .entries-item {
    margin: 0;
    height: 150px;
    border: 4px solid #fff;
    margin-right: 0;
    margin-bottom: 0;
  }
  .entries-item a {
    height: 100%;
    width: 100%;
  }
  .entries-item a .mycat .icon-cat {
    font-size: 10rem !important;
  }
  .entries-item .entry-title {
    height: 65px;
  }
  .entries-item .entry-title p {
    font-size: 11rem;
  }
  .entries-item .entry-title h2 {
    font-size: 12rem;
  }

  .entries-bg1,
  .entries-bg2,
  .entries-bg3,
  .entries-bg4 {
    background-image: none;
  }

  .media-info {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border: 4px solid #fff;
    margin-right: 0;
    margin-bottom: 0;
    margin: 0;
    height: 180px;
  }

  .entries-read-more {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border: none;
    height: 180px;
  }

  .entries-item-w1 {
    width: 50%;
    max-width: 50%;
    min-width: 50%;
  }

  .entries-item-w2 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .entries-item-w3 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .banners--fix {
    width: 33%;
    height: auto;
    margin: 0;
    border: 4px solid #fff;
    margin-right: 0;
    margin-bottom: 0;
  }
  .banners--fix a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    color: #fff;
    outline: none;
  }
  .banners--fix a img {
    width: 100%;
    height: auto;
  }

  /*----------------------------------------------------
  $ site-banners
  ----------------------------------------------------*/
  .site-banners {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-top: 40px;
    padding: 20px 0;
    background: #f4f4f4;
  }
  .site-banners ul {
    width: 100%;
    margin: 0 auto;
  }
  .site-banners ul li {
    text-align: center;
    float: left;
    width: 33%;
    margin: 10px 0;
    height: auto;
    min-height: auto;
  }
  .site-banners ul li img {
    width: 90%;
  }

  /*----------------------------------------------------
  $ pagetop
  ----------------------------------------------------*/
  .go-page-top {
    min-width: 100%;
    text-align: center;
  }
  .go-page-top a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 20px 0;
    background: #003870;
  }
  .go-page-top a:hover {
    background: #009eb4;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ootransition: background 0.2s ease-in-out;
    transion: background .2s ease-in-out;
  }

  /*----------------------------------------------------
  $ footer
  ----------------------------------------------------*/
  .unit-footer {
    max-width: 100%;
    min-width: 100%;
  }
  .unit-footer:before, .unit-footer:after {
    content: " ";
    display: table;
  }
  .unit-footer:after {
    clear: both;
  }

  .global-footer {
    background: #004181;
    padding: 0 0 15px;
    color: #fff;
  }
  .global-footer:before, .global-footer:after {
    content: " ";
    display: table;
  }
  .global-footer:after {
    clear: both;
  }
  .global-footer .footer-container {
    width: 100% !important;
  }
  .global-footer .f-logo {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 63px;
    background: url("../img/sprites16.png") no-repeat;
    background-size: 480px auto;
    background-position: 0 -90px;
  }
  .global-footer .footer-item {
    float: none;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .global-footer .footer-item li {
    position: relative;
    font-weight: bold;
    margin-bottom: 0;
    border-top: 1px solid #ccc;
  }
  .global-footer .footer-item .nav-icon {
    position: absolute;
    right: 15px;
    width: 30px;
    text-align: center;
    color: #fff;
  }
  .global-footer .footer-item .nav-icon .fa {
    vertical-align: middle;
  }
  .global-footer .footer-item .footer-submenu {
    display: none;
    background: #efefef;
  }
  .global-footer .footer-item .footer-submenu li {
    font-weight: normal;
    margin-bottom: 3px;
  }
  .global-footer .footer-item .footer-submenu li a {
    color: #333;
  }
  .global-footer .footer-item a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 15px;
  }
  .global-footer .footer-item a:hover {
    text-decoration: underline;
  }
  .global-footer .footer-item-last li {
    font-weight: normal !important;
    margin-bottom: 0;
  }

  .footer-item i.fa-external-link {
    text-align: right;
    display: inline-block;
    float: right;
  }

  .footer-sig {
    margin: 10px auto;
    text-align: center;
  }
  .footer-sig .sig {
    width: 100%;
    height: auto;
    margin: 10px auto;
    float: none;
  }
  .footer-sig .sig .footer-fukuoka-movement {
    display: inline-block;
  }
  .footer-sig .sig .footer-fukuoka-movement a {
    display: inline-block;
    background: url("../img/sprites16.png") no-repeat;
    background-position: 0 -175px;
    width: 121px;
    height: 30px;
    text-indent: -9999px;
    background-size: 480px auto;
  }
  .footer-sig .sig .footer-jleague {
    display: inline-block;
  }
  .footer-sig .sig .footer-jleague a {
    display: inline-block;
    background: url("../img/sprites16.png") no-repeat;
    background-position: -121px -175px;
    width: 105px;
    height: 30px;
    text-indent: -9999px;
    background-size: 480px auto;
  }
  .footer-sig address {
    float: none;
    margin-top: 20px;
    font-weight: bold;
  }

  /*----------------------------------------------------
  $ grid
  ----------------------------------------------------*/
  .grid-wrapper--2 {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -20px;
  }
  .grid-wrapper--2:before, .grid-wrapper--2:after {
    content: " ";
    display: table;
  }
  .grid-wrapper--2:after {
    clear: both;
  }
  .grid-wrapper--2 .item, .grid-wrapper--2 .item-none-erastic {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    margin-left: 0;
    margin-bottom: 15px;
    float: none;
    width: 100%;
    text-align: center;
  }
  .grid-wrapper--2 .item:before, .grid-wrapper--2 .item:after, .grid-wrapper--2 .item-none-erastic:before, .grid-wrapper--2 .item-none-erastic:after {
    content: " ";
    display: table;
  }
  .grid-wrapper--2 .item:after, .grid-wrapper--2 .item-none-erastic:after {
    clear: both;
  }
  .grid-wrapper--2 .item img, .grid-wrapper--2 .item-none-erastic img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .grid-wrapper--2 .item-none-erastic--2 {
    margin-left: 15px;
    margin-right: 100px;
    text-align: center;
    width: 100%;
  }

  .grid-wrapper--4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -20px;
  }
  .grid-wrapper--4:before, .grid-wrapper--4:after {
    content: " ";
    display: table;
  }
  .grid-wrapper--4:after {
    clear: both;
  }
  .grid-wrapper--4 .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 20px;
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .grid-wrapper--4 .item:before, .grid-wrapper--4 .item:after {
    content: " ";
    display: table;
  }
  .grid-wrapper--4 .item:after {
    clear: both;
  }

  .grid-wrapper--5 {
    text-align: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .grid-wrapper--5 .item {
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .grid-wrapper--5 .item_empty {
    display: none;
  }

  /*----------------------------------------------------
  $ members
  ----------------------------------------------------*/
  .members img {
    width: 100px;
    float: left;
    margin-right: 15px;
  }

  .career--legend {
    position: absolute;
    right: 0;
    top: 65px;
    font-size: 11rem;
  }
  .career--legend:before, .career--legend:after {
    content: " ";
    display: table;
  }
  .career--legend:after {
    clear: both;
  }
  .career--legend li {
    float: left;
    margin: 0 10px 0 0;
  }

  .mem-detail ol.career {
    margin: -.7em 0 0 115px !important;
  }
  .mem-detail p.career {
    clear: both;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 0 0;
    line-height: 1.4;
  }
  .mem-detail p.career-pos {
    margin: 10px 0 0 0 !important;
    color: #004181;
  }

  .ht-staff .ht-s-foto img {
    width: 100px !important;
  }

  /*----------------------------------------------------
  $ btn
  ----------------------------------------------------*/
  .btn.btn-harf {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .btn-w-m {
    width: 100%;
  }

  .ytube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }

  .ytube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }

  .data-list dt {
    font-weight: bold;
    margin: 0 0 3px;
    padding: 3px 5px;
    background: #f4f4f4;
    border-bottom: 1px solid #d7dbdf;
    border-top: 1px solid #d7dbdf;
  }
  .data-list dd {
    margin: 0 0 1em 0;
    padding: 0 3px;
  }
  .data-list dd ul li {
    display: list-item;
    float: none;
    margin-left: 0;
    width: auto;
  }
  .data-list dd ul li:first-child {
    margin-left: 0;
  }
  .data-list dd ul li:nth-child(3n+1) {
    margin-left: 0;
  }

  .data-list2 dt {
    font-weight: bold;
    margin: 0 0 3px;
    padding: 3px 5px;
    background: #f4f4f4;
    border-bottom: 1px solid #d7dbdf;
    border-top: 1px solid #d7dbdf;
  }
  .data-list2 dd {
    margin: 0 0 1em 0;
    padding: 0 3px;
  }

  .info-list dt {
    font-weight: bold;
    margin-top: 2em;
    color: #004181;
  }
  .info-list dt:first-child {
    margin-top: 0;
  }
  .info-list dd {
    margin-left: 5px;
  }
  .info-list dd dt {
    margin-left: 5px;
  }

  .table-sticky table {
    font-size: 10px;
  }

  .table--game-list .result {
    font-size: 14px;
    font-size: 14rem;
  }

  .table--ranking .team-name {
    white-space: nowrap;
  }

  .table--season-ticket td {
    white-space: nowrap;
  }

  /*----------------------------------------------------
  $ img
  ----------------------------------------------------*/
  .full-w-sp {
    float: none;
    clear: both;
    width: 100%;
  }

  .full-w-max-sp {
    float: none;
    clear: both;
    max-width: 100%;
  }

  /*----------------------------------------------------
  $ schedule table
  ----------------------------------------------------*/
  .sch-calendar-container,
  .sch-calendar,
  .sch-calendar .sch-head,
  .sch-calendar .sch-row > div > span.sch-date {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    height: auto;
    width: auto;
  }

  .sch-calendar .sch-row > div > span.sch-date {
    position: absolute;
    top: 10px;
    left: 0;
  }

  .sch-calendar .sch-row > div > span.sch-weekday {
    position: absolute;
    top: 10px;
    left: 35px;
  }

  .sch-item p {
    width: auto !important;
  }

  .sch-calendar-container .sch-set-rows .sch-row .sch-item {
    width: 100%;
    padding-left: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .sch-calendar .sch-row,
  .ie9 .sch-calendar .sch-row > div,
  .sch-calendar .sch-row > div {
    height: auto !important;
    min-height: auto !important;
    width: 100% !important;
  }

  .sch-calendar-container .sch-set-rows .sch-row {
    min-height: 0;
    border: none;
  }

  .sch-calendar .sch-row > div {
    float: none;
    min-height: 40px;
    box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2) !important;
    border-bottom: 1px solid #ccc;
  }

  .sch-calendar .sch-row > div:empty,
  .sch-calendar .sch-row > div.empty {
    min-height: 0 !important;
    height: 0 !important;
    box-shadow: none !important;
    padding: 0;
    border: none;
  }

  .sch-calendar .sch-row {
    box-shadow: none;
  }

  .sch-calendar .sch-head {
    display: none;
  }

  .sch-calendar .sch-row > div > div {
    margin-top: 0;
    padding-left: 10px;
    display: inline-block;
  }

  .sch-calendar .sch-row > div > span.sch-date {
    width: 30px;
    display: inline-block;
    text-align: right;
  }

  .sch-calendar .sch-row > div > span.sch-weekday {
    display: inline-block;
    width: 40px;
    font-size: 10px;
    text-transform: uppercase;
  }

  /*----------------------------------------------------
   $ game_practice
  ----------------------------------------------------*/
  .stadium-gourmet {
    margin: 0;
  }
  .stadium-gourmet li {
    float: none;
    margin-bottom: 20px;
  }
  .stadium-gourmet li img {
    max-width: 100%;
  }

  .r-file {
    margin-bottom: 3em;
  }
  .r-file:before, .r-file:after {
    content: " ";
    display: table;
  }
  .r-file:after {
    clear: both;
  }
  .r-file li {
    float: none;
    width: 100%;
  }

  /*----------------------------------------------------
   $ ticket-info
  ----------------------------------------------------*/
  .ticket-saler {
    line-height: 1.4 !important;
  }
  .ticket-saler dt {
    font-weight: normal;
    padding: 0;
  }
  .ticket-saler dd {
    margin: 0 !important;
  }

  /*----------------------------------------------------
   $ school
  ----------------------------------------------------*/
  .list-school:before, .list-school:after {
    content: " ";
    display: table;
  }
  .list-school:after {
    clear: both;
  }
  .list-school li {
    width: 48%;
  }

  .avi-box {
    width: 100%;
  }

  .avi-box-detail {
    float: none;
    width: 100%;
  }
  .avi-box-detail dl {
    margin: 0;
  }
  .avi-box-detail dl dd {
    margin: 0 0 1em 0;
    padding: 0;
  }

  .avi-box-foto {
    float: none;
    width: 100%;
  }

  .table--academy-game {
    font-size: 11px;
    width: 100%;
    background: #fff;
  }
  .table--academy-game td {
    border: 1px solid #d7dbdf;
    padding: 0 5px;
  }
  .table--academy-game td.sum {
    font-weight: bold;
  }
  .table--academy-game td.team-name {
    width: 35%;
  }

  .academy-game-result h5 {
    font-size: 14px;
  }
  .academy-game-result dt {
    font-size: 13px;
  }

  .academy-game--review {
    font-size: 13px;
  }

  .kouenkai-kiyaku {
    width: 90%;
    margin: 0 auto;
  }

  /*----------------------------------------------------
   $ form
  ----------------------------------------------------*/
  .entry-form {
    width: 100%;
    font-size: 12px;
  }
  .entry-form h1 {
    font-size: 18px;
  }

  .form-wrapper {
    display: block;
    width: 100%;
  }

  .form--group {
    display: block;
  }

  .form--title {
    display: block;
    width: 100%;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #d7dbdf;
    background: #f4f4f4;
  }
  .form--title h2 {
    padding: 0 10px 12px;
    font-size: 13px;
  }
  .form--title br {
    display: none;
  }

  .form--field {
    display: block;
    width: 100%;
    padding: 4px 10px 16px;
    text-align: left;
    border-top: none;
  }

  .form--tel {
    width: 75%;
  }

  .forn--textarea {
    margin: 12px 0 0 0;
  }

  .btn-navs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-cautions {
    padding-left: 10px;
    padding-right: 10px;
  }

  html > iframe {
    display: none !important;
    height: 0;
  }

  /*----------------------------------------------------
  $ Players Details
  ----------------------------------------------------*/
  .item .player-info {
    width: 100%;
    margin: 30px 0 0 0;
    bottom: 20px;
    left: 20px;
    overflow: auto;
    background: rgba(64, 197, 220, 0.65);
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4), 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.5);
  }

  .item .player-info-2 {
    width: 100%;
    bottom: 20px;
    left: 20px;
    overflow: auto;
    background: rgba(204, 217, 230, 0.5);
  }

  .player-info-details dd {
    padding: 20px;
    padding-top: 0;
    padding-bottom: 5px;
    margin-left: 0;
    color: #004181;
    font-size: 16px;
    border-bottom: 1px solid #D7DBDF;
  }

  .player-info-details-past {
    padding-left: 80px;
  }

  .profile {
    background: #004181;
    background-image: url(/img/player_back.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }

  .close_up {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 30px;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4), 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.5);
  }

  .game {
    margin-bottom: .6em;
    font-weight: bold;
    color: #004181;
    font-size: 16rem;
  }

  .player-info-details dt {
    padding: 20px;
    padding-bottom: 0;
    padding-top: 5px;
  }

  .grid-wrapper--2 .item .number img {
    width: 320px;
  }

  .grid-wrapper--2 .item img {
    width: 100%;
    height: 100%;
  }

  .features-cv {
    width: 100%;
    margin: 8px auto 8px;
  }
  .features-cv ul li {
    height: 65px;
    border-left: none;
  }
  .features-cv ul li a {
    background: url("../img/features-cv@2x.png") no-repeat;
    background-size: 80px auto;
  }
  .features-cv ul li a.cv--ticket-info {
    background-position: center 0;
  }
  .features-cv ul li a.cv--stadium {
    background-position: center -100px;
  }
  .features-cv ul li a.cv--goods {
    background-position: center -200px;
  }
  .features-cv ul li a.cv--fan-zone {
    background-position: center -300px;
  }
  .features-cv ul li a:hover {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background: url("../img/features-cv@2x.png") no-repeat;
    background-size: 80px auto;
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
  .features-cv ul li a:hover.cv--ticket-info {
    background-position: center 0;
  }
  .features-cv ul li a:hover.cv--stadium {
    background-position: center -100px;
  }
  .features-cv ul li a:hover.cv--goods {
    background-position: center -200px;
  }
  .features-cv ul li a:hover.cv--fan-zone {
    background-position: center -300px;
  }

  .game_time {
    position: absolute;
    left: 400px;
  }
}
@media screen and (max-width: 480px) {
  .game_time {
    position: absolute;
    left: 240px;
  }
}
/* -------------------------------------------------------
プリント用スタイル for アビスパ福岡サイト w/sass
creation date:03-01-2015
scss/_print.scss
---------------------------------------------------------*/
@media print {
  /* All your print styles go here */
}