@charset "UTF-8";
html {
  font-size: 62.5%; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

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

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

html, body {
  height: 100%; }

a {
  outline: none; }

strong, em {
  font-weight: bold; }

img, svg {
  vertical-align: top; }

img {
  max-width: 100%; }

input, textarea, select, button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-family: "Hiragino Kaku Gothic ProN", "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", sans-serif, Meiryo, メイリオ;
  font-size: 14px;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: middle; }

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="button"],
input[type="submit"],
textarea,
select,
button {
  border-radius: 0px; }

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="button"],
input[type="submit"],
textarea,
button {
  -webkit-appearance: none; }

textarea {
  resize: none; }

input[type="button"],
input[type="submit"],
button {
  background: none;
  border: 0;
  cursor: pointer; }

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 100px #fff inset; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

html {
  font-size: 62.5%; }

/* ページ別 color
------------------------------------------------------------*/
.common .sec_border_title {
  border-style: solid;
  border-color: #e4007f;
  border-width: 0 0 4px 0; }
  .common .sec_border_title .number {
    background: #e4007f; }

.common .sec_title {
  background: #e4007f;
  background: -webkit-linear-gradient(-45deg, #ff73d3 0%, #e4007f 50%, #e4007f 100%);
  background: -webkit-linear-gradient(315deg, #ff73d3 0%, #e4007f 50%, #e4007f 100%);
  background: linear-gradient(135deg, #ff73d3 0%, #e4007f 50%, #e4007f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color' ); }
  .common .sec_title .number {
    color: #e4007f; }

.common .content_sub_title {
  border-left: #e4007f 5px solid; }

.common .underline_title {
  color: #ff73d3;
  border-style: solid;
  border-color: #ff73d3;
  border-width: 0 0 1px 0; }

.common .btn {
  background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #97abed;
  background-size: 24px; }
  .common .btn.btn_external {
    background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #f8a6bc;
    background-size: 18px; }
  .common .btn.pager_btn {
    background: #97abed; }
  .common .btn.return_btn {
    background: #97abed; }
  .common .btn.dos {
    border: solid #97abed 2px;
    color: #97abed;
    background: none; }
  .common .btn.border_btn {
    border-style: solid;
    border-color: #97abed;
    border-width: 2px 2px 2px 2px;
    color: #97abed;
    background: #FFFFFF; }

.common .tab_area li.select {
  color: #e4007f; }

.common .table_team_color th {
  background: #e4007f; }

.common .table_team_color td {
  background: #fff1f8; }

.common .table_team_color.line_change tr:nth-child(even) td {
  background: rgba(255, 190, 223, 0.3); }

@media (min-width: 768px) {
  .common .link_list_box {
    background: #fff1f8; }
    .common .link_list_box dl {
      border-style: solid;
      border-color: #ff73d3;
      border-width: 1px 1px 1px 1px; } }

.common .link_list_box dl dt {
  background: #ff73d3; }

.common .icon_home_game {
  background: #fff1f8; }

.common .calendar_table .title {
  background: #e4007f; }

.common .calendar_table .home_game {
  background: #fff1f8; }

.common .icon_movie svg path {
  fill: #e4007f; }

.common .home_game {
  background: #fff1f8; }

.common .player_list > li a:after {
  color: #e4007f; }

.common .player_list > li a .text_area .position_area {
  color: #e4007f; }

.common .player_list > li a .text_area .state > li {
  background: #e4007f; }

.common .player_list .image_area {
  width: 74px;
  height: auto; }
  .common .player_list .image_area img {
    width: 74px;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 1px 1px; }

.common .player_list .text_area {
  width: calc(100% - 74px); }

.common .sns_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .common .sns_area > li a {
    color: #e4007f; }
    .common .sns_area > li a .blog {
      color: #FFFFFF;
      background: #e4007f; }

.common .slider_area .slide-dots li.slick-active button {
  background: #e4007f; }

.common .game_rank li .title {
  background: #e4007f; }

.common .game_rank li .rank {
  background: #fff1f8; }

.common #mascot .text_area .name {
  color: #e4007f; }

.common .tiara_cup .underline_title {
  background: #e4007f;
  color: #FFFFFF; }

.common .sk_cube:before {
  background: #ff4baf; }

.dione .sec_border_title {
  border-style: solid;
  border-color: #0055aa;
  border-width: 0 0 4px 0; }
  .dione .sec_border_title .number {
    background: #0055aa; }

.dione .sec_title {
  background: #0055aa;
  background: -webkit-linear-gradient(-45deg, #00b4ff 0%, #0055aa 50%, #0055aa 100%);
  background: -webkit-linear-gradient(315deg, #00b4ff 0%, #0055aa 50%, #0055aa 100%);
  background: linear-gradient(135deg, #00b4ff 0%, #0055aa 50%, #0055aa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color' ); }
  .dione .sec_title .number {
    color: #0055aa; }

.dione .content_sub_title {
  border-left: #0055aa 5px solid; }

.dione .underline_title {
  color: #00b4ff;
  border-style: solid;
  border-color: #00b4ff;
  border-width: 0 0 1px 0; }

.dione .btn {
  background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #0055aa;
  background-size: 24px; }
  .dione .btn.btn_external {
    background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #f8a6bc;
    background-size: 18px; }
  .dione .btn.pager_btn {
    background: #0055aa; }
  .dione .btn.return_btn {
    background: #0055aa; }
  .dione .btn.dos {
    border: solid #0055aa 2px;
    color: #0055aa;
    background: none; }
  .dione .btn.border_btn {
    border-style: solid;
    border-color: #0055aa;
    border-width: 2px 2px 2px 2px;
    color: #0055aa;
    background: #FFFFFF; }

.dione .tab_area li.select {
  color: #0055aa; }

.dione .table_team_color th {
  background: #0055aa; }

.dione .table_team_color td {
  background: #e1effd; }

.dione .table_team_color.line_change tr:nth-child(even) td {
  background: rgba(177, 214, 250, 0.3); }

@media (min-width: 768px) {
  .dione .link_list_box {
    background: #e1effd; }
    .dione .link_list_box dl {
      border-style: solid;
      border-color: #00b4ff;
      border-width: 1px 1px 1px 1px; } }

.dione .link_list_box dl dt {
  background: #00b4ff; }

.dione .icon_home_game {
  background: #e1effd; }

.dione .calendar_table .title {
  background: #0055aa; }

.dione .calendar_table .home_game {
  background: #e1effd; }

.dione .icon_movie svg path {
  fill: #0055aa; }

.dione .home_game {
  background: #e1effd; }

.dione .player_list > li a:after {
  color: #0055aa; }

.dione .player_list > li a .text_area .position_area {
  color: #0055aa; }

.dione .player_list > li a .text_area .state > li {
  background: #0055aa; }

.dione .player_list .image_area {
  width: 74px;
  height: auto; }
  .dione .player_list .image_area img {
    width: 74px;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 1px 1px; }

.dione .player_list .text_area {
  width: calc(100% - 74px); }

.dione .sns_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .dione .sns_area > li a {
    color: #0055aa; }
    .dione .sns_area > li a .blog {
      color: #FFFFFF;
      background: #0055aa; }

.dione .slider_area .slide-dots li.slick-active button {
  background: #0055aa; }

.dione .game_rank li .title {
  background: #0055aa; }

.dione .game_rank li .rank {
  background: #e1effd; }

.dione #mascot .text_area .name {
  color: #0055aa; }

.dione .tiara_cup .underline_title {
  background: #0055aa;
  color: #FFFFFF; }

.dione .sk_cube:before {
  background: #1188ff; }

.astraia .sec_border_title {
  border-style: solid;
  border-color: #ed6d00;
  border-width: 0 0 4px 0; }
  .astraia .sec_border_title .number {
    background: #ed6d00; }

.astraia .sec_title {
  background: #ed6d00;
  background: -webkit-linear-gradient(-45deg, black 0%, #ed6d00 50%, #ed6d00 100%);
  background: -webkit-linear-gradient(315deg, black 0%, #ed6d00 50%, #ed6d00 100%);
  background: linear-gradient(135deg, black 0%, #ed6d00 50%, #ed6d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color' ); }
  .astraia .sec_title .number {
    color: #ed6d00; }

.astraia .content_sub_title {
  border-left: #ed6d00 5px solid; }

.astraia .underline_title {
  color: black;
  border-style: solid;
  border-color: black;
  border-width: 0 0 1px 0; }

.astraia .btn {
  background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #ed6d00;
  background-size: 24px; }
  .astraia .btn.btn_external {
    background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #f8a6bc;
    background-size: 18px; }
  .astraia .btn.pager_btn {
    background: #ed6d00; }
  .astraia .btn.return_btn {
    background: #ed6d00; }
  .astraia .btn.dos {
    border: solid #ed6d00 2px;
    color: #ed6d00;
    background: none; }
  .astraia .btn.border_btn {
    border-style: solid;
    border-color: #ed6d00;
    border-width: 2px 2px 2px 2px;
    color: #ed6d00;
    background: #FFFFFF; }

.astraia .tab_area li.select {
  color: #ed6d00; }

.astraia .table_team_color th {
  background: #ed6d00; }

.astraia .table_team_color td {
  background: #ffddd0; }

.astraia .table_team_color.line_change tr:nth-child(even) td {
  background: rgba(255, 184, 157, 0.3); }

@media (min-width: 768px) {
  .astraia .link_list_box {
    background: #ffddd0; }
    .astraia .link_list_box dl {
      border-style: solid;
      border-color: black;
      border-width: 1px 1px 1px 1px; } }

.astraia .link_list_box dl dt {
  background: black; }

.astraia .icon_home_game {
  background: #ffddd0; }

.astraia .calendar_table .title {
  background: #ed6d00; }

.astraia .calendar_table .home_game {
  background: #ffddd0; }

.astraia .icon_movie svg path {
  fill: #ed6d00; }

.astraia .home_game {
  background: #ffddd0; }

.astraia .player_list > li a:after {
  color: #ed6d00; }

.astraia .player_list > li a .text_area .position_area {
  color: #ed6d00; }

.astraia .player_list > li a .text_area .state > li {
  background: #ed6d00; }

.astraia .player_list .image_area {
  width: 74px;
  height: auto; }
  .astraia .player_list .image_area img {
    width: 74px;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 1px 1px; }

.astraia .player_list .text_area {
  width: calc(100% - 74px); }

.astraia .sns_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .astraia .sns_area > li a {
    color: #ed6d00; }
    .astraia .sns_area > li a .blog {
      color: #FFFFFF;
      background: #ed6d00; }

.astraia .slider_area .slide-dots li.slick-active button {
  background: #ed6d00; }

.astraia .game_rank li .title {
  background: #ed6d00; }

.astraia .game_rank li .rank {
  background: #ffddd0; }

.astraia #mascot .text_area .name {
  color: #ed6d00; }

.astraia .tiara_cup .underline_title {
  background: #ed6d00;
  color: #FFFFFF; }

.astraia .sk_cube:before {
  background: #ffa354; }

.flora .sec_border_title {
  border-style: solid;
  border-color: #601986;
  border-width: 0 0 4px 0; }
  .flora .sec_border_title .number {
    background: #601986; }

.flora .sec_title {
  background: #601986;
  background: -webkit-linear-gradient(-45deg, #d01d7a 0%, #601986 50%, #601986 100%);
  background: -webkit-linear-gradient(315deg, #d01d7a 0%, #601986 50%, #601986 100%);
  background: linear-gradient(135deg, #d01d7a 0%, #601986 50%, #601986 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color' ); }
  .flora .sec_title .number {
    color: #601986; }

.flora .content_sub_title {
  border-left: #601986 5px solid; }

.flora .underline_title {
  color: #d01d7a;
  border-style: solid;
  border-color: #d01d7a;
  border-width: 0 0 1px 0; }

.flora .btn {
  background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #601986;
  background-size: 24px; }
  .flora .btn.btn_external {
    background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #f8a6bc;
    background-size: 18px; }
  .flora .btn.pager_btn {
    background: #601986; }
  .flora .btn.return_btn {
    background: #601986; }
  .flora .btn.dos {
    border: solid #601986 2px;
    color: #601986;
    background: none; }
  .flora .btn.border_btn {
    border-style: solid;
    border-color: #601986;
    border-width: 2px 2px 2px 2px;
    color: #601986;
    background: #FFFFFF; }

.flora .tab_area li.select {
  color: #601986; }

.flora .table_team_color th {
  background: #601986; }

.flora .table_team_color td {
  background: #f8e4fc; }

.flora .table_team_color.line_change tr:nth-child(even) td {
  background: rgba(236, 182, 247, 0.3); }

@media (min-width: 768px) {
  .flora .link_list_box {
    background: #f8e4fc; }
    .flora .link_list_box dl {
      border-style: solid;
      border-color: #d01d7a;
      border-width: 1px 1px 1px 1px; } }

.flora .link_list_box dl dt {
  background: #d01d7a; }

.flora .icon_home_game {
  background: #f8e4fc; }

.flora .calendar_table .title {
  background: #601986; }

.flora .calendar_table .home_game {
  background: #f8e4fc; }

.flora .icon_movie svg path {
  fill: #601986; }

.flora .home_game {
  background: #f8e4fc; }

.flora .player_list > li a:after {
  color: #601986; }

.flora .player_list > li a .text_area .position_area {
  color: #601986; }

.flora .player_list > li a .text_area .state > li {
  background: #601986; }

.flora .player_list .image_area {
  width: 74px;
  height: auto; }
  .flora .player_list .image_area img {
    width: 74px;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 1px 1px; }

.flora .player_list .text_area {
  width: calc(100% - 74px); }

.flora .sns_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .flora .sns_area > li a {
    color: #601986; }
    .flora .sns_area > li a .blog {
      color: #FFFFFF;
      background: #601986; }

.flora .slider_area .slide-dots li.slick-active button {
  background: #601986; }

.flora .game_rank li .title {
  background: #601986; }

.flora .game_rank li .rank {
  background: #f8e4fc; }

.flora #mascot .text_area .name {
  color: #601986; }

.flora .tiara_cup .underline_title {
  background: #601986;
  color: #FFFFFF; }

.flora .sk_cube:before {
  background: #9c2dd8; }

.reia .sec_border_title {
  border-style: solid;
  border-color: #c30d23;
  border-width: 0 0 4px 0; }
  .reia .sec_border_title .number {
    background: #c30d23; }

.reia .sec_title {
  background: #c30d23;
  background: -webkit-linear-gradient(-45deg, #f65097 0%, #c30d23 50%, #c30d23 100%);
  background: -webkit-linear-gradient(315deg, #f65097 0%, #c30d23 50%, #c30d23 100%);
  background: linear-gradient(135deg, #f65097 0%, #c30d23 50%, #c30d23 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color' ); }
  .reia .sec_title .number {
    color: #c30d23; }

.reia .content_sub_title {
  border-left: #c30d23 5px solid; }

.reia .underline_title {
  color: #f65097;
  border-style: solid;
  border-color: #f65097;
  border-width: 0 0 1px 0; }

.reia .btn {
  background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #c30d23;
  background-size: 24px; }
  .reia .btn.btn_external {
    background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #f8a6bc;
    background-size: 18px; }
  .reia .btn.pager_btn {
    background: #c30d23; }
  .reia .btn.return_btn {
    background: #c30d23; }
  .reia .btn.dos {
    border: solid #c30d23 2px;
    color: #c30d23;
    background: none; }
  .reia .btn.border_btn {
    border-style: solid;
    border-color: #c30d23;
    border-width: 2px 2px 2px 2px;
    color: #c30d23;
    background: #FFFFFF; }

.reia .tab_area li.select {
  color: #c30d23; }

.reia .table_team_color th {
  background: #c30d23; }

.reia .table_team_color td {
  background: #ffdfed; }

.reia .table_team_color.line_change tr:nth-child(even) td {
  background: rgba(255, 172, 208, 0.3); }

@media (min-width: 768px) {
  .reia .link_list_box {
    background: #ffdfed; }
    .reia .link_list_box dl {
      border-style: solid;
      border-color: #f65097;
      border-width: 1px 1px 1px 1px; } }

.reia .link_list_box dl dt {
  background: #f65097; }

.reia .icon_home_game {
  background: #ffdfed; }

.reia .calendar_table .title {
  background: #c30d23; }

.reia .calendar_table .home_game {
  background: #ffdfed; }

.reia .icon_movie svg path {
  fill: #c30d23; }

.reia .home_game {
  background: #ffdfed; }

.reia .player_list > li a:after {
  color: #c30d23; }

.reia .player_list > li a .text_area .position_area {
  color: #c30d23; }

.reia .player_list > li a .text_area .state > li {
  background: #c30d23; }

.reia .player_list .image_area {
  width: 74px;
  height: auto; }
  .reia .player_list .image_area img {
    width: 74px;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 1px 1px; }

.reia .player_list .text_area {
  width: calc(100% - 74px); }

.reia .sns_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .reia .sns_area > li a {
    color: #c30d23; }
    .reia .sns_area > li a .blog {
      color: #FFFFFF;
      background: #c30d23; }

.reia .slider_area .slide-dots li.slick-active button {
  background: #c30d23; }

.reia .game_rank li .title {
  background: #c30d23; }

.reia .game_rank li .rank {
  background: #ffdfed; }

.reia #mascot .text_area .name {
  color: #c30d23; }

.reia .tiara_cup .underline_title {
  background: #c30d23;
  color: #FFFFFF; }

.reia .sk_cube:before {
  background: #f34459; }

.dione_table th.bg_normal {
  font-weight: normal;
  color: #333;
  background: #e1effd; }
  .dione_table th.bg_normal a {
    color: #333; }

.dione_table th {
  background: #0055aa;
  color: #FFFFFF; }

.dione_table td {
  background: #e1effd; }

.dione_table .dione_bg td {
  background: #0055aa;
  color: #FFFFFF; }

.astraia_table th.bg_normal {
  font-weight: normal;
  color: #333;
  background: #ffddd0; }
  .astraia_table th.bg_normal a {
    color: #333; }

.astraia_table th {
  background: #ed6d00;
  color: #FFFFFF; }

.astraia_table td {
  background: #ffddd0; }

.astraia_table .astraia_bg td {
  background: #ed6d00;
  color: #FFFFFF; }

.flora_table th.bg_normal {
  font-weight: normal;
  color: #333;
  background: #f8e4fc; }
  .flora_table th.bg_normal a {
    color: #333; }

.flora_table th {
  background: #601986;
  color: #FFFFFF; }

.flora_table td {
  background: #f8e4fc; }

.flora_table .flora_bg td {
  background: #601986;
  color: #FFFFFF; }

.reia_table th.bg_normal {
  font-weight: normal;
  color: #333;
  background: #ffdfed; }
  .reia_table th.bg_normal a {
    color: #333; }

.reia_table th {
  background: #c30d23;
  color: #FFFFFF; }

.reia_table td {
  background: #ffdfed; }

.reia_table .reia_bg td {
  background: #c30d23;
  color: #FFFFFF; }

.record_table th.player.bg_normal {
  color: black; }

.dione_bg {
  background: #0055aa; }
  .dione_bg.icon {
    background: #0055aa !important; }

.astraia_bg {
  background: #ed6d00; }
  .astraia_bg.icon {
    background: #ed6d00 !important; }

.flora_bg {
  background: #601986; }
  .flora_bg.icon {
    background: #601986 !important; }

.reia_bg {
  background: #c30d23; }
  .reia_bg.icon {
    background: #c30d23 !important; }

.common_bg {
  background: #e4007f; }
  .common_bg.icon {
    background: #e4007f !important; }

.txt_flora {
  color: #d01d7a; }

.txt_dione {
  color: #0055aa; }

.txt_astraia {
  color: #ed6d00; }

.txt_reia {
  color: #c30d23; }

.txt_common {
  color: #e4007f; }

.test #header {
  background: #ccc3c6; }

.test2 #header {
  background: #c0cfc4; }

/*------------------------------------------------------------
 common
------------------------------------------------------------*/
body {
  font-family: "Hiragino Kaku Gothic ProN", "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", sans-serif, Meiryo, メイリオ;
  font-size: 14px;
  color: #333;
  width: 100%; }

#container {
  width: 100%; }
  @media (min-width: 768px) {
    #container {
      max-width: 1024px;
      margin: 0 auto; } }

section {
  width: 100%; }
  @media (max-width: 767px) {
    section {
      margin: 0 0 30px 0; } }
  @media (min-width: 768px) {
    section {
      margin: 0 0 60px 0; } }

@media screen and (max-width: 767px) {
  .sec {
    margin-bottom: 80px; } }

@media screen and (min-width: 768px) {
  .sec {
    margin-bottom: 120px; } }

.inner {
  margin: 0 10px; }

@media (max-width: 767px) {
  .sp_inner {
    margin: 0 10px; } }

/*------------------------------------------------------------
 main
------------------------------------------------------------*/
.title, .bold {
  font-weight: 600; }

.holiday, .sunday, .red, .rbi {
  color: #ff0000; }

.saturday {
  color: #0066ff; }

a {
  text-decoration: none;
  color: #333; }
  a:hover {
    text-decoration: underline; }
    a:hover img {
      opacity: .8; }

.txt {
  line-height: 140%; }

.txt_center {
  text-align: center; }

.annotation {
  font-size: 12px;
  text-indent: -12px;
  padding-left: 12px;
  line-height: 140%; }
  .annotation li, .annotation p {
    margin-bottom: 5px; }
    .annotation li:last-child, .annotation li .margin_none, .annotation p:last-child, .annotation p .margin_none {
      margin-bottom: 0; }

.txt_white {
  color: #FFFFFF; }

.txt_right {
  text-align: right; }

.txt_left {
  text-align: left; }

.txt_small {
  font-size: 80%; }

@media (min-width: 768px) {
  .right {
    float: right; }
  .left {
    float: left; }
  .half {
    width: calc(50% - 20px); } }

.clearfix::before {
  content: "";
  display: block;
  clear: both; }

@media (max-width: 767px) {
  .view_pc {
    display: none; } }

@media (min-width: 768px) {
  .view_sp {
    display: none; } }

.flex_space_between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%; }

@media (min-width: 768px) {
  .flex_space_between_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%; } }

@media (min-width: 768px) {
  .half .banner_area .banner_small {
    margin-bottom: 10px; }
    .half .banner_area .banner_small:nth-last-child(-n+2) {
      margin-bottom: 0; }
    .half .banner_area .banner_small:nth-child(-n+2) {
      margin-top: 0; }
    .half .banner_area .banner_small:nth-child(2n) {
      margin-right: 0; } }

@media (min-width: 768px) {
  .half .banner_area .banner_small {
    width: calc((100% - 10px) / 2);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; } }

@media (max-width: 767px) {
  .half .banner_area .banner_small {
    width: calc((100% - 30px) / 3);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; } }

/* title
----------------------------------*/
.sec_border_title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #555;
  text-align: center;
  padding: 5px;
  min-height: 72px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  position: relative; }
  .sec_border_title .title {
    font-size: 20px;
    font-size: 2rem; }
  .sec_border_title .en {
    font-size: 12px;
    font-size: 1.2rem;
    opacity: .5;
    margin-top: 5px; }
  .sec_border_title .player_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    .sec_border_title .player_title .position {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      margin-right: 5px; }
    .sec_border_title .player_title .number {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      color: #FFF;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1;
      text-align: center;
      padding: 7px 0;
      margin-left: 5px; }
  .sec_border_title.border_none {
    border: none;
    margin-bottom: 0; }

.sec_title {
  position: relative; }
  @media (max-width: 767px) {
    .sec_title {
      margin: 0 0 15px 0; }
      .sec_title.margin_none_sp {
        margin: 0; } }
  @media (min-width: 768px) {
    .sec_title {
      margin: 0 0 40px 0; } }
  .sec_title .sec_title_inner {
    width: 100%;
    height: 80px;
    display: block;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    text-align: center; }
  .sec_title .number {
    position: absolute;
    top: 21px;
    right: 10px;
    background: #FFFFFF;
    border-radius: 38px;
    width: 38px;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    font-family: "Roboto";
    font-size: 20px; }
  .sec_title .text_area > span {
    display: block; }
  .sec_title a.sec_title_inner {
    cursor: pointer; }
    .sec_title a.sec_title_inner:hover {
      background: rgba(255, 255, 255, 0.1);
      text-decoration: none; }
  .sec_title .title {
    color: #FFFFFF;
    font-size: 20px;
    margin: 0 0 10px 0; }
    .sec_title .title .position {
      font-size: 14px;
      font-weight: normal; }
  .sec_title .position {
    margin-right: 5px; }
  .sec_title .en {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5); }
  .sec_title .team_logo {
    position: absolute;
    opacity: .5;
    height: 24px;
    top: 28px;
    left: 20px; }

.content_title {
  border-style: solid;
  border-color: #555555;
  border-width: 2px 0 0 0;
  background: #e8e8e8;
  color: #555;
  padding: 10px;
  font-size: 16px;
  font-weight: 600; }
  .content_title.flora {
    border-style: solid;
    border-color: #601986;
    border-width: 2px 0 0 0;
    background: #f8e4fc;
    color: #601986; }
  .content_title.dione {
    border-style: solid;
    border-color: #0055aa;
    border-width: 2px 0 0 0;
    background: #e1effd;
    color: #0055aa; }
  .content_title.astraia {
    border-style: solid;
    border-color: #ed6d00;
    border-width: 2px 0 0 0;
    background: #ffddd0;
    color: #ed6d00; }
  .content_title.reia {
    border-style: solid;
    border-color: #c30d23;
    border-width: 2px 0 0 0;
    background: #ffdfed;
    color: #c30d23; }

.underline_title {
  text-align: center;
  padding: 0 0 8px 0;
  margin: 0 0 10px 0;
  line-height: 1.4; }
  .underline_title.txt_left {
    text-align: left; }

.content_sub_title {
  padding-left: 5px;
  font-weight: 600;
  margin: 0 10px 10px 10px; }

.title_image {
  margin: 0 auto;
  text-align: center; }

/* tab selector
----------------------------------*/
.select_sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .select_sort label {
    border-style: solid;
    border-color: #3c3c3c;
    border-width: 1px 1px 1px 1px;
    background: #FFFFFF;
    position: relative;
    width: 200px;
    overflow: hidden;
    display: block; }
    .select_sort label:before {
      border: 5px solid transparent;
      border-top: 6px solid #3c3c3c;
      content: "";
      height: 0;
      position: absolute;
      right: 10px;
      top: calc(50% - 2px);
      width: 0; }
  .select_sort select {
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent;
    cursor: pointer;
    padding: 3px 10px;
    position: relative;
    width: 130%;
    margin: 0; }

.bg_gray_select_area {
  background: #3c3c3c;
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (max-width: 767px) {
    .bg_gray_select_area .select_sort {
      width: 100%; }
    .bg_gray_select_area select {
      width: 120%;
      margin: 0;
      border: none; }
    .bg_gray_select_area label {
      width: 100%;
      padding: 0; } }
  @media (max-width: 767px) {
    .bg_gray_select_area.two_select_area form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .bg_gray_select_area.two_select_area form .select_sort {
        width: calc(50% - 5px); }
      .bg_gray_select_area.two_select_area form select {
        width: calc(120% - 5px); } }
  @media (min-width: 768px) {
    .bg_gray_select_area.two_select_area form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: normal;
      -webkit-justify-content: normal;
          -ms-flex-pack: normal;
              justify-content: normal;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .bg_gray_select_area.two_select_area form label {
        margin-left: 10px; }
      .bg_gray_select_area.two_select_area form .select_sort:first-child label {
        margin: 0; } }
  @media (max-width: 767px) {
    .bg_gray_select_area.year_month_select_area form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .bg_gray_select_area.year_month_select_area form .select_team {
        width: calc(50% - 20px); }
      .bg_gray_select_area.year_month_select_area form .select_year {
        width: 30%; }
      .bg_gray_select_area.year_month_select_area form .select_month {
        width: 20%; } }
  @media (min-width: 768px) {
    .bg_gray_select_area.year_month_select_area form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: normal;
      -webkit-justify-content: normal;
          -ms-flex-pack: normal;
              justify-content: normal;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .bg_gray_select_area.year_month_select_area form label {
        margin-left: 10px; }
      .bg_gray_select_area.year_month_select_area form .select_sort:first-child label {
        margin: 0; } }

.tab_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  background: #3c3c3c;
  color: #FFFFFF;
  padding: 10px; }
  .tab_area li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 55px;
    line-height: 140%;
    text-align: center;
    margin-right: 10px;
    width: calc((100% - 20px) / 3); }
    .tab_area li.select {
      background: #FFFFFF; }
      .tab_area li.select:hover {
        background: #FFFFFF; }
    .tab_area li:hover {
      background: rgba(255, 255, 255, 0.1); }
    .tab_area li:last-child {
      margin-right: 0; }
    .tab_area li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      border-radius: 5px;
      color: #FFFFFF;
      text-decoration: none;
      width: 100%;
      height: 100%; }
  @media (min-width: 768px) {
    .tab_area.tab_short {
      width: 50%; } }

@media (min-width: 768px) {
  .tab_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }

/* btn
----------------------------------*/
.btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  border-radius: 5px;
  color: #FFFFFF;
  font-weight: 600;
  margin: 0 auto;
  text-decoration: none; }
  .btn > a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .btn > a:before {
      margin-right: 5px; }
    .btn > a:after {
      margin-left: 5px; }
  .btn:hover:hover {
    opacity: .7;
    text-decoration: none; }
  .btn.not_link:hover, .btn.dos:hover {
    opacity: 1; }
  .btn.return_btn {
    position: relative; }
    .btn.return_btn:before {
      content: "\F3E5";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 10px; }
  .btn .return_btn {
    border-style: solid;
    border-color: white;
    border-width: 0 1px 0 1px;
    width: 50%; }
    .btn .return_btn:before {
      content: "\F3E5";
      font-family: "Font Awesome 5 Free";
      font-weight: 900; }
  .btn .prev_btn, .btn .next_btn {
    width: 25%; }
  .btn .prev_btn:before {
    content: "\F053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900; }
  .btn .next_btn:after {
    content: "\F105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900; }
  .btn.inner {
    width: calc(100% - 20px); }
  .btn.not_link {
    background: #999999 !important;
    color: #333; }
  .btn.pager_btn:hover {
    opacity: 1; }
    .btn.pager_btn:hover > a:hover:hover {
      background: rgba(255, 255, 255, 0.1);
      text-decoration: none; }
  @media (max-width: 767px) {
    .btn {
      height: 42px; }
      .btn.sp_inner {
        width: calc(100% - 20px); } }
  @media (min-width: 768px) {
    .btn {
      width: 100%;
      max-width: 520px;
      height: 52px;
      font-size: 16px; }
      .btn.btn_half {
        max-width: 320px; } }
  .btn.navy {
    background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #341f97; }
    .btn.navy.btn_external {
      background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #341f97;
      background-size: 18px; }
  .btn.green {
    background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #80d8a5; }
    .btn.green.btn_external {
      background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #80d8a5;
      background-size: 18px; }
  .btn.orange {
    background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #ea9300; }
    .btn.orange.btn_external {
      background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #ea9300;
      background-size: 18px; }
  .btn.dione_bg {
    background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #0055aa; }
    .btn.dione_bg.btn_external {
      background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #0055aa;
      background-size: 18px; }
  .btn.flora_bg {
    background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #601986; }
    .btn.flora_bg.btn_external {
      background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #601986;
      background-size: 18px; }
  .btn.astraia_bg {
    background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #ed6d00; }
    .btn.astraia_bg.btn_external {
      background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #ed6d00;
      background-size: 18px; }
  .btn.reia_bg {
    background: url("/assets/images/common/icon_arrow_right.svg") no-repeat right 10px center #c30d23; }
    .btn.reia_bg.btn_external {
      background: url("/assets/images/common/icon_external.svg") no-repeat right 10px center #c30d23;
      background-size: 18px; }

p.btn {
  opacity: 1; }

/* banner
----------------------------------*/
.banner_area {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (max-width: 767px) {
    .banner_area {
      margin: 0 0 0 10px;
      width: calc(100% - 10px); }
      .banner_area .banner_large {
        padding-right: 10px; } }
  .banner_area.flex_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .banner_area .banner_small {
    margin: 10px 10px 0 0; }
    @media (max-width: 767px) {
      .banner_area .banner_small:nth-child(-n+3) {
        margin-top: 0; }
      .banner_area .banner_small:nth-child(3n) {
        margin-right: 0; } }
    @media (min-width: 768px) {
      .banner_area .banner_small:nth-child(-n+4) {
        margin-top: 0; }
      .banner_area .banner_small:nth-child(4n) {
        margin-right: 0; } }
    @media (min-width: 768px) {
      .banner_area .banner_small {
        width: calc((100% - 30px) / 4);
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    @media (max-width: 767px) {
      .banner_area .banner_small {
        width: calc((100% - 30px) / 3);
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    .banner_area .banner_small img {
      width: 100%; }
    .banner_area .banner_small.supporter {
      border: solid 1px #ccc;
      padding: 20px 5px; }

@media (min-width: 768px) {
  .banner_page_top {
    margin-bottom: 20px; } }

.banner_page_top.center {
  text-align: center; }
  .banner_page_top.center a {
    text-align: center; }
  .banner_page_top.center img {
    margin-left: auto;
    margin-right: auto; }

.banner_large {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto 10px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .banner_large img {
    max-width: 1024px;
    text-align: center;
    width: 100%; }
    @media (max-width: 767px) {
      .banner_large img {
        max-width: 1024px;
        width: 100%; } }

.banner_large_list {
  width: 100%; }
  .banner_large_list li {
    width: 100%; }
    .banner_large_list li img {
      width: 100%;
      max-width: 100%; }
    @media screen and (max-width: 767px) {
      .banner_large_list li:last-child {
        margin-bottom: 80px; } }
    @media screen and (min-width: 768px) {
      .banner_large_list li:last-child {
        margin-bottom: 120px; } }

/* table
----------------------------------*/
table {
  width: 100%;
  border-collapse: separate; }
  table tr th, table tr td {
    padding: 5px 10px;
    vertical-align: middle;
    border-style: solid;
    border-color: white;
    border-width: 0 0 1px 1px; }
    table tr th:first-child, table tr td:first-child {
      border-left: none; }
    table tr th a, table tr td a {
      text-decoration: underline; }
  table tr th {
    text-align: center;
    font-weight: 600;
    background: #3c3c3c;
    color: #FFFFFF; }
    table tr th a {
      color: #FFFFFF; }
    table tr th.bg_normal {
      background: #e8e8e8;
      font-weight: normal; }
      table tr th.bg_normal a {
        color: #333; }
  table tr td {
    background: #e8e8e8; }
  table tr.total_bg td {
    background: #3c3c3c;
    color: #FFFFFF; }
  table td.txt_right, table th.txt_right {
    text-align: right; }
  table td.border_left_none, table th.border_left_none {
    border-left: none; }
  table td.logo_area .img_area, table th.logo_area .img_area {
    text-align: left; }
    table td.logo_area .img_area img, table th.logo_area .img_area img {
      height: 16px; }
  table td.hits {
    background: #ffb400; }
  table td.logo_area .img_area img {
    margin-top: -3px; }
  table .break_none {
    white-space: nowrap; }
  table.th_no_bold th {
    font-weight: normal; }
  table .bold th, table .bold td {
    font-weight: 600; }
  table .border_btm_none th, table .border_btm_none td {
    border-bottom: none; }
  table .red_line th, table .red_line td {
    border-top: #ff0000 2px solid; }
  table .border_top_bold th, table .border_top_bold td {
    border-top: #FFFFFF 2px solid; }
  table tr:last-child th, table tr:last-child td {
    border-bottom: none; }
  table thead tr:last-child th, table thead tr:last-child td {
    border-bottom: 1px solid #FFFFFF; }

.scroll_table {
  width: 100%; }

.scroll_table_area {
  overflow: auto;
  white-space: nowrap; }

.data_table th, .data_table td {
  padding: 10px 5px;
  font-size: 12px;
  text-align: center; }

/* twitter・Facebook Like Button
----------------------------------*/
.sns_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 10px; }

.fb-like {
  margin: 0 10px; }

/* margin
----------------------------------*/
.margin_none {
  margin: 0; }

.margin_btm_s {
  margin-bottom: 10px; }

.margin_btm_m {
  margin-bottom: 20px; }

.margin_btm_l {
  margin-bottom: 30px; }

.margin_btm_ll {
  margin-bottom: 40px; }

.margin_btm_xl {
  margin-bottom: 60px; }

.margin_top_l {
  margin-top: 30px; }

.margin_top_s {
  margin-top: 10px; }

@media (min-width: 768px) {
  .margin_btm_m_pc {
    margin-bottom: 20px; }
  .margin_btm_l_pc {
    margin-bottom: 30px; }
  .margin_btm_ll_pc {
    margin-bottom: 40px; } }

/* slider
----------------------------------*/
@media (max-width: 767px) {
  .slick-dotted.slick-slider {
    margin-bottom: 50px; } }

@media (min-width: 768px) {
  .slick-dotted.slick-slider {
    margin-bottom: 80px; } }

.slider_area {
  position: relative; }
  .slider_area:before, .slider_area:after {
    display: none; }
  .slider_area img {
    margin: 0 auto; }
  .slider_area .slide-dots {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -22px; }
    .slider_area .slide-dots li {
      display: inline-block;
      margin: 0 10px; }
      .slider_area .slide-dots li button {
        position: relative;
        width: 10px;
        height: 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background: #999999;
        border-radius: 10px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden; }

.slider_player {
  margin: 30px auto 50px auto !important;
  width: 324px; }
  .slider_player img {
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 1px 1px; }
  .slider_player .slide-dots {
    padding: 10px;
    bottom: -35px; }

.slick-slide:focus {
  outline: none; }

.slick-arrow {
  display: none !important; }

/* breadcrumb
----------------------------------*/
.breadcrumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-bottom: 15px; }
  .breadcrumb li:after {
    content: "\F105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 0 5px;
    color: #999999; }
  .breadcrumb li:last-child:after {
    content: none; }
  .breadcrumb li a {
    text-decoration: underline; }
    .breadcrumb li a:hover {
      text-decoration: none; }
  @media (max-width: 767px) {
    .breadcrumb {
      display: none; } }

/* page_top
----------------------------------*/
#page_top {
  position: fixed;
  bottom: 20px;
  right: 20px; }
  #page_top a img {
    width: 40px; }

/* loading
----------------------------------*/
.loading_page_wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  @media (min-width: 768px) {
    .loading_page_wrap {
      height: calc(100vh - 385px); } }
  @media (max-width: 767px) {
    .loading_page_wrap {
      height: calc(100vh - 305px); } }

@media (max-width: 767px) {
  #top .loading_page_wrap {
    height: calc(100vh - 565px); } }

.loading_cube {
  margin: 10px auto;
  width: 20px;
  height: 20px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg); }
  @media all and (-ms-high-contrast: none) {
    .loading_cube {
      left: -50%; } }
  .loading_cube .sk_cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
    .loading_cube .sk_cube:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-animation: skCube 2.4s infinite linear both;
              animation: skCube 2.4s infinite linear both;
      -webkit-transform-origin: 100% 100%;
              transform-origin: 100% 100%; }
  .loading_cube .cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
            transform: scale(1.1) rotateZ(90deg); }
    .loading_cube .cube2:before {
      -webkit-animation-delay: 0.3s;
              animation-delay: 0.3s; }
  .loading_cube .cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
            transform: scale(1.1) rotateZ(180deg); }
    .loading_cube .cube3:before {
      -webkit-animation-delay: 0.6s;
              animation-delay: 0.6s; }
  .loading_cube .cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
            transform: scale(1.1) rotateZ(270deg); }
    .loading_cube .cube4:before {
      -webkit-animation-delay: 0.9s;
              animation-delay: 0.9s; }

@-webkit-keyframes skCube {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes skCube {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

/*------------------------------------------------------------
 player
------------------------------------------------------------*/
#player .scroll_table_area {
  margin-bottom: 30px; }
  #player .scroll_table_area:last-child {
    margin-bottom: 60px; }

.sns_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .sns_area > li {
    width: 32px;
    font-size: 32px;
    margin-right: 8px; }
    .sns_area > li:last-child {
      margin-right: 0; }
    .sns_area > li a .blog {
      border-radius: 5px;
      font-size: 20px;
      font-family: "Roboto";
      width: 28px;
      height: 28px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }

.player_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .player_list > li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #FFFFFF; }
    @media (max-width: 767px) {
      .player_list > li {
        border-style: solid;
        border-color: #e8e8e8;
        border-width: 0 0 1px 0;
        width: 100%; }
        .player_list > li:last-child {
          border: none; } }
    @media (min-width: 768px) {
      .player_list > li {
        border-style: solid;
        border-color: #e8e8e8;
        border-width: 1px 1px 1px 1px;
        width: calc((100% / 2) - 5px);
        margin-top: 10px; }
        .player_list > li:nth-child(odd) {
          margin-right: 10px; }
        .player_list > li:nth-child(-n+2) {
          margin-top: 0; } }
    .player_list > li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: normal;
      -webkit-align-items: normal;
          -ms-flex-align: normal;
              align-items: normal;
      -webkit-box-pack: normal;
      -webkit-justify-content: normal;
          -ms-flex-pack: normal;
              justify-content: normal;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      position: relative;
      padding: 10px; }
      .player_list > li a:after {
        content: "\F105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 10px;
        top: calc(50% - 7px); }
      .player_list > li a:hover {
        text-decoration: none; }
      .player_list > li a .text_area {
        padding: 0 20px 0 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .player_list > li a .text_area .number {
          margin-right: 5px; }
        .player_list > li a .text_area .position_area {
          display: none; }
          .player_list > li a .text_area .position_area.position {
            display: block; }
        .player_list > li a .text_area .name_wrap {
          font-size: 18px;
          height: 42px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: normal;
          -webkit-justify-content: normal;
              -ms-flex-pack: normal;
                  justify-content: normal;
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
          position: absolute;
          top: 24px; }
        .player_list > li a .text_area .state {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: normal;
          -webkit-align-items: normal;
              -ms-flex-align: normal;
                  align-items: normal;
          -webkit-box-pack: normal;
          -webkit-justify-content: normal;
              -ms-flex-pack: normal;
                  justify-content: normal;
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
          position: absolute;
          bottom: 10px; }
          .player_list > li a .text_area .state > li {
            color: #FFFFFF;
            padding: 2px 10px;
            margin-right: 5px;
            display: none; }
            .player_list > li a .text_area .state > li:last-child {
              margin-right: 0; }
            .player_list > li a .text_area .state > li.neophyte, .player_list > li a .text_area .state > li.transferee, .player_list > li a .text_area .state > li.new, .player_list > li a .text_area .state > li.raise {
              display: block; }
  .player_list .image_area {
    width: 74px;
    height: auto; }
    .player_list .image_area img {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-style: solid;
      border-color: #e8e8e8;
      border-width: 1px 1px 1px 1px; }
  .player_list .text_area {
    width: calc(100% - 74px); }

/*------------------------------------------------------------
 league
------------------------------------------------------------*/
#information section {
  width: 100%; }
  @media (min-width: 768px) {
    #information section.half {
      width: calc(50% - 20px); } }

#information .image_area {
  text-align: center; }
  #information .image_area img {
    margin-bottom: 30px; }

#information .text_area {
  line-height: 1.4; }
  #information .text_area .name {
    font-size: 150%;
    margin-bottom: 10px; }
  #information .text_area .annotation {
    margin-top: 10px; }

#about .image_area img {
  width: 80%;
  max-width: 320px; }

#slogan, #theme {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  #slogan .sec_inner, #theme .sec_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    height: calc(100% - 80px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  #slogan .image_area img, #theme .image_area img {
    max-width: 588px;
    width: 96%; }

#uniform .image_area img {
  width: 70%; }

#mascot .image_area img {
  width: 70%; }

/*------------------------------------------------------------
 record　result
------------------------------------------------------------*/
.box_title {
  width: 100%;
  font-weight: 600;
  margin-bottom: 5px; }

@media (min-width: 768px) {
  .link_list_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-radius: 5px;
    padding: 10px 10px 4px 10px; }
    .link_list_box dl {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      margin-bottom: 6px;
      width: calc(50% - 3px); }
      .link_list_box dl dt {
        padding: 10px 0;
        width: 64px; }
      .link_list_box dl.four_links dd {
        width: calc((100% - 64px) / 4); } }

@media (max-width: 767px) {
  .link_list_box dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border: none; }
    .link_list_box dl dt {
      padding: 5px 0;
      width: 100%; }
    .link_list_box dl dd {
      margin: 10px 0; }
    .link_list_box dl.four_links dd {
      width: calc(100% / 4); } }

.link_list_box dl {
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 90%; }
  .link_list_box dl dt {
    color: #FFFFFF;
    text-align: center; }
  .link_list_box dl dd {
    border-style: solid;
    border-color: #3c3c3c;
    border-width: 0 1px 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5px; }
    .link_list_box dl dd:last-child {
      border: none;
      padding: 0;
      margin: 0; }
  .link_list_box dl.four_links dd {
    text-align: center; }

.team_record_data {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto; }
  .team_record_data caption {
    caption-side: bottom; }
  .team_record_data tbody th {
    width: 30%; }
  .team_record_data tbody td {
    width: 20%; }

@media (max-width: 767px) {
  .record_data thead th, .record_data td {
    width: 40px; }
  .record_data .player {
    width: 142px; }
  .record_data .team {
    width: 40px; } }

.line_change tr:nth-child(even) td {
  background: rgba(232, 232, 232, 0.3); }

.codicil {
  font-size: 90%;
  text-align: right;
  margin-bottom: 5px; }

.game_rank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }
  .game_rank li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(50% - 5px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-right: 10px; }
    .game_rank li:last-child {
      margin: 0; }
    .game_rank li > div {
      padding: 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
      width: 50%;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
    .game_rank li .title {
      color: #FFFFFF; }
    .game_rank li .rank {
      font-size: 120%; }

/*------------------------------------------------------------
 ranking
------------------------------------------------------------*/
.team_ranking_area table {
  table-layout: fixed; }

.team_ranking_area tbody .rank {
  background: #999999; }

.team_ranking_area tbody .team {
  background: #e8e8e8; }

.team_ranking_area td, .team_ranking_area th {
  text-align: center;
  padding: 10px; }

@media (min-width: 768px) {
  .team_ranking_area .rank {
    width: 40px; }
  .team_ranking_area .team {
    width: 140px; }
    .team_ranking_area .team img {
      height: 30px; } }

@media (max-width: 767px) {
  .team_ranking_area {
    font-size: 12px; }
    .team_ranking_area table, .team_ranking_area thead, .team_ranking_area tbody, .team_ranking_area th, .team_ranking_area td, .team_ranking_area tr {
      display: block; }
    .team_ranking_area thead tr {
      display: none; }
    .team_ranking_area tbody tr {
      position: relative; }
      .team_ranking_area tbody tr:last-child td, .team_ranking_area tbody tr:last-child th {
        border-bottom: 1px solid #FFFFFF; }
    .team_ranking_area tbody th {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #3c3c3c !important; }
      .team_ranking_area tbody th.rank {
        width: 20%;
        font-size: 20px;
        padding: 15px 0; }
      .team_ranking_area tbody th.team {
        width: 80%;
        position: absolute;
        right: 0;
        top: 0; }
        .team_ranking_area tbody th.team img {
          height: 30px; }
    .team_ranking_area td {
      border-left: none;
      position: relative;
      padding-left: 20%; }
    .team_ranking_area td:before {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(20% + 1px);
      display: block;
      background: #999999;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right: 1px solid #FFFFFF;
      padding: 10px;
      font-weight: bold; }
    .team_ranking_area td:nth-of-type(1):before {
      content: "\8A66\5408"; }
    .team_ranking_area td:nth-of-type(2):before {
      content: "\52DD\5229"; }
    .team_ranking_area td:nth-of-type(3):before {
      content: "\6557\5317"; }
    .team_ranking_area td:nth-of-type(4):before {
      content: "\5F15\5206"; }
    .team_ranking_area td:nth-of-type(5):before {
      content: "\52DD\7387"; }
    .team_ranking_area td:nth-of-type(6):before {
      content: "\5DEE"; }
    .team_ranking_area td:nth-of-type(7):before {
      content: "\6B8B\8A66\5408"; } }

.flex_table_area {
  width: 100%; }
  @media (max-width: 767px) {
    .flex_table_area table {
      margin-bottom: 10px; }
      .flex_table_area table:last-child {
        margin: 0; } }
  @media (min-width: 768px) {
    .flex_table_area {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: normal;
      -webkit-align-items: normal;
          -ms-flex-align: normal;
              align-items: normal;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .flex_table_area.four_tables {
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .flex_table_area.four_tables table {
          width: calc((100% - 12px) / 4); }
      .flex_table_area.five_tables {
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .flex_table_area.five_tables table {
          width: calc((100% - 16px) / 5); }
      .flex_table_area table {
        margin-left: 4px; }
        .flex_table_area table:first-child {
          margin-left: 0; } }

.individual_ranking_area {
  font-size: 12px; }
  .individual_ranking_area td, .individual_ranking_area th {
    text-align: center;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .individual_ranking_area .rank {
    width: 18px;
    background: #999999; }
  .individual_ranking_area .team {
    width: 30px; }
    .individual_ranking_area .team img {
      height: 13px;
      width: auto; }
  .individual_ranking_area .player {
    width: auto; }
  .individual_ranking_area .rank_date {
    width: 46px; }
  .individual_ranking_area .not_available {
    height: 154px; }

/*------------------------------------------------------------
 top
------------------------------------------------------------*/
.icon_list_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .icon_list_center li:last-child {
    border: none; }
  @media screen and (min-width: 768px) {
    .icon_list_center li {
      width: calc(100% / 8); } }
  @media screen and (max-width: 767px) {
    .icon_list_center li {
      width: calc(100% / 4); } }

.icon_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .icon_list li {
    width: calc(100% / 4);
    margin-top: 20px; }
    .icon_list li:nth-child(-n+4) {
      margin-top: 0; }
    .icon_list li:nth-child(4n), .icon_list li:last-child {
      border: none; }

.icon_list,
.icon_list_center {
  font-size: 12px; }
  .icon_list li,
  .icon_list_center li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 0 1px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    .icon_list li a,
    .icon_list_center li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 60px; }
      .icon_list li a img,
      .icon_list_center li a img {
        width: 100%;
        margin: 0 0 10px 0; }

#top section {
  width: 100%; }
  @media (min-width: 768px) {
    #top section.half {
      width: calc(50% - 20px); } }

#top .main_image {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #top .main_image {
      margin-bottom: 80px; } }
  @media screen and (min-width: 768px) {
    #top .main_image {
      margin-bottom: 120px; } }

#top #game_schedule .game li {
  display: none; }
  @media (max-width: 767px) {
    #top #game_schedule .game li:nth-child(-n+3) {
      display: block; } }
  @media (min-width: 768px) {
    #top #game_schedule .game li:nth-child(-n+6) {
      display: block; } }

ol {
  counter-reset: number;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.4; }
  ol li {
    margin-bottom: 10px;
    position: relative; }
    ol li:last-child {
      margin-bottom: 0; }
    ol li:before {
      counter-increment: number;
      position: absolute; }
  ol > li {
    padding-left: 40px; }
    ol > li:before {
      content: "\3010" counter(number) "\3011   ";
      left: 0;
      top: 0; }
    ol > li > ol > li {
      padding-left: 30px; }
      ol > li > ol > li:before {
        content: "(" counter(number) ") ";
        left: 0;
        top: 0; }
  ol.list_number > li {
    padding-left: 20px; }
    ol.list_number > li:before {
      content: counter(number) ".";
      left: 0;
      top: 0; }

.rules .text_area > p, .privacy .text_area > p {
  margin-left: 10px;
  margin-right: 10px; }

.rules .text_area > ol > li > ol, .privacy .text_area > ol > li > ol {
  margin-top: 10px; }

.contact_box {
  background: #e8e8e8;
  line-height: 1.4;
  display: inline-block;
  margin: 10px 10px 0 10px;
  padding: 10px; }
  .contact_box h5 {
    font-weight: bold;
    margin-bottom: 10px; }

.list_disc {
  list-style: disc;
  padding-left: 30px; }

.page_mascot .image_area {
  text-align: center; }
  .page_mascot .image_area .img_logo, .page_mascot .image_area .img_mascot {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .page_mascot .image_area .img_logo {
    max-width: 200px;
    width: auto;
    height: auto;
    margin-bottom: 20px; }
  .page_mascot .image_area .img_mascot {
    margin-bottom: 30px;
    width: auto;
    height: auto; }

#sitemap .content_sub_title {
  width: 100%; }

#sitemap .stadium_list {
  width: 100%; }

@media (min-width: 768px) {
  #sitemap .prefecture_box {
    display: block; } }

/* for文
-----------------------------------------------------*/
.mt_0 {
  margin-top: 0px !important; }

.mr_0 {
  margin-right: 0px !important; }

.mb_0 {
  margin-bottom: 0px !important; }

.ml_0 {
  margin-left: 0px !important; }

.pt_0 {
  padding-top: 0px !important; }

.pr_0 {
  padding-right: 0px !important; }

.pb_0 {
  padding-bottom: 0px !important; }

.pl_0 {
  padding-left: 0px !important; }

.pa_0 {
  padding: 0px !important; }

.mt_5 {
  margin-top: 5px !important; }

.mr_5 {
  margin-right: 5px !important; }

.mb_5 {
  margin-bottom: 5px !important; }

.ml_5 {
  margin-left: 5px !important; }

.pt_5 {
  padding-top: 5px !important; }

.pr_5 {
  padding-right: 5px !important; }

.pb_5 {
  padding-bottom: 5px !important; }

.pl_5 {
  padding-left: 5px !important; }

.pa_5 {
  padding: 5px !important; }

.mt_10 {
  margin-top: 10px !important; }

.mr_10 {
  margin-right: 10px !important; }

.mb_10 {
  margin-bottom: 10px !important; }

.ml_10 {
  margin-left: 10px !important; }

.pt_10 {
  padding-top: 10px !important; }

.pr_10 {
  padding-right: 10px !important; }

.pb_10 {
  padding-bottom: 10px !important; }

.pl_10 {
  padding-left: 10px !important; }

.pa_10 {
  padding: 10px !important; }

.mt_15 {
  margin-top: 15px !important; }

.mr_15 {
  margin-right: 15px !important; }

.mb_15 {
  margin-bottom: 15px !important; }

.ml_15 {
  margin-left: 15px !important; }

.pt_15 {
  padding-top: 15px !important; }

.pr_15 {
  padding-right: 15px !important; }

.pb_15 {
  padding-bottom: 15px !important; }

.pl_15 {
  padding-left: 15px !important; }

.pa_15 {
  padding: 15px !important; }

.mt_20 {
  margin-top: 20px !important; }

.mr_20 {
  margin-right: 20px !important; }

.mb_20 {
  margin-bottom: 20px !important; }

.ml_20 {
  margin-left: 20px !important; }

.pt_20 {
  padding-top: 20px !important; }

.pr_20 {
  padding-right: 20px !important; }

.pb_20 {
  padding-bottom: 20px !important; }

.pl_20 {
  padding-left: 20px !important; }

.pa_20 {
  padding: 20px !important; }

.mt_25 {
  margin-top: 25px !important; }

.mr_25 {
  margin-right: 25px !important; }

.mb_25 {
  margin-bottom: 25px !important; }

.ml_25 {
  margin-left: 25px !important; }

.pt_25 {
  padding-top: 25px !important; }

.pr_25 {
  padding-right: 25px !important; }

.pb_25 {
  padding-bottom: 25px !important; }

.pl_25 {
  padding-left: 25px !important; }

.pa_25 {
  padding: 25px !important; }

.mt_30 {
  margin-top: 30px !important; }

.mr_30 {
  margin-right: 30px !important; }

.mb_30 {
  margin-bottom: 30px !important; }

.ml_30 {
  margin-left: 30px !important; }

.pt_30 {
  padding-top: 30px !important; }

.pr_30 {
  padding-right: 30px !important; }

.pb_30 {
  padding-bottom: 30px !important; }

.pl_30 {
  padding-left: 30px !important; }

.pa_30 {
  padding: 30px !important; }

.mt_35 {
  margin-top: 35px !important; }

.mr_35 {
  margin-right: 35px !important; }

.mb_35 {
  margin-bottom: 35px !important; }

.ml_35 {
  margin-left: 35px !important; }

.pt_35 {
  padding-top: 35px !important; }

.pr_35 {
  padding-right: 35px !important; }

.pb_35 {
  padding-bottom: 35px !important; }

.pl_35 {
  padding-left: 35px !important; }

.pa_35 {
  padding: 35px !important; }

.mt_40 {
  margin-top: 40px !important; }

.mr_40 {
  margin-right: 40px !important; }

.mb_40 {
  margin-bottom: 40px !important; }

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

.pt_40 {
  padding-top: 40px !important; }

.pr_40 {
  padding-right: 40px !important; }

.pb_40 {
  padding-bottom: 40px !important; }

.pl_40 {
  padding-left: 40px !important; }

.pa_40 {
  padding: 40px !important; }

.mt_45 {
  margin-top: 45px !important; }

.mr_45 {
  margin-right: 45px !important; }

.mb_45 {
  margin-bottom: 45px !important; }

.ml_45 {
  margin-left: 45px !important; }

.pt_45 {
  padding-top: 45px !important; }

.pr_45 {
  padding-right: 45px !important; }

.pb_45 {
  padding-bottom: 45px !important; }

.pl_45 {
  padding-left: 45px !important; }

.pa_45 {
  padding: 45px !important; }

.mt_50 {
  margin-top: 50px !important; }

.mr_50 {
  margin-right: 50px !important; }

.mb_50 {
  margin-bottom: 50px !important; }

.ml_50 {
  margin-left: 50px !important; }

.pt_50 {
  padding-top: 50px !important; }

.pr_50 {
  padding-right: 50px !important; }

.pb_50 {
  padding-bottom: 50px !important; }

.pl_50 {
  padding-left: 50px !important; }

.pa_50 {
  padding: 50px !important; }

.mt_55 {
  margin-top: 55px !important; }

.mr_55 {
  margin-right: 55px !important; }

.mb_55 {
  margin-bottom: 55px !important; }

.ml_55 {
  margin-left: 55px !important; }

.pt_55 {
  padding-top: 55px !important; }

.pr_55 {
  padding-right: 55px !important; }

.pb_55 {
  padding-bottom: 55px !important; }

.pl_55 {
  padding-left: 55px !important; }

.pa_55 {
  padding: 55px !important; }

.mt_60 {
  margin-top: 60px !important; }

.mr_60 {
  margin-right: 60px !important; }

.mb_60 {
  margin-bottom: 60px !important; }

.ml_60 {
  margin-left: 60px !important; }

.pt_60 {
  padding-top: 60px !important; }

.pr_60 {
  padding-right: 60px !important; }

.pb_60 {
  padding-bottom: 60px !important; }

.pl_60 {
  padding-left: 60px !important; }

.pa_60 {
  padding: 60px !important; }

.mt_65 {
  margin-top: 65px !important; }

.mr_65 {
  margin-right: 65px !important; }

.mb_65 {
  margin-bottom: 65px !important; }

.ml_65 {
  margin-left: 65px !important; }

.pt_65 {
  padding-top: 65px !important; }

.pr_65 {
  padding-right: 65px !important; }

.pb_65 {
  padding-bottom: 65px !important; }

.pl_65 {
  padding-left: 65px !important; }

.pa_65 {
  padding: 65px !important; }

.mt_70 {
  margin-top: 70px !important; }

.mr_70 {
  margin-right: 70px !important; }

.mb_70 {
  margin-bottom: 70px !important; }

.ml_70 {
  margin-left: 70px !important; }

.pt_70 {
  padding-top: 70px !important; }

.pr_70 {
  padding-right: 70px !important; }

.pb_70 {
  padding-bottom: 70px !important; }

.pl_70 {
  padding-left: 70px !important; }

.pa_70 {
  padding: 70px !important; }

.mt_75 {
  margin-top: 75px !important; }

.mr_75 {
  margin-right: 75px !important; }

.mb_75 {
  margin-bottom: 75px !important; }

.ml_75 {
  margin-left: 75px !important; }

.pt_75 {
  padding-top: 75px !important; }

.pr_75 {
  padding-right: 75px !important; }

.pb_75 {
  padding-bottom: 75px !important; }

.pl_75 {
  padding-left: 75px !important; }

.pa_75 {
  padding: 75px !important; }

.mt_80 {
  margin-top: 80px !important; }

.mr_80 {
  margin-right: 80px !important; }

.mb_80 {
  margin-bottom: 80px !important; }

.ml_80 {
  margin-left: 80px !important; }

.pt_80 {
  padding-top: 80px !important; }

.pr_80 {
  padding-right: 80px !important; }

.pb_80 {
  padding-bottom: 80px !important; }

.pl_80 {
  padding-left: 80px !important; }

.pa_80 {
  padding: 80px !important; }

.mt_85 {
  margin-top: 85px !important; }

.mr_85 {
  margin-right: 85px !important; }

.mb_85 {
  margin-bottom: 85px !important; }

.ml_85 {
  margin-left: 85px !important; }

.pt_85 {
  padding-top: 85px !important; }

.pr_85 {
  padding-right: 85px !important; }

.pb_85 {
  padding-bottom: 85px !important; }

.pl_85 {
  padding-left: 85px !important; }

.pa_85 {
  padding: 85px !important; }

.mt_90 {
  margin-top: 90px !important; }

.mr_90 {
  margin-right: 90px !important; }

.mb_90 {
  margin-bottom: 90px !important; }

.ml_90 {
  margin-left: 90px !important; }

.pt_90 {
  padding-top: 90px !important; }

.pr_90 {
  padding-right: 90px !important; }

.pb_90 {
  padding-bottom: 90px !important; }

.pl_90 {
  padding-left: 90px !important; }

.pa_90 {
  padding: 90px !important; }

.mt_95 {
  margin-top: 95px !important; }

.mr_95 {
  margin-right: 95px !important; }

.mb_95 {
  margin-bottom: 95px !important; }

.ml_95 {
  margin-left: 95px !important; }

.pt_95 {
  padding-top: 95px !important; }

.pr_95 {
  padding-right: 95px !important; }

.pb_95 {
  padding-bottom: 95px !important; }

.pl_95 {
  padding-left: 95px !important; }

.pa_95 {
  padding: 95px !important; }

.mt_100 {
  margin-top: 100px !important; }

.mr_100 {
  margin-right: 100px !important; }

.mb_100 {
  margin-bottom: 100px !important; }

.ml_100 {
  margin-left: 100px !important; }

.pt_100 {
  padding-top: 100px !important; }

.pr_100 {
  padding-right: 100px !important; }

.pb_100 {
  padding-bottom: 100px !important; }

.pl_100 {
  padding-left: 100px !important; }

.pa_100 {
  padding: 100px !important; }

.mt_105 {
  margin-top: 105px !important; }

.mr_105 {
  margin-right: 105px !important; }

.mb_105 {
  margin-bottom: 105px !important; }

.ml_105 {
  margin-left: 105px !important; }

.pt_105 {
  padding-top: 105px !important; }

.pr_105 {
  padding-right: 105px !important; }

.pb_105 {
  padding-bottom: 105px !important; }

.pl_105 {
  padding-left: 105px !important; }

.pa_105 {
  padding: 105px !important; }

.mt_110 {
  margin-top: 110px !important; }

.mr_110 {
  margin-right: 110px !important; }

.mb_110 {
  margin-bottom: 110px !important; }

.ml_110 {
  margin-left: 110px !important; }

.pt_110 {
  padding-top: 110px !important; }

.pr_110 {
  padding-right: 110px !important; }

.pb_110 {
  padding-bottom: 110px !important; }

.pl_110 {
  padding-left: 110px !important; }

.pa_110 {
  padding: 110px !important; }

.mt_115 {
  margin-top: 115px !important; }

.mr_115 {
  margin-right: 115px !important; }

.mb_115 {
  margin-bottom: 115px !important; }

.ml_115 {
  margin-left: 115px !important; }

.pt_115 {
  padding-top: 115px !important; }

.pr_115 {
  padding-right: 115px !important; }

.pb_115 {
  padding-bottom: 115px !important; }

.pl_115 {
  padding-left: 115px !important; }

.pa_115 {
  padding: 115px !important; }

.mt_120 {
  margin-top: 120px !important; }

.mr_120 {
  margin-right: 120px !important; }

.mb_120 {
  margin-bottom: 120px !important; }

.ml_120 {
  margin-left: 120px !important; }

.pt_120 {
  padding-top: 120px !important; }

.pr_120 {
  padding-right: 120px !important; }

.pb_120 {
  padding-bottom: 120px !important; }

.pl_120 {
  padding-left: 120px !important; }

.pa_120 {
  padding: 120px !important; }

.mt_125 {
  margin-top: 125px !important; }

.mr_125 {
  margin-right: 125px !important; }

.mb_125 {
  margin-bottom: 125px !important; }

.ml_125 {
  margin-left: 125px !important; }

.pt_125 {
  padding-top: 125px !important; }

.pr_125 {
  padding-right: 125px !important; }

.pb_125 {
  padding-bottom: 125px !important; }

.pl_125 {
  padding-left: 125px !important; }

.pa_125 {
  padding: 125px !important; }

.mt_130 {
  margin-top: 130px !important; }

.mr_130 {
  margin-right: 130px !important; }

.mb_130 {
  margin-bottom: 130px !important; }

.ml_130 {
  margin-left: 130px !important; }

.pt_130 {
  padding-top: 130px !important; }

.pr_130 {
  padding-right: 130px !important; }

.pb_130 {
  padding-bottom: 130px !important; }

.pl_130 {
  padding-left: 130px !important; }

.pa_130 {
  padding: 130px !important; }

.mt_135 {
  margin-top: 135px !important; }

.mr_135 {
  margin-right: 135px !important; }

.mb_135 {
  margin-bottom: 135px !important; }

.ml_135 {
  margin-left: 135px !important; }

.pt_135 {
  padding-top: 135px !important; }

.pr_135 {
  padding-right: 135px !important; }

.pb_135 {
  padding-bottom: 135px !important; }

.pl_135 {
  padding-left: 135px !important; }

.pa_135 {
  padding: 135px !important; }

.mt_140 {
  margin-top: 140px !important; }

.mr_140 {
  margin-right: 140px !important; }

.mb_140 {
  margin-bottom: 140px !important; }

.ml_140 {
  margin-left: 140px !important; }

.pt_140 {
  padding-top: 140px !important; }

.pr_140 {
  padding-right: 140px !important; }

.pb_140 {
  padding-bottom: 140px !important; }

.pl_140 {
  padding-left: 140px !important; }

.pa_140 {
  padding: 140px !important; }

.mt_145 {
  margin-top: 145px !important; }

.mr_145 {
  margin-right: 145px !important; }

.mb_145 {
  margin-bottom: 145px !important; }

.ml_145 {
  margin-left: 145px !important; }

.pt_145 {
  padding-top: 145px !important; }

.pr_145 {
  padding-right: 145px !important; }

.pb_145 {
  padding-bottom: 145px !important; }

.pl_145 {
  padding-left: 145px !important; }

.pa_145 {
  padding: 145px !important; }

.mt_150 {
  margin-top: 150px !important; }

.mr_150 {
  margin-right: 150px !important; }

.mb_150 {
  margin-bottom: 150px !important; }

.ml_150 {
  margin-left: 150px !important; }

.pt_150 {
  padding-top: 150px !important; }

.pr_150 {
  padding-right: 150px !important; }

.pb_150 {
  padding-bottom: 150px !important; }

.pl_150 {
  padding-left: 150px !important; }

.pa_150 {
  padding: 150px !important; }

.mt_155 {
  margin-top: 155px !important; }

.mr_155 {
  margin-right: 155px !important; }

.mb_155 {
  margin-bottom: 155px !important; }

.ml_155 {
  margin-left: 155px !important; }

.pt_155 {
  padding-top: 155px !important; }

.pr_155 {
  padding-right: 155px !important; }

.pb_155 {
  padding-bottom: 155px !important; }

.pl_155 {
  padding-left: 155px !important; }

.pa_155 {
  padding: 155px !important; }

.mt_160 {
  margin-top: 160px !important; }

.mr_160 {
  margin-right: 160px !important; }

.mb_160 {
  margin-bottom: 160px !important; }

.ml_160 {
  margin-left: 160px !important; }

.pt_160 {
  padding-top: 160px !important; }

.pr_160 {
  padding-right: 160px !important; }

.pb_160 {
  padding-bottom: 160px !important; }

.pl_160 {
  padding-left: 160px !important; }

.pa_160 {
  padding: 160px !important; }

.mt_165 {
  margin-top: 165px !important; }

.mr_165 {
  margin-right: 165px !important; }

.mb_165 {
  margin-bottom: 165px !important; }

.ml_165 {
  margin-left: 165px !important; }

.pt_165 {
  padding-top: 165px !important; }

.pr_165 {
  padding-right: 165px !important; }

.pb_165 {
  padding-bottom: 165px !important; }

.pl_165 {
  padding-left: 165px !important; }

.pa_165 {
  padding: 165px !important; }

.mt_170 {
  margin-top: 170px !important; }

.mr_170 {
  margin-right: 170px !important; }

.mb_170 {
  margin-bottom: 170px !important; }

.ml_170 {
  margin-left: 170px !important; }

.pt_170 {
  padding-top: 170px !important; }

.pr_170 {
  padding-right: 170px !important; }

.pb_170 {
  padding-bottom: 170px !important; }

.pl_170 {
  padding-left: 170px !important; }

.pa_170 {
  padding: 170px !important; }

.mt_175 {
  margin-top: 175px !important; }

.mr_175 {
  margin-right: 175px !important; }

.mb_175 {
  margin-bottom: 175px !important; }

.ml_175 {
  margin-left: 175px !important; }

.pt_175 {
  padding-top: 175px !important; }

.pr_175 {
  padding-right: 175px !important; }

.pb_175 {
  padding-bottom: 175px !important; }

.pl_175 {
  padding-left: 175px !important; }

.pa_175 {
  padding: 175px !important; }

.mt_180 {
  margin-top: 180px !important; }

.mr_180 {
  margin-right: 180px !important; }

.mb_180 {
  margin-bottom: 180px !important; }

.ml_180 {
  margin-left: 180px !important; }

.pt_180 {
  padding-top: 180px !important; }

.pr_180 {
  padding-right: 180px !important; }

.pb_180 {
  padding-bottom: 180px !important; }

.pl_180 {
  padding-left: 180px !important; }

.pa_180 {
  padding: 180px !important; }

.mt_185 {
  margin-top: 185px !important; }

.mr_185 {
  margin-right: 185px !important; }

.mb_185 {
  margin-bottom: 185px !important; }

.ml_185 {
  margin-left: 185px !important; }

.pt_185 {
  padding-top: 185px !important; }

.pr_185 {
  padding-right: 185px !important; }

.pb_185 {
  padding-bottom: 185px !important; }

.pl_185 {
  padding-left: 185px !important; }

.pa_185 {
  padding: 185px !important; }

.mt_190 {
  margin-top: 190px !important; }

.mr_190 {
  margin-right: 190px !important; }

.mb_190 {
  margin-bottom: 190px !important; }

.ml_190 {
  margin-left: 190px !important; }

.pt_190 {
  padding-top: 190px !important; }

.pr_190 {
  padding-right: 190px !important; }

.pb_190 {
  padding-bottom: 190px !important; }

.pl_190 {
  padding-left: 190px !important; }

.pa_190 {
  padding: 190px !important; }

.mt_195 {
  margin-top: 195px !important; }

.mr_195 {
  margin-right: 195px !important; }

.mb_195 {
  margin-bottom: 195px !important; }

.ml_195 {
  margin-left: 195px !important; }

.pt_195 {
  padding-top: 195px !important; }

.pr_195 {
  padding-right: 195px !important; }

.pb_195 {
  padding-bottom: 195px !important; }

.pl_195 {
  padding-left: 195px !important; }

.pa_195 {
  padding: 195px !important; }

.mt_200 {
  margin-top: 200px !important; }

.mr_200 {
  margin-right: 200px !important; }

.mb_200 {
  margin-bottom: 200px !important; }

.ml_200 {
  margin-left: 200px !important; }

.pt_200 {
  padding-top: 200px !important; }

.pr_200 {
  padding-right: 200px !important; }

.pb_200 {
  padding-bottom: 200px !important; }

.pl_200 {
  padding-left: 200px !important; }

.pa_200 {
  padding: 200px !important; }

.mt_205 {
  margin-top: 205px !important; }

.mr_205 {
  margin-right: 205px !important; }

.mb_205 {
  margin-bottom: 205px !important; }

.ml_205 {
  margin-left: 205px !important; }

.pt_205 {
  padding-top: 205px !important; }

.pr_205 {
  padding-right: 205px !important; }

.pb_205 {
  padding-bottom: 205px !important; }

.pl_205 {
  padding-left: 205px !important; }

.pa_205 {
  padding: 205px !important; }

.mt_210 {
  margin-top: 210px !important; }

.mr_210 {
  margin-right: 210px !important; }

.mb_210 {
  margin-bottom: 210px !important; }

.ml_210 {
  margin-left: 210px !important; }

.pt_210 {
  padding-top: 210px !important; }

.pr_210 {
  padding-right: 210px !important; }

.pb_210 {
  padding-bottom: 210px !important; }

.pl_210 {
  padding-left: 210px !important; }

.pa_210 {
  padding: 210px !important; }

.mt_215 {
  margin-top: 215px !important; }

.mr_215 {
  margin-right: 215px !important; }

.mb_215 {
  margin-bottom: 215px !important; }

.ml_215 {
  margin-left: 215px !important; }

.pt_215 {
  padding-top: 215px !important; }

.pr_215 {
  padding-right: 215px !important; }

.pb_215 {
  padding-bottom: 215px !important; }

.pl_215 {
  padding-left: 215px !important; }

.pa_215 {
  padding: 215px !important; }

.mt_220 {
  margin-top: 220px !important; }

.mr_220 {
  margin-right: 220px !important; }

.mb_220 {
  margin-bottom: 220px !important; }

.ml_220 {
  margin-left: 220px !important; }

.pt_220 {
  padding-top: 220px !important; }

.pr_220 {
  padding-right: 220px !important; }

.pb_220 {
  padding-bottom: 220px !important; }

.pl_220 {
  padding-left: 220px !important; }

.pa_220 {
  padding: 220px !important; }

.mt_225 {
  margin-top: 225px !important; }

.mr_225 {
  margin-right: 225px !important; }

.mb_225 {
  margin-bottom: 225px !important; }

.ml_225 {
  margin-left: 225px !important; }

.pt_225 {
  padding-top: 225px !important; }

.pr_225 {
  padding-right: 225px !important; }

.pb_225 {
  padding-bottom: 225px !important; }

.pl_225 {
  padding-left: 225px !important; }

.pa_225 {
  padding: 225px !important; }

.mt_230 {
  margin-top: 230px !important; }

.mr_230 {
  margin-right: 230px !important; }

.mb_230 {
  margin-bottom: 230px !important; }

.ml_230 {
  margin-left: 230px !important; }

.pt_230 {
  padding-top: 230px !important; }

.pr_230 {
  padding-right: 230px !important; }

.pb_230 {
  padding-bottom: 230px !important; }

.pl_230 {
  padding-left: 230px !important; }

.pa_230 {
  padding: 230px !important; }

.mt_235 {
  margin-top: 235px !important; }

.mr_235 {
  margin-right: 235px !important; }

.mb_235 {
  margin-bottom: 235px !important; }

.ml_235 {
  margin-left: 235px !important; }

.pt_235 {
  padding-top: 235px !important; }

.pr_235 {
  padding-right: 235px !important; }

.pb_235 {
  padding-bottom: 235px !important; }

.pl_235 {
  padding-left: 235px !important; }

.pa_235 {
  padding: 235px !important; }

.mt_240 {
  margin-top: 240px !important; }

.mr_240 {
  margin-right: 240px !important; }

.mb_240 {
  margin-bottom: 240px !important; }

.ml_240 {
  margin-left: 240px !important; }

.pt_240 {
  padding-top: 240px !important; }

.pr_240 {
  padding-right: 240px !important; }

.pb_240 {
  padding-bottom: 240px !important; }

.pl_240 {
  padding-left: 240px !important; }

.pa_240 {
  padding: 240px !important; }

.mt_245 {
  margin-top: 245px !important; }

.mr_245 {
  margin-right: 245px !important; }

.mb_245 {
  margin-bottom: 245px !important; }

.ml_245 {
  margin-left: 245px !important; }

.pt_245 {
  padding-top: 245px !important; }

.pr_245 {
  padding-right: 245px !important; }

.pb_245 {
  padding-bottom: 245px !important; }

.pl_245 {
  padding-left: 245px !important; }

.pa_245 {
  padding: 245px !important; }

.mt_250 {
  margin-top: 250px !important; }

.mr_250 {
  margin-right: 250px !important; }

.mb_250 {
  margin-bottom: 250px !important; }

.ml_250 {
  margin-left: 250px !important; }

.pt_250 {
  padding-top: 250px !important; }

.pr_250 {
  padding-right: 250px !important; }

.pb_250 {
  padding-bottom: 250px !important; }

.pl_250 {
  padding-left: 250px !important; }

.pa_250 {
  padding: 250px !important; }

.mt_255 {
  margin-top: 255px !important; }

.mr_255 {
  margin-right: 255px !important; }

.mb_255 {
  margin-bottom: 255px !important; }

.ml_255 {
  margin-left: 255px !important; }

.pt_255 {
  padding-top: 255px !important; }

.pr_255 {
  padding-right: 255px !important; }

.pb_255 {
  padding-bottom: 255px !important; }

.pl_255 {
  padding-left: 255px !important; }

.pa_255 {
  padding: 255px !important; }

.mt_260 {
  margin-top: 260px !important; }

.mr_260 {
  margin-right: 260px !important; }

.mb_260 {
  margin-bottom: 260px !important; }

.ml_260 {
  margin-left: 260px !important; }

.pt_260 {
  padding-top: 260px !important; }

.pr_260 {
  padding-right: 260px !important; }

.pb_260 {
  padding-bottom: 260px !important; }

.pl_260 {
  padding-left: 260px !important; }

.pa_260 {
  padding: 260px !important; }

.mt_265 {
  margin-top: 265px !important; }

.mr_265 {
  margin-right: 265px !important; }

.mb_265 {
  margin-bottom: 265px !important; }

.ml_265 {
  margin-left: 265px !important; }

.pt_265 {
  padding-top: 265px !important; }

.pr_265 {
  padding-right: 265px !important; }

.pb_265 {
  padding-bottom: 265px !important; }

.pl_265 {
  padding-left: 265px !important; }

.pa_265 {
  padding: 265px !important; }

.mt_270 {
  margin-top: 270px !important; }

.mr_270 {
  margin-right: 270px !important; }

.mb_270 {
  margin-bottom: 270px !important; }

.ml_270 {
  margin-left: 270px !important; }

.pt_270 {
  padding-top: 270px !important; }

.pr_270 {
  padding-right: 270px !important; }

.pb_270 {
  padding-bottom: 270px !important; }

.pl_270 {
  padding-left: 270px !important; }

.pa_270 {
  padding: 270px !important; }

.mt_275 {
  margin-top: 275px !important; }

.mr_275 {
  margin-right: 275px !important; }

.mb_275 {
  margin-bottom: 275px !important; }

.ml_275 {
  margin-left: 275px !important; }

.pt_275 {
  padding-top: 275px !important; }

.pr_275 {
  padding-right: 275px !important; }

.pb_275 {
  padding-bottom: 275px !important; }

.pl_275 {
  padding-left: 275px !important; }

.pa_275 {
  padding: 275px !important; }

.mt_280 {
  margin-top: 280px !important; }

.mr_280 {
  margin-right: 280px !important; }

.mb_280 {
  margin-bottom: 280px !important; }

.ml_280 {
  margin-left: 280px !important; }

.pt_280 {
  padding-top: 280px !important; }

.pr_280 {
  padding-right: 280px !important; }

.pb_280 {
  padding-bottom: 280px !important; }

.pl_280 {
  padding-left: 280px !important; }

.pa_280 {
  padding: 280px !important; }

.mt_285 {
  margin-top: 285px !important; }

.mr_285 {
  margin-right: 285px !important; }

.mb_285 {
  margin-bottom: 285px !important; }

.ml_285 {
  margin-left: 285px !important; }

.pt_285 {
  padding-top: 285px !important; }

.pr_285 {
  padding-right: 285px !important; }

.pb_285 {
  padding-bottom: 285px !important; }

.pl_285 {
  padding-left: 285px !important; }

.pa_285 {
  padding: 285px !important; }

.mt_290 {
  margin-top: 290px !important; }

.mr_290 {
  margin-right: 290px !important; }

.mb_290 {
  margin-bottom: 290px !important; }

.ml_290 {
  margin-left: 290px !important; }

.pt_290 {
  padding-top: 290px !important; }

.pr_290 {
  padding-right: 290px !important; }

.pb_290 {
  padding-bottom: 290px !important; }

.pl_290 {
  padding-left: 290px !important; }

.pa_290 {
  padding: 290px !important; }

.mt_295 {
  margin-top: 295px !important; }

.mr_295 {
  margin-right: 295px !important; }

.mb_295 {
  margin-bottom: 295px !important; }

.ml_295 {
  margin-left: 295px !important; }

.pt_295 {
  padding-top: 295px !important; }

.pr_295 {
  padding-right: 295px !important; }

.pb_295 {
  padding-bottom: 295px !important; }

.pl_295 {
  padding-left: 295px !important; }

.pa_295 {
  padding: 295px !important; }

.mt_300 {
  margin-top: 300px !important; }

.mr_300 {
  margin-right: 300px !important; }

.mb_300 {
  margin-bottom: 300px !important; }

.ml_300 {
  margin-left: 300px !important; }

.pt_300 {
  padding-top: 300px !important; }

.pr_300 {
  padding-right: 300px !important; }

.pb_300 {
  padding-bottom: 300px !important; }

.pl_300 {
  padding-left: 300px !important; }

.pa_300 {
  padding: 300px !important; }

.mt_305 {
  margin-top: 305px !important; }

.mr_305 {
  margin-right: 305px !important; }

.mb_305 {
  margin-bottom: 305px !important; }

.ml_305 {
  margin-left: 305px !important; }

.pt_305 {
  padding-top: 305px !important; }

.pr_305 {
  padding-right: 305px !important; }

.pb_305 {
  padding-bottom: 305px !important; }

.pl_305 {
  padding-left: 305px !important; }

.pa_305 {
  padding: 305px !important; }

.mt_310 {
  margin-top: 310px !important; }

.mr_310 {
  margin-right: 310px !important; }

.mb_310 {
  margin-bottom: 310px !important; }

.ml_310 {
  margin-left: 310px !important; }

.pt_310 {
  padding-top: 310px !important; }

.pr_310 {
  padding-right: 310px !important; }

.pb_310 {
  padding-bottom: 310px !important; }

.pl_310 {
  padding-left: 310px !important; }

.pa_310 {
  padding: 310px !important; }

.mt_315 {
  margin-top: 315px !important; }

.mr_315 {
  margin-right: 315px !important; }

.mb_315 {
  margin-bottom: 315px !important; }

.ml_315 {
  margin-left: 315px !important; }

.pt_315 {
  padding-top: 315px !important; }

.pr_315 {
  padding-right: 315px !important; }

.pb_315 {
  padding-bottom: 315px !important; }

.pl_315 {
  padding-left: 315px !important; }

.pa_315 {
  padding: 315px !important; }

.mt_320 {
  margin-top: 320px !important; }

.mr_320 {
  margin-right: 320px !important; }

.mb_320 {
  margin-bottom: 320px !important; }

.ml_320 {
  margin-left: 320px !important; }

.pt_320 {
  padding-top: 320px !important; }

.pr_320 {
  padding-right: 320px !important; }

.pb_320 {
  padding-bottom: 320px !important; }

.pl_320 {
  padding-left: 320px !important; }

.pa_320 {
  padding: 320px !important; }

.mt_325 {
  margin-top: 325px !important; }

.mr_325 {
  margin-right: 325px !important; }

.mb_325 {
  margin-bottom: 325px !important; }

.ml_325 {
  margin-left: 325px !important; }

.pt_325 {
  padding-top: 325px !important; }

.pr_325 {
  padding-right: 325px !important; }

.pb_325 {
  padding-bottom: 325px !important; }

.pl_325 {
  padding-left: 325px !important; }

.pa_325 {
  padding: 325px !important; }

.mt_330 {
  margin-top: 330px !important; }

.mr_330 {
  margin-right: 330px !important; }

.mb_330 {
  margin-bottom: 330px !important; }

.ml_330 {
  margin-left: 330px !important; }

.pt_330 {
  padding-top: 330px !important; }

.pr_330 {
  padding-right: 330px !important; }

.pb_330 {
  padding-bottom: 330px !important; }

.pl_330 {
  padding-left: 330px !important; }

.pa_330 {
  padding: 330px !important; }

.mt_335 {
  margin-top: 335px !important; }

.mr_335 {
  margin-right: 335px !important; }

.mb_335 {
  margin-bottom: 335px !important; }

.ml_335 {
  margin-left: 335px !important; }

.pt_335 {
  padding-top: 335px !important; }

.pr_335 {
  padding-right: 335px !important; }

.pb_335 {
  padding-bottom: 335px !important; }

.pl_335 {
  padding-left: 335px !important; }

.pa_335 {
  padding: 335px !important; }

.mt_340 {
  margin-top: 340px !important; }

.mr_340 {
  margin-right: 340px !important; }

.mb_340 {
  margin-bottom: 340px !important; }

.ml_340 {
  margin-left: 340px !important; }

.pt_340 {
  padding-top: 340px !important; }

.pr_340 {
  padding-right: 340px !important; }

.pb_340 {
  padding-bottom: 340px !important; }

.pl_340 {
  padding-left: 340px !important; }

.pa_340 {
  padding: 340px !important; }

.mt_345 {
  margin-top: 345px !important; }

.mr_345 {
  margin-right: 345px !important; }

.mb_345 {
  margin-bottom: 345px !important; }

.ml_345 {
  margin-left: 345px !important; }

.pt_345 {
  padding-top: 345px !important; }

.pr_345 {
  padding-right: 345px !important; }

.pb_345 {
  padding-bottom: 345px !important; }

.pl_345 {
  padding-left: 345px !important; }

.pa_345 {
  padding: 345px !important; }

.mt_350 {
  margin-top: 350px !important; }

.mr_350 {
  margin-right: 350px !important; }

.mb_350 {
  margin-bottom: 350px !important; }

.ml_350 {
  margin-left: 350px !important; }

.pt_350 {
  padding-top: 350px !important; }

.pr_350 {
  padding-right: 350px !important; }

.pb_350 {
  padding-bottom: 350px !important; }

.pl_350 {
  padding-left: 350px !important; }

.pa_350 {
  padding: 350px !important; }

.mt_355 {
  margin-top: 355px !important; }

.mr_355 {
  margin-right: 355px !important; }

.mb_355 {
  margin-bottom: 355px !important; }

.ml_355 {
  margin-left: 355px !important; }

.pt_355 {
  padding-top: 355px !important; }

.pr_355 {
  padding-right: 355px !important; }

.pb_355 {
  padding-bottom: 355px !important; }

.pl_355 {
  padding-left: 355px !important; }

.pa_355 {
  padding: 355px !important; }

.mt_360 {
  margin-top: 360px !important; }

.mr_360 {
  margin-right: 360px !important; }

.mb_360 {
  margin-bottom: 360px !important; }

.ml_360 {
  margin-left: 360px !important; }

.pt_360 {
  padding-top: 360px !important; }

.pr_360 {
  padding-right: 360px !important; }

.pb_360 {
  padding-bottom: 360px !important; }

.pl_360 {
  padding-left: 360px !important; }

.pa_360 {
  padding: 360px !important; }

.mt_365 {
  margin-top: 365px !important; }

.mr_365 {
  margin-right: 365px !important; }

.mb_365 {
  margin-bottom: 365px !important; }

.ml_365 {
  margin-left: 365px !important; }

.pt_365 {
  padding-top: 365px !important; }

.pr_365 {
  padding-right: 365px !important; }

.pb_365 {
  padding-bottom: 365px !important; }

.pl_365 {
  padding-left: 365px !important; }

.pa_365 {
  padding: 365px !important; }

.mt_370 {
  margin-top: 370px !important; }

.mr_370 {
  margin-right: 370px !important; }

.mb_370 {
  margin-bottom: 370px !important; }

.ml_370 {
  margin-left: 370px !important; }

.pt_370 {
  padding-top: 370px !important; }

.pr_370 {
  padding-right: 370px !important; }

.pb_370 {
  padding-bottom: 370px !important; }

.pl_370 {
  padding-left: 370px !important; }

.pa_370 {
  padding: 370px !important; }

.mt_375 {
  margin-top: 375px !important; }

.mr_375 {
  margin-right: 375px !important; }

.mb_375 {
  margin-bottom: 375px !important; }

.ml_375 {
  margin-left: 375px !important; }

.pt_375 {
  padding-top: 375px !important; }

.pr_375 {
  padding-right: 375px !important; }

.pb_375 {
  padding-bottom: 375px !important; }

.pl_375 {
  padding-left: 375px !important; }

.pa_375 {
  padding: 375px !important; }

.mt_380 {
  margin-top: 380px !important; }

.mr_380 {
  margin-right: 380px !important; }

.mb_380 {
  margin-bottom: 380px !important; }

.ml_380 {
  margin-left: 380px !important; }

.pt_380 {
  padding-top: 380px !important; }

.pr_380 {
  padding-right: 380px !important; }

.pb_380 {
  padding-bottom: 380px !important; }

.pl_380 {
  padding-left: 380px !important; }

.pa_380 {
  padding: 380px !important; }

.mt_385 {
  margin-top: 385px !important; }

.mr_385 {
  margin-right: 385px !important; }

.mb_385 {
  margin-bottom: 385px !important; }

.ml_385 {
  margin-left: 385px !important; }

.pt_385 {
  padding-top: 385px !important; }

.pr_385 {
  padding-right: 385px !important; }

.pb_385 {
  padding-bottom: 385px !important; }

.pl_385 {
  padding-left: 385px !important; }

.pa_385 {
  padding: 385px !important; }

.mt_390 {
  margin-top: 390px !important; }

.mr_390 {
  margin-right: 390px !important; }

.mb_390 {
  margin-bottom: 390px !important; }

.ml_390 {
  margin-left: 390px !important; }

.pt_390 {
  padding-top: 390px !important; }

.pr_390 {
  padding-right: 390px !important; }

.pb_390 {
  padding-bottom: 390px !important; }

.pl_390 {
  padding-left: 390px !important; }

.pa_390 {
  padding: 390px !important; }

.mt_395 {
  margin-top: 395px !important; }

.mr_395 {
  margin-right: 395px !important; }

.mb_395 {
  margin-bottom: 395px !important; }

.ml_395 {
  margin-left: 395px !important; }

.pt_395 {
  padding-top: 395px !important; }

.pr_395 {
  padding-right: 395px !important; }

.pb_395 {
  padding-bottom: 395px !important; }

.pl_395 {
  padding-left: 395px !important; }

.pa_395 {
  padding: 395px !important; }

.mt_400 {
  margin-top: 400px !important; }

.mr_400 {
  margin-right: 400px !important; }

.mb_400 {
  margin-bottom: 400px !important; }

.ml_400 {
  margin-left: 400px !important; }

.pt_400 {
  padding-top: 400px !important; }

.pr_400 {
  padding-right: 400px !important; }

.pb_400 {
  padding-bottom: 400px !important; }

.pl_400 {
  padding-left: 400px !important; }

.pa_400 {
  padding: 400px !important; }

.mt_405 {
  margin-top: 405px !important; }

.mr_405 {
  margin-right: 405px !important; }

.mb_405 {
  margin-bottom: 405px !important; }

.ml_405 {
  margin-left: 405px !important; }

.pt_405 {
  padding-top: 405px !important; }

.pr_405 {
  padding-right: 405px !important; }

.pb_405 {
  padding-bottom: 405px !important; }

.pl_405 {
  padding-left: 405px !important; }

.pa_405 {
  padding: 405px !important; }

.mt_410 {
  margin-top: 410px !important; }

.mr_410 {
  margin-right: 410px !important; }

.mb_410 {
  margin-bottom: 410px !important; }

.ml_410 {
  margin-left: 410px !important; }

.pt_410 {
  padding-top: 410px !important; }

.pr_410 {
  padding-right: 410px !important; }

.pb_410 {
  padding-bottom: 410px !important; }

.pl_410 {
  padding-left: 410px !important; }

.pa_410 {
  padding: 410px !important; }

.mt_415 {
  margin-top: 415px !important; }

.mr_415 {
  margin-right: 415px !important; }

.mb_415 {
  margin-bottom: 415px !important; }

.ml_415 {
  margin-left: 415px !important; }

.pt_415 {
  padding-top: 415px !important; }

.pr_415 {
  padding-right: 415px !important; }

.pb_415 {
  padding-bottom: 415px !important; }

.pl_415 {
  padding-left: 415px !important; }

.pa_415 {
  padding: 415px !important; }

.mt_420 {
  margin-top: 420px !important; }

.mr_420 {
  margin-right: 420px !important; }

.mb_420 {
  margin-bottom: 420px !important; }

.ml_420 {
  margin-left: 420px !important; }

.pt_420 {
  padding-top: 420px !important; }

.pr_420 {
  padding-right: 420px !important; }

.pb_420 {
  padding-bottom: 420px !important; }

.pl_420 {
  padding-left: 420px !important; }

.pa_420 {
  padding: 420px !important; }

.mt_425 {
  margin-top: 425px !important; }

.mr_425 {
  margin-right: 425px !important; }

.mb_425 {
  margin-bottom: 425px !important; }

.ml_425 {
  margin-left: 425px !important; }

.pt_425 {
  padding-top: 425px !important; }

.pr_425 {
  padding-right: 425px !important; }

.pb_425 {
  padding-bottom: 425px !important; }

.pl_425 {
  padding-left: 425px !important; }

.pa_425 {
  padding: 425px !important; }

.mt_430 {
  margin-top: 430px !important; }

.mr_430 {
  margin-right: 430px !important; }

.mb_430 {
  margin-bottom: 430px !important; }

.ml_430 {
  margin-left: 430px !important; }

.pt_430 {
  padding-top: 430px !important; }

.pr_430 {
  padding-right: 430px !important; }

.pb_430 {
  padding-bottom: 430px !important; }

.pl_430 {
  padding-left: 430px !important; }

.pa_430 {
  padding: 430px !important; }

.mt_435 {
  margin-top: 435px !important; }

.mr_435 {
  margin-right: 435px !important; }

.mb_435 {
  margin-bottom: 435px !important; }

.ml_435 {
  margin-left: 435px !important; }

.pt_435 {
  padding-top: 435px !important; }

.pr_435 {
  padding-right: 435px !important; }

.pb_435 {
  padding-bottom: 435px !important; }

.pl_435 {
  padding-left: 435px !important; }

.pa_435 {
  padding: 435px !important; }

.mt_440 {
  margin-top: 440px !important; }

.mr_440 {
  margin-right: 440px !important; }

.mb_440 {
  margin-bottom: 440px !important; }

.ml_440 {
  margin-left: 440px !important; }

.pt_440 {
  padding-top: 440px !important; }

.pr_440 {
  padding-right: 440px !important; }

.pb_440 {
  padding-bottom: 440px !important; }

.pl_440 {
  padding-left: 440px !important; }

.pa_440 {
  padding: 440px !important; }

.mt_445 {
  margin-top: 445px !important; }

.mr_445 {
  margin-right: 445px !important; }

.mb_445 {
  margin-bottom: 445px !important; }

.ml_445 {
  margin-left: 445px !important; }

.pt_445 {
  padding-top: 445px !important; }

.pr_445 {
  padding-right: 445px !important; }

.pb_445 {
  padding-bottom: 445px !important; }

.pl_445 {
  padding-left: 445px !important; }

.pa_445 {
  padding: 445px !important; }

.mt_450 {
  margin-top: 450px !important; }

.mr_450 {
  margin-right: 450px !important; }

.mb_450 {
  margin-bottom: 450px !important; }

.ml_450 {
  margin-left: 450px !important; }

.pt_450 {
  padding-top: 450px !important; }

.pr_450 {
  padding-right: 450px !important; }

.pb_450 {
  padding-bottom: 450px !important; }

.pl_450 {
  padding-left: 450px !important; }

.pa_450 {
  padding: 450px !important; }

.mt_455 {
  margin-top: 455px !important; }

.mr_455 {
  margin-right: 455px !important; }

.mb_455 {
  margin-bottom: 455px !important; }

.ml_455 {
  margin-left: 455px !important; }

.pt_455 {
  padding-top: 455px !important; }

.pr_455 {
  padding-right: 455px !important; }

.pb_455 {
  padding-bottom: 455px !important; }

.pl_455 {
  padding-left: 455px !important; }

.pa_455 {
  padding: 455px !important; }

.mt_460 {
  margin-top: 460px !important; }

.mr_460 {
  margin-right: 460px !important; }

.mb_460 {
  margin-bottom: 460px !important; }

.ml_460 {
  margin-left: 460px !important; }

.pt_460 {
  padding-top: 460px !important; }

.pr_460 {
  padding-right: 460px !important; }

.pb_460 {
  padding-bottom: 460px !important; }

.pl_460 {
  padding-left: 460px !important; }

.pa_460 {
  padding: 460px !important; }

.mt_465 {
  margin-top: 465px !important; }

.mr_465 {
  margin-right: 465px !important; }

.mb_465 {
  margin-bottom: 465px !important; }

.ml_465 {
  margin-left: 465px !important; }

.pt_465 {
  padding-top: 465px !important; }

.pr_465 {
  padding-right: 465px !important; }

.pb_465 {
  padding-bottom: 465px !important; }

.pl_465 {
  padding-left: 465px !important; }

.pa_465 {
  padding: 465px !important; }

.mt_470 {
  margin-top: 470px !important; }

.mr_470 {
  margin-right: 470px !important; }

.mb_470 {
  margin-bottom: 470px !important; }

.ml_470 {
  margin-left: 470px !important; }

.pt_470 {
  padding-top: 470px !important; }

.pr_470 {
  padding-right: 470px !important; }

.pb_470 {
  padding-bottom: 470px !important; }

.pl_470 {
  padding-left: 470px !important; }

.pa_470 {
  padding: 470px !important; }

.mt_475 {
  margin-top: 475px !important; }

.mr_475 {
  margin-right: 475px !important; }

.mb_475 {
  margin-bottom: 475px !important; }

.ml_475 {
  margin-left: 475px !important; }

.pt_475 {
  padding-top: 475px !important; }

.pr_475 {
  padding-right: 475px !important; }

.pb_475 {
  padding-bottom: 475px !important; }

.pl_475 {
  padding-left: 475px !important; }

.pa_475 {
  padding: 475px !important; }

.mt_480 {
  margin-top: 480px !important; }

.mr_480 {
  margin-right: 480px !important; }

.mb_480 {
  margin-bottom: 480px !important; }

.ml_480 {
  margin-left: 480px !important; }

.pt_480 {
  padding-top: 480px !important; }

.pr_480 {
  padding-right: 480px !important; }

.pb_480 {
  padding-bottom: 480px !important; }

.pl_480 {
  padding-left: 480px !important; }

.pa_480 {
  padding: 480px !important; }

.mt_485 {
  margin-top: 485px !important; }

.mr_485 {
  margin-right: 485px !important; }

.mb_485 {
  margin-bottom: 485px !important; }

.ml_485 {
  margin-left: 485px !important; }

.pt_485 {
  padding-top: 485px !important; }

.pr_485 {
  padding-right: 485px !important; }

.pb_485 {
  padding-bottom: 485px !important; }

.pl_485 {
  padding-left: 485px !important; }

.pa_485 {
  padding: 485px !important; }

.mt_490 {
  margin-top: 490px !important; }

.mr_490 {
  margin-right: 490px !important; }

.mb_490 {
  margin-bottom: 490px !important; }

.ml_490 {
  margin-left: 490px !important; }

.pt_490 {
  padding-top: 490px !important; }

.pr_490 {
  padding-right: 490px !important; }

.pb_490 {
  padding-bottom: 490px !important; }

.pl_490 {
  padding-left: 490px !important; }

.pa_490 {
  padding: 490px !important; }

.mt_495 {
  margin-top: 495px !important; }

.mr_495 {
  margin-right: 495px !important; }

.mb_495 {
  margin-bottom: 495px !important; }

.ml_495 {
  margin-left: 495px !important; }

.pt_495 {
  padding-top: 495px !important; }

.pr_495 {
  padding-right: 495px !important; }

.pb_495 {
  padding-bottom: 495px !important; }

.pl_495 {
  padding-left: 495px !important; }

.pa_495 {
  padding: 495px !important; }

.mt_500 {
  margin-top: 500px !important; }

.mr_500 {
  margin-right: 500px !important; }

.mb_500 {
  margin-bottom: 500px !important; }

.ml_500 {
  margin-left: 500px !important; }

.pt_500 {
  padding-top: 500px !important; }

.pr_500 {
  padding-right: 500px !important; }

.pb_500 {
  padding-bottom: 500px !important; }

.pl_500 {
  padding-left: 500px !important; }

.pa_500 {
  padding: 500px !important; }

@media screen and (min-width: 480px) {
  .no_view_up_sm {
    display: none; } }

@media screen and (min-width: 600px) {
  .no_view_up_md {
    display: none; } }

@media screen and (min-width: 768px) {
  .no_view_up_base {
    display: none; } }

@media screen and (min-width: 860px) {
  .no_view_up_lg {
    display: none; } }

@media screen and (min-width: 1024px) {
  .no_view_up_xl {
    display: none; } }

@media screen and (max-width: 479px) {
  .no_view_down_sm {
    display: none; } }

@media screen and (max-width: 599px) {
  .no_view_down_md {
    display: none; } }

@media screen and (max-width: 767px) {
  .no_view_down_base {
    display: none; } }

@media screen and (max-width: 859px) {
  .no_view_down_lg {
    display: none; } }

@media screen and (max-width: 1023px) {
  .no_view_down_xl {
    display: none; } }

@media screen and (min-width: 480px) {
  .view_up_sm {
    display: block; } }

@media screen and (min-width: 600px) {
  .view_up_md {
    display: block; } }

@media screen and (min-width: 768px) {
  .view_up_base {
    display: block; } }

@media screen and (min-width: 860px) {
  .view_up_lg {
    display: block; } }

@media screen and (min-width: 1024px) {
  .view_up_xl {
    display: block; } }

@media screen and (max-width: 479px) {
  .view_down_sm {
    display: block; } }

@media screen and (max-width: 599px) {
  .view_down_md {
    display: block; } }

@media screen and (max-width: 767px) {
  .view_down_base {
    display: block; } }

@media screen and (max-width: 859px) {
  .view_down_lg {
    display: block; } }

@media screen and (max-width: 1023px) {
  .view_down_xl {
    display: block; } }

@media screen and (min-width: 480px) {
  .text_center_up_sm {
    text-align: center !important; } }

@media screen and (min-width: 600px) {
  .text_center_up_md {
    text-align: center !important; } }

@media screen and (min-width: 768px) {
  .text_center_up_base {
    text-align: center !important; } }

@media screen and (min-width: 860px) {
  .text_center_up_lg {
    text-align: center !important; } }

@media screen and (min-width: 1024px) {
  .text_center_up_xl {
    text-align: center !important; } }

@media screen and (max-width: 479px) {
  .text_center_down_sm {
    text-align: center !important; } }

@media screen and (max-width: 599px) {
  .text_center_down_md {
    text-align: center !important; } }

@media screen and (max-width: 767px) {
  .text_center_down_base {
    text-align: center !important; } }

@media screen and (max-width: 859px) {
  .text_center_down_lg {
    text-align: center !important; } }

@media screen and (max-width: 1023px) {
  .text_center_down_xl {
    text-align: center !important; } }

html {
  font-size: 62.5%; }

/*------------------------------------------------------------
 header footer
------------------------------------------------------------*/
/* ページ別 color
------------------------------------------------------------*/
.common #nav_toggle div > span {
  background: #e4007f; }

.common #nav_toggle div p {
  color: #e4007f; }

.common #toggle_nav {
  background: #e4007f; }

.common #global_nav {
  background: #e4007f; }
  .common #global_nav .drop_down_nav li {
    background: #ff1899;
    border-style: solid;
    border-color: #e4007f;
    border-width: 0 1px 1px 1px; }

.common #footer .copyright {
  background: #e4007f; }

.dione #nav_toggle div > span {
  background: #0055aa; }

.dione #nav_toggle div p {
  color: #0055aa; }

.dione #toggle_nav {
  background: #0055aa; }

.dione #global_nav {
  background: #0055aa; }
  .dione #global_nav .drop_down_nav li {
    background: #006fdd;
    border-style: solid;
    border-color: #0055aa;
    border-width: 0 1px 1px 1px; }

.dione #footer .copyright {
  background: #0055aa; }

.astraia #nav_toggle div > span {
  background: #ed6d00; }

.astraia #nav_toggle div p {
  color: #ed6d00; }

.astraia #toggle_nav {
  background: #ed6d00; }

.astraia #global_nav {
  background: #ed6d00; }
  .astraia #global_nav .drop_down_nav li {
    background: #ff8721;
    border-style: solid;
    border-color: #ed6d00;
    border-width: 0 1px 1px 1px; }

.astraia #footer .copyright {
  background: #ed6d00; }

.flora #nav_toggle div > span {
  background: #601986; }

.flora #nav_toggle div p {
  color: #601986; }

.flora #toggle_nav {
  background: #601986; }

.flora #global_nav {
  background: #601986; }
  .flora #global_nav .drop_down_nav li {
    background: #7f21b1;
    border-style: solid;
    border-color: #601986;
    border-width: 0 1px 1px 1px; }

.flora #footer .copyright {
  background: #601986; }

.reia #nav_toggle div > span {
  background: #c30d23; }

.reia #nav_toggle div p {
  color: #c30d23; }

.reia #toggle_nav {
  background: #c30d23; }

.reia #global_nav {
  background: #c30d23; }
  .reia #global_nav .drop_down_nav li {
    background: #ef142e;
    border-style: solid;
    border-color: #c30d23;
    border-width: 0 1px 1px 1px; }

.reia #footer .copyright {
  background: #c30d23; }

/* header_top
------------------------------------------------------------*/
#header_top {
  height: 50px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  @media (min-width: 768px) {
    #header_top {
      max-width: 1024px;
      margin: 0 auto; } }
  #header_top .logo a {
    height: 30px;
    display: block; }
    #header_top .logo a img {
      height: 100%;
      margin: 0 0 0 10px; }

.common #header_top .logo a {
  height: 40px; }

/* navi
----------------------------------*/
.mascot_nav {
  background: #e8e8e8;
  text-align: center; }
  .mascot_nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%; }
    @media (min-width: 768px) {
      .mascot_nav ul {
        max-width: 1024px;
        margin: 0 auto; } }
    .mascot_nav ul li {
      width: calc(100% / 4); }
      .mascot_nav ul li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        width: 100%;
        padding: 10px 0; }
        @media screen and (max-width: 599px) {
          .mascot_nav ul li a img {
            height: 26px; } }
        .mascot_nav ul li a span {
          border-style: solid;
          border-color: #999999;
          border-width: 0 1px 0 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          display: block;
          width: 100%; }
      .mascot_nav ul li:last-child a span {
        border: none; }

@media (min-width: 768px) and (min-width: 768px) {
  .mascot_nav ul {
    max-width: 1024px;
    margin: 0 auto; } }

.icon_nav {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }
  @media (min-width: 768px) {
    .icon_nav {
      max-width: 1024px;
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    .icon_nav {
      height: 74px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  @media screen and (max-width: 767px) {
    .icon_nav {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .icon_nav li, .icon_nav a, .icon_nav div, .icon_nav p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .icon_nav li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      .icon_nav li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); } }
    .icon_nav li:hover {
      background: rgba(255, 255, 255, 0.1);
      text-decoration: none; }
    @media screen and (min-width: 768px) {
      .icon_nav li {
        font-size: 14px;
        width: calc(100% / 8); }
        .icon_nav li:last-child .inner {
          border: none; } }
    @media screen and (max-width: 859px) {
      .icon_nav li {
        font-size: 12px; } }
    @media screen and (max-width: 767px) {
      .icon_nav li {
        font-size: 12px;
        width: calc(100% / 4); }
        .icon_nav li:nth-child(4n) .inner, .icon_nav li:last-child .inner {
          border: none; } }
    @media screen and (max-width: 479px) {
      .icon_nav li {
        font-size: 10px; } }
    .icon_nav li a, .icon_nav li .drop_btn {
      color: #FFFFFF;
      text-align: center;
      display: block;
      text-decoration: none; }
      @media (max-width: 767px) {
        .icon_nav li a, .icon_nav li .drop_btn {
          padding: 15px 0; } }
      @media (min-width: 768px) {
        .icon_nav li a, .icon_nav li .drop_btn {
          padding: 10px 0; } }
      .icon_nav li a .inner, .icon_nav li .drop_btn .inner {
        border-style: solid;
        border-color: rgba(255, 255, 255, 0.3);
        border-width: 0 1px 0 0;
        margin: 0; }
        @media screen and (max-width: 767px) {
          .icon_nav li a .inner, .icon_nav li .drop_btn .inner {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap; } }
        .icon_nav li a .inner img, .icon_nav li .drop_btn .inner img {
          margin-right: 5px; }
          @media screen and (max-width: 767px) {
            .icon_nav li a .inner img, .icon_nav li .drop_btn .inner img {
              height: 20px; } }
          @media screen and (min-width: 768px) {
            .icon_nav li a .inner img, .icon_nav li .drop_btn .inner img {
              height: 30px;
              margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .icon_nav li:nth-child(4n) a .inner, .icon_nav li:nth-child(4n) .drop_btn .inner {
        border: none; } }

@media screen and (min-width: 480px) {
  .view_sm {
    display: none; } }

#global_nav {
  width: 100%; }
  @media (min-width: 768px) {
    #global_nav {
      margin: 0 0 20px 0; } }
  @media (max-width: 767px) {
    #global_nav {
      border-style: solid;
      border-color: white;
      border-width: 0 0 1px 0; } }
  @media screen and (min-width: 768px) {
    #global_nav {
      height: 74px; } }
  @media screen and (min-width: 768px) {
    #global_nav > li {
      height: 74px; } }
  #global_nav li {
    list-style: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    #global_nav li.close_drop_menu .drop_down_nav {
      display: none; }
    #global_nav li.open_drop_menu {
      position: relative; }
      #global_nav li.open_drop_menu .drop_down_nav {
        position: absolute;
        top: 72px;
        right: -50%;
        width: 200%;
        z-index: 999; }
        @media screen and (max-width: 767px) {
          #global_nav li.open_drop_menu .drop_down_nav {
            top: 50px; } }
        #global_nav li.open_drop_menu .drop_down_nav li {
          width: 100%; }
          #global_nav li.open_drop_menu .drop_down_nav li:hover {
            opacity: .8; }
    @media screen and (max-width: 767px) {
      #global_nav li:nth-child(4n).open_drop_menu .drop_down_nav {
        right: 0; }
      #global_nav li:first-child.open_drop_menu .drop_down_nav, #global_nav li:nth-child(5n).open_drop_menu .drop_down_nav {
        left: 0; } }
    @media screen and (min-width: 768px) {
      #global_nav li:last-child.open_drop_menu .drop_down_nav {
        right: 0; }
      #global_nav li:first-child.open_drop_menu .drop_down_nav {
        left: 0; } }

#nav_toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  cursor: pointer;
  height: 50px;
  width: 50px;
  position: absolute;
  right: 0;
  top: 0; }
  #nav_toggle div {
    position: relative;
    width: 30px;
    height: 40px; }
    #nav_toggle div > span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      left: 0;
      -webkit-transition: 0.35s ease-in-out;
      transition: 0.35s ease-in-out; }
      #nav_toggle div > span:nth-child(1) {
        top: 8px; }
      #nav_toggle div > span:nth-child(2) {
        top: 14px; }
      #nav_toggle div > span:nth-child(3) {
        top: 20px; }
    #nav_toggle div p {
      font-size: 10px;
      bottom: 0;
      position: absolute;
      font-weight: 600; }

.active #nav_toggle span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg); }

.active #nav_toggle span:nth-child(2) {
  width: 0;
  left: 50%; }

.active #nav_toggle span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-315deg);
          transform: rotate(-315deg); }

#toggle_nav {
  position: absolute;
  z-index: 99;
  color: #FFFFFF;
  font-size: 16px;
  display: none; }
  @media screen and (min-width: 768px) {
    #toggle_nav {
      width: 508px;
      right: calc((100% - 1024px) /2); } }
  @media screen and (max-width: 1023px) {
    #toggle_nav {
      width: 50%;
      right: 0; } }
  @media screen and (max-width: 767px) {
    #toggle_nav {
      width: 100%;
      font-size: 14px; } }
  #toggle_nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-top: dashed rgba(255, 255, 255, 0.5) 1px; }
  #toggle_nav ul, #toggle_nav li, #toggle_nav p, #toggle_nav a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  #toggle_nav p.title {
    padding: 10px; }
  #toggle_nav > a.title {
    padding: 10px 10px 10px 30px;
    margin: 0;
    background: url("/assets/images/common/icon_arrow_right.svg") no-repeat 10px center;
    background-size: 14px; }
  #toggle_nav p.title, #toggle_nav > a.title {
    border-top: solid rgba(255, 255, 255, 0.5) 2px;
    width: 100%; }
  #toggle_nav a {
    background: url("/assets/images/common/icon_arrow_right.svg") no-repeat left center;
    background-size: 14px;
    padding: 0 0 0 20px;
    display: block;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 0 10px;
    color: #FFFFFF; }
  #toggle_nav li {
    padding: 10px 0;
    width: 50%; }
    #toggle_nav li.long {
      width: 100%; }

#footer {
  border-style: solid;
  border-color: #e8e8e8;
  border-width: 1px 0 0 0;
  text-align: center; }
  #footer #footer_nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 20px 3px; }
    #footer #footer_nav ul li {
      border-style: solid;
      border-color: #333333;
      border-width: 0 1px 0 0;
      padding: 0 10px;
      margin: 0 0 15px 0; }
      #footer #footer_nav ul li:last-child {
        border: none; }
  #footer .logo img {
    width: 103px;
    height: auto;
    margin: 0 0 0 10px; }
    @media (min-width: 1024px) {
      #footer .logo img {
        margin: 0; } }
  #footer .copyright {
    margin: 10px 0 0 0;
    padding: 10px 0;
    color: #FFFFFF; }
  @media (min-width: 768px) {
    #footer #footer_nav {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 768px) and (min-width: 768px) {
    #footer #footer_nav {
      max-width: 1024px;
      margin: 0 auto; } }
  @media (min-width: 768px) {
      #footer #footer_nav .logo {
        margin-right: 10px; }
      #footer #footer_nav ul {
        width: auto;
        padding: 0; }
        #footer #footer_nav ul li {
          margin: 0; } }

html {
  font-size: 62.5%; }

/*------------------------------------------------------------
 news
------------------------------------------------------------*/
.category6 {
  background: #0055aa; }

.category4 {
  background: #ed6d00; }

.category3 {
  background: #601986; }

.category5 {
  background: #c30d23; }

.category1, .category2, .category8 {
  background: #e4007f; }

.category7 {
  background: #e8c200; }

.category9 {
  background: #ff73d3; }

.category_box .icon {
  background: #e4007f; }
  .category_box .icon.dione {
    background: #0055aa; }
  .category_box .icon.astraia {
    background: #ed6d00; }
  .category_box .icon.flora {
    background: #601986; }
  .category_box .icon.reia {
    background: #c30d23; }
  .category_box .icon.pickup {
    background: #e8c200; }
  .category_box .icon.tomo {
    background: #ff73d3; }

#news_page_list,
.news_list {
  margin-top: 20px; }
  #news_page_list li,
  .news_list li {
    border-style: dotted;
    border-color: #999999;
    border-width: 0 0 1px 0;
    padding: 10px; }
    @media (min-width: 768px) {
      #news_page_list li,
      .news_list li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: normal;
        -webkit-justify-content: normal;
            -ms-flex-pack: normal;
                justify-content: normal;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
        #news_page_list li .category_box .icon,
        .news_list li .category_box .icon {
          margin-right: 15px; } }
    @media (max-width: 767px) {
      #news_page_list li,
      .news_list li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: normal;
        -webkit-align-items: normal;
            -ms-flex-align: normal;
                align-items: normal;
        -webkit-box-pack: normal;
        -webkit-justify-content: normal;
            -ms-flex-pack: normal;
                justify-content: normal;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        #news_page_list li .date,
        .news_list li .date {
          height: 12px;
          padding: 5px 0; }
        #news_page_list li .category_box,
        .news_list li .category_box {
          width: calc(100% - 80px);
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: normal;
          -webkit-align-items: normal;
              -ms-flex-align: normal;
                  align-items: normal;
          -webkit-box-pack: normal;
          -webkit-justify-content: normal;
              -ms-flex-pack: normal;
                  justify-content: normal;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; }
          #news_page_list li .category_box .icon,
          .news_list li .category_box .icon {
            height: 12px;
            margin-right: 3px; } }
    #news_page_list li:last-child,
    .news_list li:last-child {
      border: none; }
    #news_page_list li .date,
    .news_list li .date {
      width: 80px; }
    #news_page_list li .title,
    .news_list li .title {
      font-weight: normal; }
      @media (min-width: 768px) {
        #news_page_list li .title,
        .news_list li .title {
          width: calc(100% - 190px); } }
      @media (max-width: 767px) {
        #news_page_list li .title,
        .news_list li .title {
          width: 100%;
          margin-top: 5px; } }
      #news_page_list li .title a,
      .news_list li .title a {
        text-decoration: underline;
        line-height: 1.4; }
        #news_page_list li .title a:hover,
        .news_list li .title a:hover {
          text-decoration: none; }
    #news_page_list li .category_box .icon,
    .news_list li .category_box .icon {
      display: block;
      padding: 5px; }

#news_page_list .category_box, .news_list .category_box {
  color: #FFFFFF; }
  #news_page_list .category_box .icon, .news_list .category_box .icon {
    font-size: 12px;
    width: 80px;
    text-align: center;
    margin-bottom: 3px; }
    #news_page_list .category_box .icon:last-child, .news_list .category_box .icon:last-child {
      margin-bottom: 0; }

#news_content {
  line-height: 1.6; }
  @media (max-width: 767px) {
    #news_content {
      padding: 20px 10px; } }
  @media (min-width: 768px) {
    #news_content {
      padding: 20px; } }
  #news_content p a, #news_content div a {
    color: #0066ff; }
  #news_content .btn a {
    color: #FFFFFF; }
  #news_content .img_area {
    text-align: center; }
    #news_content .img_area img {
      margin: 20px auto; }
      @media (max-width: 767px) {
        #news_content .img_area img {
          max-width: 100%; } }
      @media (min-width: 768px) {
        #news_content .img_area img {
          max-width: 90%; } }
  #news_content .underline_title {
    text-align: left;
    margin-top: 40px; }
    @media (max-width: 767px) {
      #news_content .underline_title {
        padding: 0 10px 8px 10px; } }
  #news_content .content_sub_title {
    margin-top: 30px; }
  #news_content .annotation {
    margin: 0 10px 10px 10px; }
  #news_content .btn {
    max-width: 800px;
    margin-top: 30px;
    line-height: 1.2; }
    #news_content .btn .return_btn {
      border-style: solid;
      border-color: white;
      border-width: 0 1px 0 0; }
      #news_content .btn .return_btn:last-child {
        border: none; }
  #news_content hr {
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 0 0 0;
    margin: 30px 0; }

.content_title .category_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .content_title .category_box .icon {
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 5px; }

.content_title .date {
  width: 96px;
  font-weight: normal;
  font-size: 12px;
  color: #999999; }

@media (min-width: 768px) {
  .content_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .content_title .category_box {
      width: 100%;
      margin-bottom: 10px; }
      .content_title .category_box .icon {
        margin-right: 10px; }
    .content_title .title {
      width: calc(100% - 116px); }
    .content_title .date {
      margin-left: auto; } }

@media (max-width: 767px) {
  .content_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .content_title .category_box {
      width: calc(100% - 100px);
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
      .content_title .category_box .icon {
        width: 85px;
        margin-left: 5px;
        margin-bottom: 5px; }
    .content_title .title {
      width: 100%;
      margin-top: 10px;
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3; }
    .content_title .date {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin: 0 0 5px 0; } }

#top #news .sec_title {
  margin-bottom: 0; }

html {
  font-size: 62.5%; }

/*------------------------------------------------------------
 stadium
------------------------------------------------------------*/
@media (min-width: 768px) {
  .common .stadium_list li .btn:after {
    color: #e4007f; } }

@media (min-width: 768px) {
  .common .prefecture_box {
    border-style: dotted;
    border-color: #ff73d3;
    border-width: 0 0 1px 0; }
    .common .prefecture_box .underline_title {
      background: #e4007f; } }

@media (max-width: 767px) {
  .common #stadium .content_title {
    border-style: solid;
    border-color: #e4007f;
    border-width: 0 0 2px 0; } }

@media (min-width: 768px) {
  .dione .stadium_list li .btn:after {
    color: #0055aa; } }

@media (min-width: 768px) {
  .dione .prefecture_box {
    border-style: dotted;
    border-color: #00b4ff;
    border-width: 0 0 1px 0; }
    .dione .prefecture_box .underline_title {
      background: #0055aa; } }

@media (max-width: 767px) {
  .dione #stadium .content_title {
    border-style: solid;
    border-color: #0055aa;
    border-width: 0 0 2px 0; } }

@media (min-width: 768px) {
  .astraia .stadium_list li .btn:after {
    color: #ed6d00; } }

@media (min-width: 768px) {
  .astraia .prefecture_box {
    border-style: dotted;
    border-color: black;
    border-width: 0 0 1px 0; }
    .astraia .prefecture_box .underline_title {
      background: #ed6d00; } }

@media (max-width: 767px) {
  .astraia #stadium .content_title {
    border-style: solid;
    border-color: #ed6d00;
    border-width: 0 0 2px 0; } }

@media (min-width: 768px) {
  .flora .stadium_list li .btn:after {
    color: #601986; } }

@media (min-width: 768px) {
  .flora .prefecture_box {
    border-style: dotted;
    border-color: #d01d7a;
    border-width: 0 0 1px 0; }
    .flora .prefecture_box .underline_title {
      background: #601986; } }

@media (max-width: 767px) {
  .flora #stadium .content_title {
    border-style: solid;
    border-color: #601986;
    border-width: 0 0 2px 0; } }

@media (min-width: 768px) {
  .reia .stadium_list li .btn:after {
    color: #c30d23; } }

@media (min-width: 768px) {
  .reia .prefecture_box {
    border-style: dotted;
    border-color: #f65097;
    border-width: 0 0 1px 0; }
    .reia .prefecture_box .underline_title {
      background: #c30d23; } }

@media (max-width: 767px) {
  .reia #stadium .content_title {
    border-style: solid;
    border-color: #c30d23;
    border-width: 0 0 2px 0; } }

@media (max-width: 767px) {
  #stadium .sec_title {
    margin-bottom: 0; }
  #stadium .content_title {
    text-align: center; } }

.prefecture_box {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .prefecture_box {
      padding-bottom: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: normal;
      -webkit-justify-content: normal;
          -ms-flex-pack: normal;
              justify-content: normal;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .prefecture_box:last-child {
        border: none; }
      .prefecture_box .underline_title {
        width: 100px;
        border-bottom: none;
        margin: 0;
        padding: 2px 0;
        color: #FFFFFF;
        font-weight: 600; } }

.stadium_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (max-width: 767px) {
    .stadium_list li {
      width: 100%;
      margin: 0 10px 10px 10px;
      text-align: center; }
      .stadium_list li:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .stadium_list li {
      margin: 5px 0 5px 20px; }
      .stadium_list li .btn {
        font-size: 14px;
        background: none;
        color: #333;
        font-weight: normal;
        padding: 0;
        height: auto;
        display: block; }
        .stadium_list li .btn:hover > span {
          text-decoration: none; }
        .stadium_list li .btn > span {
          text-decoration: underline; }
        .stadium_list li .btn:after {
          content: "\F105";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          margin-left: 5px;
          display: inline-block; } }

.map_area {
  width: 100%; }
  @media (max-width: 767px) {
    .map_area {
      height: 240px;
      margin-top: 30px; } }
  @media (min-width: 768px) {
    .map_area {
      height: 280px;
      margin-top: 10px; } }

.cf {
  clear: both;
  overflow: hidden; }

.stadium_detail dd {
  line-height: 1.4;
  margin: 0 0 10px 18px;
  text-indent: -18px; }
  .stadium_detail dd:last-child {
    margin-bottom: 0; }
  .stadium_detail dd .content_sub_title {
    margin-left: 0; }

.stadium_detail .image_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  position: relative; }
  .stadium_detail .image_area img {
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 1px 1px;
    min-height: 100px;
    width: 100%;
    z-index: 2; }
  .stadium_detail .image_area:before {
    content: "No Image";
    position: absolute;
    font-size: 18px;
    z-index: 1;
    color: #999999; }

@media (max-width: 767px) {
  .stadium_detail .image_area {
    width: 100%;
    margin-bottom: 20px; }
    .stadium_detail .image_area img {
      max-width: calc(100% - 2px); } }

@media (min-width: 768px) {
  .stadium_detail .image_area, .stadium_detail .map_area {
    width: 370px; }
  .stadium_detail .image_area {
    float: right; }
    .stadium_detail .image_area img {
      max-width: 370px;
      max-height: 300px;
      margin-bottom: 0 !important; }
  .stadium_detail .text_area {
    width: calc(100% - 400px);
    float: left; }
    .stadium_detail .text_area .underline_title {
      text-align: left; } }

html {
  font-size: 62.5%; }

/*------------------------------------------------------------
 birth-story
------------------------------------------------------------*/
.sec_title .sec_title_inner_image {
  text-align: left;
  height: 80px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .sec_title .sec_title_inner_image img {
    height: 60px; }

.about_birth_story {
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 952px;
  margin: 0 auto; }
  .about_birth_story .read_btn {
    display: block;
    position: absolute;
    bottom: 0;
    right: 1.2%;
    width: 18.5%;
    height: 29.4%;
    border-radius: 50%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    .about_birth_story .read_btn:hover {
      background: rgba(255, 255, 255, 0.3); }

@media (min-width: 768px) {
  .recommend_button_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-top: 40px; } }

@media (max-width: 767px) {
  .recommend_button_area .text_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }

.recommend_button_area .text_area_inner {
  background: #fff1f8;
  padding: 20px 30px;
  position: relative;
  display: inline-block;
  font-size: 18px;
  border-radius: 10px;
  line-height: 1.4; }
  .recommend_button_area .text_area_inner:before {
    content: "";
    position: absolute;
    z-index: 0; }
  @media (min-width: 768px) {
    .recommend_button_area .text_area_inner:before {
      border: 15px solid transparent;
      border-left: 15px solid #fff1f8;
      top: 50%;
      right: -30px;
      margin-top: -15px; } }
  @media (max-width: 767px) {
    .recommend_button_area .text_area_inner {
      margin: 20px auto 30px auto; }
      .recommend_button_area .text_area_inner:before {
        border: 15px solid transparent;
        border-top: 15px solid #fff1f8;
        bottom: -30px;
        right: 50%; } }

.recommend_button_area .btn_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .recommend_button_area .btn_area input, .recommend_button_area .btn_area .thanks_img {
    width: 100%;
    max-width: 100px;
    margin: 0 20px; }
  .recommend_button_area .btn_area .count_area {
    border: dotted 2px #e4007f;
    padding: 10px 20px;
    margin: 3px 0;
    border-radius: 3px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    font-size: 20px;
    font-weight: bold;
    color: #e4007f; }

.characters_list li {
  margin-bottom: 30px; }

@media (max-width: 767px) {
  .characters_list li {
    text-align: center; }
    .characters_list li:last-child {
      margin-bottom: 0; } }

@media (min-width: 768px) {
  .characters_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .characters_list li {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
      width: calc((100% - 30px) / 2); }
      .characters_list li:nth-child(even) {
        margin-left: 30px; }
      .characters_list li:nth-last-child(-n + 2) {
        margin-bottom: 0; }
      .characters_list li img {
        max-width: 463px;
        width: 100%; } }

.manga_area li {
  text-align: center; }
  .manga_area li img {
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 0 1px; }
    @media (min-width: 768px) {
      .manga_area li img {
        width: 80%; } }
  .manga_area li:last-child img {
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 1px 1px; }

html {
  font-size: 62.5%; }

/* ページ別 color
------------------------------------------------------------*/
.common .game_match {
  background: #e8e8e8; }
  .common .game_match .attack {
    background: #ff73d3; }

.common .game .reason {
  color: #ff73d3; }

.common .vs_person .out_area {
  color: #e4007f; }
  .common .vs_person .out_area span.select {
    background: #e4007f; }

.common .vs_person table th {
  background: #ff73d3; }
  .common .vs_person table th.now {
    background: #e4007f; }

.common .vs_person table td {
  background: #fff1f8; }

.dione .game_match {
  background: #e8e8e8; }
  .dione .game_match .attack {
    background: #00b4ff; }

.dione .game .reason {
  color: #00b4ff; }

.dione .vs_person .out_area {
  color: #0055aa; }
  .dione .vs_person .out_area span.select {
    background: #0055aa; }

.dione .vs_person table th {
  background: #00b4ff; }
  .dione .vs_person table th.now {
    background: #0055aa; }

.dione .vs_person table td {
  background: #e1effd; }

.astraia .game_match {
  background: #e8e8e8; }
  .astraia .game_match .attack {
    background: black; }

.astraia .game .reason {
  color: black; }

.astraia .vs_person .out_area {
  color: #ed6d00; }
  .astraia .vs_person .out_area span.select {
    background: #ed6d00; }

.astraia .vs_person table th {
  background: black; }
  .astraia .vs_person table th.now {
    background: #ed6d00; }

.astraia .vs_person table td {
  background: #ffddd0; }

.flora .game_match {
  background: #e8e8e8; }
  .flora .game_match .attack {
    background: #d01d7a; }

.flora .game .reason {
  color: #d01d7a; }

.flora .vs_person .out_area {
  color: #601986; }
  .flora .vs_person .out_area span.select {
    background: #601986; }

.flora .vs_person table th {
  background: #d01d7a; }
  .flora .vs_person table th.now {
    background: #601986; }

.flora .vs_person table td {
  background: #f8e4fc; }

.reia .game_match {
  background: #e8e8e8; }
  .reia .game_match .attack {
    background: #f65097; }

.reia .game .reason {
  color: #f65097; }

.reia .vs_person .out_area {
  color: #c30d23; }
  .reia .vs_person .out_area span.select {
    background: #c30d23; }

.reia .vs_person table th {
  background: #f65097; }
  .reia .vs_person table th.now {
    background: #c30d23; }

.reia .vs_person table td {
  background: #ffdfed; }

/*------------------------------------------------------------
 sokuhou
------------------------------------------------------------*/
/* 速報タイトル */
.sec_title .reload,
.sec_border_title .reload {
  position: absolute;
  opacity: .5;
  height: 24px;
  top: 28px;
  right: 20px; }
  .sec_title .reload.loading,
  .sec_border_title .reload.loading {
    -webkit-animation: loading-anime 0.75s linear infinite;
            animation: loading-anime 0.75s linear infinite; }

@-webkit-keyframes loading-anime {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes loading-anime {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.sec_title .loading_area,
.sec_border_title .loading_area {
  position: absolute;
  right: 5px; }

@media all and (min-width: 768px) and (-ms-high-contrast: none) {
  .sec_title .loading_area,
  .sec_border_title .loading_area {
    right: 5px;
    top: 5px; } }
  .sec_title .loading_area .btn_area,
  .sec_border_title .loading_area .btn_area {
    background: #555;
    color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 3px;
    margin-bottom: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    .sec_title .loading_area .btn_area img,
    .sec_border_title .loading_area .btn_area img {
      width: 18px; }
    .sec_title .loading_area .btn_area .reload,
    .sec_border_title .loading_area .btn_area .reload {
      top: 4px;
      right: 10px; }
    .sec_title .loading_area .btn_area:hover,
    .sec_border_title .loading_area .btn_area:hover {
      opacity: .8;
      text-decoration: none; }
  .sec_title .loading_area .aut_toggle,
  .sec_border_title .loading_area .aut_toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    font-size: 10px;
    background: #555;
    color: #FFFFFF;
    padding: 5px;
    border-radius: 3px; }

@media (max-width: 767px) {
  .sec_title .loading_area,
  .sec_border_title .loading_area {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .sec_title .loading_area .btn_area, .sec_title .loading_area .aut_toggle,
    .sec_border_title .loading_area .btn_area,
    .sec_border_title .loading_area .aut_toggle {
      position: absolute;
      border-radius: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 50%;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: normal;
      -webkit-justify-content: normal;
          -ms-flex-pack: normal;
              justify-content: normal;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
    .sec_title .loading_area .btn_area,
    .sec_border_title .loading_area .btn_area {
      left: 0;
      border-right: 1px #FFFFFF solid; }
      .sec_title .loading_area .btn_area .txt,
      .sec_border_title .loading_area .btn_area .txt {
        display: block;
        text-align: center;
        width: 100%; }
    .sec_title .loading_area .aut_toggle,
    .sec_border_title .loading_area .aut_toggle {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      font-size: 12px;
      right: 0; }
    .sec_title .loading_area .reload,
    .sec_border_title .loading_area .reload {
      top: 8px; } }

@media screen and (max-width: 767px) {
  #sokuhou_box .sec_title,
  #sokuhou_box .sec_border_title {
    margin-bottom: 50px !important; } }

.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 16px;
  margin-left: 8px; }
  .switch input {
    display: none; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    -webkit-transition: .4s;
    transition: .4s; }
    .switch .slider.round {
      border-radius: 20px; }
      .switch .slider.round:before {
        border-radius: 50%; }
    .switch .slider:before {
      position: absolute;
      content: "";
      height: 10px;
      width: 10px;
      left: 3px;
      bottom: 3px;
      background-color: #3c3c3c;
      -webkit-transition: .4s;
      transition: .4s; }
  .switch input:checked + .slider {
    background-color: #999999; }
  .switch input:checked + .slider:before {
    -webkit-transform: translateX(14px);
            transform: translateX(14px); }

/* 速報表示エリア */
#sokuhou_box .game_match {
  padding: 15px 0 10px 0;
  width: 100%; }

#sokuhou_box .game {
  text-align: center; }

#sokuhou_box .game_content {
  border: none;
  margin: 0 auto;
  width: 100%; }
  #sokuhou_box .game_content .vs {
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    font-weight: 600;
    margin: 5px auto 10px auto;
    color: #3c3c3c; }
    #sokuhou_box .game_content .vs .point_right, #sokuhou_box .game_content .vs .point_left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      background: #3c3c3c;
      border-radius: 5px;
      color: #FFFFFF;
      height: 30px;
      width: 30px; }
    #sokuhou_box .game_content .vs .point_right {
      margin: 0 0 0 10px; }
    #sokuhou_box .game_content .vs .point_left {
      margin: 0 10px 0 0; }

#sokuhou_box .date {
  margin: 0 0 10px 0; }

#sokuhou_box .vs_content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  @media screen and (min-width: 480px) {
    #sokuhou_box .vs_content {
      zoom: 1; }
      #sokuhou_box .vs_content:before, #sokuhou_box .vs_content:after {
        content: "";
        display: table; }
      #sokuhou_box .vs_content:after {
        clear: both; }
      #sokuhou_box .vs_content .left {
        float: right;
        padding-right: 30px; }
      #sokuhou_box .vs_content .right {
        float: left;
        padding-left: 30px; } }
  @media screen and (max-width: 479px) {
    #sokuhou_box .vs_content .left, #sokuhou_box .vs_content .right {
      float: none; }
    #sokuhou_box .vs_content > div {
      padding: 0 5px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: normal;
      -webkit-align-items: normal;
          -ms-flex-align: normal;
              align-items: normal;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }

#sokuhou_box .team_logo {
  width: calc((100% - 132px) / 2); }
  #sokuhou_box .team_logo img {
    height: 30px;
    margin-top: 5px; }
  #sokuhou_box .team_logo.lioness img {
    height: 40px;
    margin-top: 0; }

#sokuhou_box .vs_area {
  width: 103px; }

#sokuhou_box .place {
  margin: 0 0 5px 0;
  font-size: 14px;
  line-height: 1.2;
  text-align: center; }

#sokuhou_box .reason {
  margin-bottom: 0; }

#sokuhou_box .attack {
  color: #FFFFFF;
  font-size: 12px;
  margin: 8px auto;
  padding: 5px 5px 4px 5px;
  line-height: 1;
  width: 50px; }

/* スコアボード */
.scoreboard_area .scoreboard tr th:nth-last-child(2), .scoreboard_area .scoreboard tr td:nth-last-child(2) {
  border-left: 3px double #FFFFFF; }

.scoreboard_area .scoreboard th, .scoreboard_area .scoreboard td {
  background: #101010;
  color: #FFFFFF;
  font-weight: normal;
  text-align: center; }
  .scoreboard_area .scoreboard th a, .scoreboard_area .scoreboard td a {
    color: #FFFFFF; }
  .scoreboard_area .scoreboard th img, .scoreboard_area .scoreboard td img {
    height: 20px; }
  @media (max-width: 767px) {
    .scoreboard_area .scoreboard th, .scoreboard_area .scoreboard td {
      padding: 5px; } }
  @media (min-width: 768px) {
    .scoreboard_area .scoreboard th, .scoreboard_area .scoreboard td {
      padding: 10px 5px; } }

@media (min-width: 768px) {
  .scoreboard_area .scoreboard td {
    width: 54px; } }

/* 速報　VS 投手・打者 */
.vs_person {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .vs_person .person, .vs_person .vs {
    width: calc(100% / 3); }
  .vs_person .icon {
    color: #FFFFFF;
    background: #3c3c3c;
    text-align: center;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .vs_person .icon {
        padding: 5px; } }
    @media (min-width: 768px) {
      .vs_person .icon {
        padding: 10px 0;
        width: 70%; } }
  .vs_person .person .img_area {
    margin: 10px auto;
    width: 70%;
    height: auto; }
    .vs_person .person .img_area img {
      border-style: solid;
      border-color: #e8e8e8;
      border-width: 1px 1px 1px 1px;
      width: 100%;
      height: auto; }
  .vs_person .person .txt_area {
    line-height: 1.2; }
  .vs_person .out_area {
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px; }
    .vs_person .out_area span {
      background: #999999;
      border-radius: 10px;
      display: inline-block;
      margin-left: 8px;
      height: 10px;
      width: 10px; }
      @media (max-width: 767px) {
        .vs_person .out_area span {
          border-radius: 8px;
          height: 8px;
          width: 8px; } }
  .vs_person .vs .txt_vs {
    font-size: 16px;
    font-weight: 600;
    text-align: center; }
    @media (max-width: 767px) {
      .vs_person .vs .txt_vs {
        margin: 24px auto 0 auto; } }
    @media (min-width: 768px) {
      .vs_person .vs .txt_vs {
        margin: 10% auto 0 auto; } }
  .vs_person .vs .img_area {
    width: 70%;
    margin: 5px auto 8px auto; }
    @media (min-width: 768px) {
      .vs_person .vs .img_area {
        max-width: 120px; } }
  .vs_person table {
    font-size: 12px; }
    .vs_person table th, .vs_person table td {
      font-weight: normal;
      padding: 2px;
      text-align: center; }
      @media (min-width: 768px) {
        .vs_person table th, .vs_person table td {
          padding: 8px; } }

/* 試合情報 */
.two_lines_table th {
  width: 30%; }

.two_lines_table td {
  text-align: left;
  padding: 10px 15px; }

/* イニング情報 */
.inning_table_area table .icon {
  background: #3c3c3c;
  color: #FFFFFF;
  display: inline-block;
  margin-right: 10px;
  padding: 3px 10px;
  line-height: 100%; }

.td_txt_table td {
  line-height: 140% !important; }

.align_left_table th, .align_left_table td {
  text-align: left !important; }

/* 打撃・投手情報 */
.table_cell_title {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #3c3c3c;
  padding: 5px; }
  .table_cell_title.astraia_bg {
    background: #ed6d00; }
  .table_cell_title.dione_bg {
    background: #0055aa; }
  .table_cell_title.flora_bg {
    background: #601986; }
  .table_cell_title.reia_bg {
    background: #c30d23; }
  .table_cell_title img {
    height: 16px; }

.border_btm_white {
  border-style: solid;
  border-color: white;
  border-width: 0 0 1px 0; }

.record_table {
  margin-bottom: 1px; }
  @media (max-width: 767px) {
    .record_table th, .record_table td {
      width: 40px; }
      .record_table th.player, .record_table td.player {
        width: 100px; } }
  @media (min-width: 768px) {
    .record_table .player {
      width: 110px; } }

.hits {
  background: #ffb400; }

.side_fixed_scroll {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  position: relative; }
  .side_fixed_scroll .scroll_fixed_inner {
    width: auto;
    overflow: auto;
    margin-left: 0; }
  .side_fixed_scroll table {
    table-layout: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .side_fixed_scroll table td, .side_fixed_scroll table th {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 34px;
      padding: 0; }
    .side_fixed_scroll table tr.dummy, .side_fixed_scroll table tr.dummy * {
      height: 0;
      border: 0;
      font-size: 0;
      visibility: hidden;
      padding: 0; }
    .side_fixed_scroll table .dummy_fixed {
      width: 145px; }
    .side_fixed_scroll table .th_fixed {
      position: absolute;
      left: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .side_fixed_scroll table .th_fixed.player {
        width: 145px; }

@media (min-width: 768px) {
  .data_table_min_space {
    table-layout: fixed; } }

.data_table_min_space th, .data_table_min_space td {
  font-size: 12px;
  text-align: center; }

.data_table_min_space thead th {
  padding: 10px 0; }

.data_table_min_space tbody th, .data_table_min_space tbody td {
  padding: 0; }
  .data_table_min_space tbody th div, .data_table_min_space tbody td div {
    width: 100%;
    padding: 5px 0;
    border-top: 1px #FFFFFF solid; }
    .data_table_min_space tbody th div:first-child, .data_table_min_space tbody td div:first-child {
      border: none; }

.data_table_min_space tbody .bold td, .data_table_min_space tbody .bold th {
  padding: 10px 0; }
  .data_table_min_space tbody .bold td.txt_right, .data_table_min_space tbody .bold th.txt_right {
    padding-right: 10px; }

@media (max-width: 767px) {
  .sticky_table {
    display: block;
    position: relative;
    overflow: scroll;
    height: calc(50vh); }
    .sticky_table.sticky_table_short {
      height: 122px; }
    .sticky_table thead, .sticky_table tbody {
      display: block;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
    .sticky_table tbody th {
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      z-index: 1; }
    .sticky_table thead {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 2; }
      .sticky_table thead .blank {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 3; }
    .sticky_table.sticky_one_row {
      height: 66px; }
    .sticky_table.sticky_three_row {
      height: 132px; } }

/* ヒロインインタビュー */
.heroine_interview_area {
  border-style: solid;
  border-color: #e8e8e8;
  border-width: 0 0 1px 0;
  padding-bottom: 30px; }
  .heroine_interview_area:last-child {
    border: none;
    padding-bottom: 0; }
  .heroine_interview_area .title_area {
    font-size: 20px;
    font-weight: 600; }
    .heroine_interview_area .title_area .name {
      margin: 0 5px; }
  .heroine_interview_area .image_area img {
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 1px 1px;
    max-width: 164px;
    width: 100%; }
  @media (max-width: 767px) {
    .heroine_interview_area .title_area {
      text-align: center; }
    .heroine_interview_area .image_area {
      margin: 20px;
      text-align: center; } }
  @media (min-width: 768px) {
    .heroine_interview_area .heroine_interview_area_inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: normal;
      -webkit-align-items: normal;
          -ms-flex-align: normal;
              align-items: normal;
      -webkit-box-pack: normal;
      -webkit-justify-content: normal;
          -ms-flex-pack: normal;
              justify-content: normal;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .heroine_interview_area .heroine_interview_area_inner .text_area {
        margin-left: 30px;
        width: calc(100% - 196px); } }

/* スコアボード下ムービーエリア */
.movie_area {
  text-align: center; }

html {
  font-size: 62.5%; }

html {
  font-size: 62.5%; }

html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal; }

.lightbox .lb-image {
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */ }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: calc(100% - 120px) !important;
  height: 100vh !important;
  margin: 0 auto;
  background: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  /* Background color behind image.
     This is visible during transitions. */ }

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: -60px;
  top: 0;
  position: relative;
  float: left;
  background: url(/assets/images/lp/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s; }
  @media screen and (max-width: 767px) {
    .lb-nav a.lb-prev {
      background: none; } }

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-nav a.lb-next {
  width: 64%;
  right: -60px;
  position: relative;
  float: right;
  background: url(/assets/images/lp/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s; }
  @media screen and (max-width: 767px) {
    .lb-nav a.lb-next {
      background: none; } }

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
  display: none; }

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em; }

.lb-data .lb-caption a {
  color: #4ae; }

.lb-data .lb-number {
  display: none; }

.lb-data .lb-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: url(/assets/images/lp/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  z-index: 999999999; }

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lp {
  width: 100%; }
  .lp img {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .lp section {
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .lp section {
      margin-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .lp .sec_title {
      margin-bottom: 30px; } }
  .lp .text_area {
    line-height: 1.8; }
    @media screen and (min-width: 768px) {
      .lp .text_area {
        font-size: 24px; } }
    @media screen and (max-width: 767px) {
      .lp .text_area {
        font-size: 12px; } }
  .lp .lp_inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (max-width: 1023px) {
      .lp .lp_inner {
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
  .lp .main_image {
    margin-bottom: 0;
    padding: 0; }
    .lp .main_image.slider_area .slide-dots {
      bottom: 30px; }
      .lp .main_image.slider_area .slide-dots li button {
        background: #FFF; }
      .lp .main_image.slider_area .slide-dots li.slick-active button {
        background: #9fa0a0; }
    .lp .main_image.slider_area .slick-slide {
      padding: 0;
      margin: 0 0 -3px 0; }
      .lp .main_image.slider_area .slick-slide > div {
        padding: 0;
        margin: 0; }
  @media screen and (min-width: 768px) {
    .lp .opening .photo {
      margin-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    .lp .opening .photo {
      margin-bottom: 25px; } }
  @media screen and (max-width: 767px) {
    .lp .more_txt {
      height: 180px;
      overflow: hidden;
      position: relative;
      margin: 0; }
      .lp .more_txt .btn {
        font-size: 15px;
        height: 46px;
        border-radius: 0;
        max-width: 514px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: pointer; }
        .lp .more_txt .btn span {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap; }
        .lp .more_txt .btn span:after {
          font-size: 20px;
          margin-left: 5px; }
        .lp .more_txt .btn.open {
          border: solid 2px #a08148;
          background: #d9b674;
          color: #FFF; }
          .lp .more_txt .btn.open span:after {
            content: "\F107";
            font-family: "Font Awesome 5 Free";
            font-weight: 900; }
        .lp .more_txt .btn.close {
          border: solid 2px #b5b5b5;
          background: #dcdcdc;
          color: #000; }
          .lp .more_txt .btn.close span:after {
            content: "\F106";
            font-family: "Font Awesome 5 Free";
            font-weight: 900; }
      .lp .more_txt .more_btn {
        display: block;
        width: calc(100% - 30px);
        padding: 80px 15px 0 15px;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center; }
      .lp .more_txt.slide_up .more_btn {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, white));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 60%);
        filter: progid:DXImageTransform.Microsoft.gradient(
 startColorstr='#00ffffff',
 endColorstr='#ffffff',
 GradientType=0
 ); }
      .lp .more_txt.slide_down {
        height: auto;
        overflow: visible;
        padding-bottom: 65px; } }
  @media screen and (min-width: 768px) {
    .lp .more_txt .more_btn {
      display: none; } }
  .lp .game_list .flex_space_between_wrap > div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      .lp .game_list .flex_space_between_wrap > div {
        width: calc(50% - 15px);
        margin-bottom: 50px; }
        .lp .game_list .flex_space_between_wrap > div:nth-last-child(-n + 2) {
          margin-bottom: 0; } }
    @media screen and (max-width: 767px) {
      .lp .game_list .flex_space_between_wrap > div {
        width: 100%;
        margin-bottom: 25px; }
        .lp .game_list .flex_space_between_wrap > div:last-child {
          margin-bottom: 0; } }
  @media screen and (min-width: 860px) {
    .lp .game_list .game_title, .lp .game_list .match_name {
      font-size: 20px; } }
  @media screen and (max-width: 859px) {
    .lp .game_list .game_title, .lp .game_list .match_name {
      font-size: 18px; } }
  @media screen and (min-width: 768px) {
    .lp .game_list .game_title {
      padding: 8px;
      margin-bottom: 15px; }
    .lp .game_list .match_name {
      margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .lp .game_list .game_title, .lp .game_list .match_name {
      font-size: 14px; }
    .lp .game_list .game_title {
      padding: 5px;
      margin-bottom: 10px; }
    .lp .game_list .match_name {
      margin-bottom: 15px; } }
  .lp .game_list .game_title {
    background: #d9b674;
    color: #FFF; }
  .lp .game_list .match_name, .lp .game_list .game_title {
    font-weight: 600;
    text-align: center; }
  .lp .game_list .vs_game {
    zoom: 1; }
    .lp .game_list .vs_game:before, .lp .game_list .vs_game:after {
      content: "";
      display: table; }
    .lp .game_list .vs_game:after {
      clear: both; }
    .lp .game_list .vs_game table tr td {
      text-align: center; }
    .lp .game_list .vs_game table thead tr th, .lp .game_list .vs_game table thead tr td {
      background: #FFF;
      font-size: 12px; }
    .lp .game_list .vs_game table tbody tr td, .lp .game_list .vs_game table tbody tr th {
      padding: 10px 5px;
      border-width: 2px; }
    .lp .game_list .vs_game table tbody tr th {
      background: #f7f4d7;
      text-align: left;
      color: #000; }
    .lp .game_list .vs_game table tbody tr td {
      font-weight: 600; }
      .lp .game_list .vs_game table tbody tr td.bg_yellow {
        background: #ece1af; }
    @media screen and (min-width: 860px) {
      .lp .game_list .vs_game table {
        margin-bottom: 15px; }
        .lp .game_list .vs_game table tbody tr td, .lp .game_list .vs_game table tbody tr th {
          font-size: 16px; }
        .lp .game_list .vs_game table tbody tr td {
          width: 19px; } }
    @media screen and (max-width: 859px) {
      .lp .game_list .vs_game table {
        margin-bottom: 15px; }
        .lp .game_list .vs_game table tbody tr th {
          font-size: 12px; }
        .lp .game_list .vs_game table tbody tr td {
          font-size: 14px;
          width: 15px; } }
    @media screen and (max-width: 767px) {
      .lp .game_list .vs_game table {
        margin-bottom: 10px; }
        .lp .game_list .vs_game table tbody tr td {
          width: auto;
          font-size: 16px; }
        .lp .game_list .vs_game table tbody tr th {
          font-size: 11px;
          width: 160px; } }
    @media screen and (max-width: 599px) {
      .lp .game_list .vs_game table tbody tr td {
        font-size: 14px; }
      .lp .game_list .vs_game table tbody tr th {
        width: 140px; } }
    @media screen and (max-width: 479px) {
      .lp .game_list .vs_game table tbody tr td {
        font-size: 11px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 30px; }
      .lp .game_list .vs_game table tbody tr th {
        width: auto;
        font-size: 10px; } }
    .lp .game_list .vs_game .btn {
      font-size: 12px;
      background: url("/assets/images/lp/arrow.svg") no-repeat right 10px center #959595;
      border-radius: 12px;
      background-size: 12px;
      height: 24px;
      width: 120px;
      padding-right: 10px;
      float: right; }
  @media screen and (min-width: 768px) {
    .lp .best_performance .photo {
      margin-bottom: 50px; }
    .lp .best_performance .logo {
      margin-bottom: 30px;
      margin-top: 30px;
      width: 190px; }
    .lp .best_performance .score {
      margin-bottom: 36px;
      font-size: 24px; }
    .lp .best_performance .name {
      font-size: 54px; }
      .lp .best_performance .name span {
        font-size: 34px; }
    .lp .best_performance .team {
      font-size: 24px; }
    .lp .best_performance .name, .lp .best_performance .team {
      margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .lp .best_performance .sec_title {
      margin-bottom: 0; }
    .lp .best_performance .photo {
      margin-bottom: 15px; }
    .lp .best_performance .logo {
      margin-bottom: 20px;
      margin-top: 20px;
      width: 85px; }
    .lp .best_performance .title {
      width: 235px;
      height: auto; }
    .lp .best_performance .score {
      font-size: 12px;
      margin-bottom: 18px; }
    .lp .best_performance .team {
      font-size: 12px; }
    .lp .best_performance .name, .lp .best_performance .team {
      margin-bottom: 10px; }
    .lp .best_performance .name {
      font-size: 27px; }
      .lp .best_performance .name span {
        font-size: 17px; } }
  .lp .best_performance .logo {
    height: auto; }
  .lp .best_performance .name, .lp .best_performance .team {
    font-weight: 600; }
  .lp .award_area .btn, .lp .best_nine_area .btn {
    background: #d9b674;
    color: #FFF;
    border-radius: 0;
    max-width: 514px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      .lp .award_area .btn, .lp .best_nine_area .btn {
        font-size: 22px;
        height: 67px;
        margin-top: 50px;
        border: solid 5px #a08148; }
        .lp .award_area .btn p:after, .lp .best_nine_area .btn p:after {
          font-size: 26px; } }
    @media screen and (max-width: 767px) {
      .lp .award_area .btn, .lp .best_nine_area .btn {
        font-size: 15px;
        height: 46px;
        margin-top: 25px;
        border: solid 2px #a08148; }
        .lp .award_area .btn p:after, .lp .best_nine_area .btn p:after {
          font-size: 20px; } }
    .lp .award_area .btn p, .lp .best_nine_area .btn p {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
    .lp .award_area .btn p:after, .lp .best_nine_area .btn p:after {
      content: "\F105";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-left: 5px; }
  .lp .award_area {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .lp .award_area .flex_space_between_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: normal;
      -webkit-align-items: normal;
          -ms-flex-align: normal;
              align-items: normal;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .lp .award_area .flex_space_between_wrap > div {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center; }
    @media screen and (min-width: 768px) {
      .lp .award_area .flex_space_between_wrap > div {
        width: calc(50% - 15px);
        margin-bottom: 50px; }
      .lp .award_area .award {
        font-size: 20px; }
        .lp .award_area .award:before, .lp .award_area .award:after {
          content: url("/assets/images/lp/bg_award.png"); }
      .lp .award_area .name {
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 30px; }
        .lp .award_area .name span {
          font-size: 20px; }
      .lp .award_area .team, .lp .award_area .text {
        font-size: 20px; } }
    @media screen and (max-width: 767px) {
      .lp .award_area .flex_space_between_wrap > div {
        width: calc(50% - 10px);
        margin-bottom: 25px; }
      .lp .award_area .award {
        font-size: 10px;
        line-height: 1.4; }
        .lp .award_area .award:before, .lp .award_area .award:after {
          content: '';
          display: inline-block;
          width: 5px;
          height: 10px;
          background: url("/assets/images/lp/bg_award.png") no-repeat 0 center;
          background-size: 5px; }
      .lp .award_area .name {
        margin-top: 8px;
        margin-bottom: 5px;
        font-size: 15px; }
        .lp .award_area .name span {
          font-size: 10px; }
      .lp .award_area .team, .lp .award_area .text {
        font-size: 10px; } }
    .lp .award_area .award {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .lp .award_area .award:before, .lp .award_area .award:after {
        position: relative;
        padding-right: 5px;
        top: 0; }
      .lp .award_area .award:after {
        -webkit-transform: scale(-1, 1);
                transform: scale(-1, 1); }
      .lp .award_area .award.no_bg:before, .lp .award_area .award.no_bg:after {
        display: none; }
    .lp .award_area .name {
      font-weight: 600; }
    .lp .award_area .text {
      line-height: 1.6; }
    .lp .award_area .photo {
      margin-bottom: 20px;
      max-width: 100%; }
  .lp .best_nine_area .title {
    text-align: center; }
  .lp .best_nine_area .best_nine {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
  .lp .best_nine_area .text_area {
    text-align: center; }
  .lp .best_nine_area .name {
    font-weight: 600; }
  .lp .best_nine_area .slick-slide {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  @media screen and (min-width: 1024px) {
    .lp .best_nine_area .name {
      font-size: 28px; }
      .lp .best_nine_area .name span {
        font-size: 18px; }
    .lp .best_nine_area .team {
      font-size: 18px; } }
  @media screen and (max-width: 1023px) {
    .lp .best_nine_area .name {
      font-size: 22px; }
      .lp .best_nine_area .name span {
        font-size: 14px; }
    .lp .best_nine_area .team {
      font-size: 14px; } }
  @media screen and (max-width: 859px) {
    .lp .best_nine_area .name {
      font-size: 20px; } }
  @media screen and (min-width: 768px) {
    .lp .best_nine_area .title {
      margin-bottom: 30px; }
    .lp .best_nine_area .slick-slide {
      padding-left: 20px;
      padding-right: 20px; }
    .lp .best_nine_area .name {
      margin-top: 20px; }
    .lp .best_nine_area .btn {
      margin-bottom: 100px; } }
  @media screen and (max-width: 767px) {
    .lp .best_nine_area .title {
      margin-bottom: 15px; }
      .lp .best_nine_area .title img {
        width: 235px;
        height: auto; }
    .lp .best_nine_area .slick-slide {
      padding-left: 12px;
      padding-right: 12px; }
    .lp .best_nine_area .name {
      margin-top: 15px;
      font-size: 15px; }
      .lp .best_nine_area .name span {
        font-size: 10px; }
    .lp .best_nine_area .team {
      font-size: 10px; }
    .lp .best_nine_area .btn {
      margin-top: 15px;
      margin-bottom: 50px; } }
  @media screen and (min-width: 1024px) {
    .lp .record table th {
      font-size: 16px; }
    .lp .record table td {
      font-size: 18px; } }
  @media screen and (max-width: 1023px) {
    .lp .record table th {
      font-size: 13px; }
    .lp .record table td {
      font-size: 16px; } }
  @media screen and (max-width: 859px) {
    .lp .record table th {
      font-size: 12px; }
      .lp .record table th:nth-child(n + 3) {
        padding: 10px 0; }
    .lp .record table td {
      font-size: 14px; } }
  @media screen and (min-width: 768px) {
    .lp .record table {
      margin-bottom: 20px; }
    .lp .record .annotation {
      font-size: 20px; } }
  @media screen and (max-width: 767px) {
    .lp .record {
      margin-bottom: 30px; }
      .lp .record table {
        margin-bottom: 10px;
        height: 265px; }
        .lp .record table td {
          font-size: 12px; }
        .lp .record table thead th {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          height: 24px; }
          .lp .record table thead th:nth-child(n + 3) {
            padding: 0; }
        .lp .record table tbody td {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 5px;
          height: 24px; }
      .lp .record .annotation {
        font-size: 10px; } }
  @media screen and (max-width: 767px) {
    .lp .record.pitcher table thead th:nth-child(-n + 2),
    .lp .record.pitcher table tbody td:nth-child(-n + 2) {
      width: 100px; }
    .lp .record.pitcher table thead th:nth-child(n + 3),
    .lp .record.pitcher table tbody td:nth-child(n + 3) {
      width: 50px; } }
  @media screen and (max-width: 767px) {
    .lp .record.batter table thead th:nth-child(-n + 2),
    .lp .record.batter table tbody td:nth-child(-n + 2) {
      width: 150px; }
    .lp .record.batter table thead th:nth-child(n + 3),
    .lp .record.batter table tbody td:nth-child(n + 3) {
      width: 100px; } }
  @media screen and (max-width: 599px) {
    .lp .record.batter table thead th:nth-child(-n + 2),
    .lp .record.batter table tbody td:nth-child(-n + 2) {
      width: 127px; }
    .lp .record.batter table thead th:nth-child(n + 3),
    .lp .record.batter table tbody td:nth-child(n + 3) {
      width: 70px; } }
  @media screen and (max-width: 479px) {
    .lp .record.batter table thead th:nth-child(-n + 2),
    .lp .record.batter table tbody td:nth-child(-n + 2) {
      width: 100px; }
    .lp .record.batter table thead th:nth-child(n + 3),
    .lp .record.batter table tbody td:nth-child(n + 3) {
      width: 50px; } }
  .lp .record table td, .lp .record table th {
    border-width: 1px; }
  .lp .record table th {
    color: #333;
    font-weight: 400; }
  .lp .record table td {
    background: #FFF;
    padding: 5px 5px 3px 5px; }
    .lp .record table td:nth-child(-n + 2) {
      text-align: left; }
    .lp .record table td:nth-child(n + 3) {
      font-weight: 600;
      text-align: center; }
  .lp .record table.blue th {
    background: #a8d0ee; }
  .lp .record table.blue tr:nth-child(even) td {
    background: #e8f2fa; }
  .lp .record table.orange th {
    background: #edb285; }
  .lp .record table.orange tr:nth-child(even) td {
    background: #f8e2cf; }
  .lp .record .annotation {
    text-align: right; }
  .lp .record .flex_space_between_wrap {
    width: 100%; }
    .lp .record .flex_space_between_wrap table {
      width: calc(50% - 15px); }
  .lp .photo_gallery_area .green .slide_arrow,
  .lp .best_nine_area .green .slide_arrow {
    background: #45b035; }
  .lp .photo_gallery_area .pink .slide_arrow,
  .lp .best_nine_area .pink .slide_arrow {
    background: #f05097; }
  .lp .photo_gallery_area .slide_arrow,
  .lp .best_nine_area .slide_arrow {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #FFF; }
    .lp .photo_gallery_area .slide_arrow i,
    .lp .best_nine_area .slide_arrow i {
      font-size: 40px; }
  @media screen and (min-width: 768px) {
    .lp .photo_gallery_area .slide_arrow,
    .lp .best_nine_area .slide_arrow {
      width: 50px;
      height: 100px; }
      .lp .photo_gallery_area .slide_arrow i,
      .lp .best_nine_area .slide_arrow i {
        font-size: 40px; }
    .lp .photo_gallery_area .slick-list,
    .lp .best_nine_area .slick-list {
      width: calc(100% - 100px); } }
  @media screen and (max-width: 767px) {
    .lp .photo_gallery_area .slide_arrow,
    .lp .best_nine_area .slide_arrow {
      width: 25px;
      height: 50px; }
      .lp .photo_gallery_area .slide_arrow i,
      .lp .best_nine_area .slide_arrow i {
        font-size: 20px; }
    .lp .photo_gallery_area .slick-list,
    .lp .best_nine_area .slick-list {
      width: calc(100% - 50px); } }
  .lp .photo_gallery_area .photo_gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
  @media screen and (min-width: 768px) {
    .lp .photo_gallery_area .slide_arrow {
      width: 40px;
      height: 80px; }
      .lp .photo_gallery_area .slide_arrow i {
        font-size: 40px; }
    .lp .photo_gallery_area .slick-list {
      width: calc(100% - 80px); } }
  .lp .photo_gallery_area .slick-slide > div {
    border: #d2d2d2 solid 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (min-width: 860px) {
      .lp .photo_gallery_area .slick-slide > div {
        margin: 30px auto;
        width: 150px;
        height: 150px; }
        .lp .photo_gallery_area .slick-slide > div img {
          width: 146px;
          height: 146px; } }
    @media screen and (max-width: 859px) {
      .lp .photo_gallery_area .slick-slide > div {
        margin: 30px auto;
        width: 120px;
        height: 120px; }
        .lp .photo_gallery_area .slick-slide > div img {
          width: 116px;
          height: 116px; } }
    @media screen and (max-width: 767px) {
      .lp .photo_gallery_area .slick-slide > div {
        margin: 15px auto;
        width: 70px;
        height: 70px; }
        .lp .photo_gallery_area .slick-slide > div img {
          width: 66px;
          height: 66px; } }
    @media screen and (max-width: 479px) {
      .lp .photo_gallery_area .slick-slide > div {
        width: 60px;
        height: 60px; }
        .lp .photo_gallery_area .slick-slide > div img {
          width: 56px;
          height: 56px; } }
  @media screen and (max-width: 767px) {
    .lp .photo_gallery_area .slider_area .slide-dots {
      bottom: -20px; } }
  @media screen and (min-width: 768px) {
    .lp .photo_gallery_area .slider_area .slide-dots {
      bottom: -10px; } }
  .lp .photo_gallery_area .slider_area .slide-dots li button {
    background: #e5e5e5; }
  .lp .photo_gallery_area .slider_area .slide-dots li.slick-active button {
    background: #9fa0a0; }

img.ofi {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;'; }

#modal-win {
  width: 100%;
  position: absolute; }

#modal-win-inner {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  position: relative;
  z-index: 101; }

#modal-bg {
  width: 100%;
  height: 100%;
  background-color: #000000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  cursor: pointer; }

.modal_content {
  display: none; }

.text_marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), color-stop(10%, #ffd2e5));
  background: -webkit-linear-gradient(transparent 10%, #ffd2e5 10%);
  background: linear-gradient(transparent 10%, #ffd2e5 10%); }

.text_marker_orange {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), color-stop(10%, #ffbf7f));
  background: -webkit-linear-gradient(transparent 10%, #ffbf7f 10%);
  background: linear-gradient(transparent 10%, #ffbf7f 10%); }

.text_marker_red {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), color-stop(10%, #ffadad));
  background: -webkit-linear-gradient(transparent 10%, #ffadad 10%);
  background: linear-gradient(transparent 10%, #ffadad 10%); }

.text_marker_yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), color-stop(10%, #ffdc00));
  background: -webkit-linear-gradient(transparent 10%, #ffdc00 10%);
  background: linear-gradient(transparent 10%, #ffdc00 10%); }

.lp_basic .page_inner_link a {
  display: inline-block; }

.lp_basic .txt_area {
  line-height: 1.6; }

.lp_basic .inner_max_750, .lp_basic .inner_max_990, .lp_basic .inner_max_690 {
  padding-right: 20px;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto; }

.lp_basic .inner_max_750 {
  max-width: 750px; }

.lp_basic .inner_max_690 {
  max-width: 690px; }

.lp_basic .inner_max_990 {
  max-width: 990px; }

.lp_basic .img_list_area ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.lp_basic .flex_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

.lp_basic .player_content .name {
  font-weight: 600; }

.lp_basic .dark_red {
  color: #b6003d; }

.lp_basic .bg_gray {
  background: #eee; }

.lp_basic .bg_stripe_pink {
  background: url("https://www.jwbl.jp/media/2019/05/bg_stripe_yellow.gif") repeat; }

@media screen and (min-width: 750px) {
  .lp_basic .txt_area {
    font-size: 18px; }
  .lp_basic .player_content .name {
    font-size: 38px; }
  .lp_basic .player_content .name span {
    font-size: 22px; }
  .lp_basic .txt_30 {
    font-size: 28px; }
  .lp_basic .div_mb_50 > div, .lp_basic .page_inner_link a {
    margin-bottom: 50px; }
  .lp_basic .div_mt_100 > div {
    margin-top: 100px; }
  .lp_basic .div_mb_30 > div {
    margin-bottom: 30px; }
  .lp_basic .div_mb_20 > div {
    margin-bottom: 20px; }
  .lp_basic .img_list_area ul li {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-top: 50px; }
  .lp_basic .img_list_area ul li:nth-child(3n), .lp_basic .img_list_area ul li:last-child {
    margin-right: 0; }
  .lp_basic .player_content .img_area {
    width: 38%; }
  .lp_basic .player_content .txt_area {
    width: calc(62% - 30px);
    margin-left: 30px; } }

@media screen and (max-width: 749px) {
  .lp_basic .txt_area {
    font-size: 14px !important;
    line-height: 2.0; }
  .lp_basic .player_content .txt_area {
    font-size: 12px !important;
    line-height: 1.6; }
  .lp_basic .player_content .name {
    font-size: 18px; }
  .lp_basic .player_content .name span {
    font-size: 12px; }
  .lp_basic .txt_30 {
    font-size: 15px; }
  .lp_basic .sp_mb_15 {
    margin-bottom: 15px !important; }
  .lp_basic .sp_mt_25 {
    margin-top: 25px !important; }
  .lp_basic .sp_mt_50 {
    margin-top: 50px !important; }
  .lp_basic .sp_pb_25 {
    padding-bottom: 25px !important; }
  .lp_basic .sp_pb_50 {
    padding-bottom: 50px !important; }
  .lp_basic .sp_pt_25 {
    padding-top: 25px !important; }
  .lp_basic .div_mb_50 > div, .lp_basic .page_inner_link a {
    margin-bottom: 25px; }
  .lp_basic .div_mt_100 > div {
    margin-top: 50px; }
  .lp_basic .div_mb_30 > div {
    margin-bottom: 15px; }
  .lp_basic .div_mb_20 > div {
    margin-bottom: 10px; }
  .lp_basic .img_list_area ul li {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
    margin-top: 25px; }
  .lp_basic .img_list_area ul li:nth-child(2n), .lp_basic .img_list_area ul li:last-child {
    margin-right: 0; }
  .lp_basic .player_content .img_area {
    width: 38%; }
  .lp_basic .player_content .txt_area {
    width: calc(62% - 15px);
    margin-left: 15px; }
  .lp_basic .title_img img {
    height: 21.5px;
    width: auto; } }

.lp_basic .div_mb_50 > div:last-child,
.lp_basic .page_inner_link a:last-child,
.lp_basic .div_mb_30 > div:last-child,
.lp_basic .div_mb_20 > div:last-child {
  margin-bottom: 0; }

html {
  font-size: 62.5%; }

#league_content {
  width: 100%;
  font-size: 16px; }
  #league_content p {
    line-height: 1.8; }
  #league_content ul li {
    line-height: 1.8; }
  #league_content .opening .content_area {
    position: relative;
    background: url("/assets/images/league/main.jpg") no-repeat left top;
    background-size: cover; }
    #league_content .opening .content_area .text {
      font-weight: 600; }
      @media screen and (min-width: 1024px) {
        #league_content .opening .content_area .text p {
          padding: 50px 70px 220px 70px;
          font-size: 18px; } }
      @media screen and (max-width: 1023px) {
        #league_content .opening .content_area .text p {
          padding: 40px 45px 230px 45px;
          font-size: 17px; } }
      @media screen and (max-width: 859px) {
        #league_content .opening .content_area .text p {
          padding: 30px 30px 200px 30px;
          font-size: 16px; } }
      @media screen and (max-width: 767px) {
        #league_content .opening .content_area .text p {
          padding: 30px 30px 170px 30px;
          font-size: 14px; } }
      @media screen and (max-width: 599px) {
        #league_content .opening .content_area .text p {
          padding: 20px 20px 160px 20px;
          font-size: 12px; } }
  #league_content .history .sec_year {
    margin-bottom: 60px; }
    #league_content .history .sec_year:last-child {
      margin-bottom: 0; }
    #league_content .history .sec_year .img_area img {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: solid 1px #eeeeee; }
      #league_content .history .sec_year .img_area img.no_border {
        border: none; }
    #league_content .history .sec_year .img_area p {
      font-size: 12px;
      margin-top: 10px; }
  #league_content .history .logo {
    max-width: 300px;
    margin-bottom: 30px; }
  #league_content .history .history_title {
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    color: #a40b5d;
    margin-bottom: 30px; }
    #league_content .history .history_title h3 {
      display: inline-block; }
      #league_content .history .history_title h3:before, #league_content .history .history_title h3:after {
        content: "";
        display: inline-block;
        background: url("/assets/images/league/title.svg") no-repeat center left;
        background-size: auto 28px;
        height: 28px;
        width: 70px; }
      #league_content .history .history_title h3:after {
        -webkit-transform: scale(-1, 1);
                transform: scale(-1, 1); }
    @media screen and (max-width: 767px) {
      #league_content .history .history_title {
        font-size: 20px; }
        #league_content .history .history_title h3:before, #league_content .history .history_title h3:after {
          height: 20px;
          width: 40px;
          background-size: auto 14px; } }
  #league_content .history .sec_year_content {
    margin-bottom: 30px; }
    #league_content .history .sec_year_content:last-child {
      margin-bottom: 0; }
  #league_content .history .img_wrap {
    margin-top: 30px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      #league_content .history .img_wrap .img_area {
        margin-bottom: 30px; }
        #league_content .history .img_wrap .img_area:last-child {
          margin-bottom: 0; } }
  #league_content .history .history_catchphrase {
    font-size: 24px;
    color: #171c61;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.4; }
    @media screen and (max-width: 767px) {
      #league_content .history .history_catchphrase {
        font-size: 18px; } }
  #league_content .history .split_03 {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #league_content .history .split_03 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: normal;
        -webkit-align-items: normal;
            -ms-flex-align: normal;
                align-items: normal;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
        #league_content .history .split_03 .col_large {
          width: calc((100% - (100% / 3)) - 10px); }
        #league_content .history .split_03 .col_small {
          width: calc((100% / 3) - 10px); } }
    @media screen and (max-width: 767px) {
      #league_content .history .split_03 .col_small {
        margin-top: 30px; } }
  #league_content .history .split_02 {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #league_content .history .split_02 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: normal;
        -webkit-align-items: normal;
            -ms-flex-align: normal;
                align-items: normal;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
        #league_content .history .split_02 > div {
          width: calc(50% - 10px); }
        #league_content .history .split_02 .img_wrap {
          margin-top: 0; }
        #league_content .history .split_02 .newspaper {
          max-width: 340px;
          width: 100%; } }
    @media screen and (max-width: 1023px) {
      #league_content .history .split_02.xl_no_flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: normal;
        -webkit-align-items: normal;
            -ms-flex-align: normal;
                align-items: normal;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        #league_content .history .split_02.xl_no_flex > div {
          width: 100%; }
        #league_content .history .split_02.xl_no_flex .img_wrap {
          margin-top: 30px; } }
    #league_content .history .split_02 .split_02_inner > div {
      margin-bottom: 20px; }
      #league_content .history .split_02 .split_02_inner > div:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      #league_content .history .split_02 .split_02_inner {
        margin-bottom: 30px; }
        #league_content .history .split_02 .split_02_inner:last-child {
          margin-bottom: 0; }
        #league_content .history .split_02 .split_02_inner > div .img_area {
          margin-bottom: 20px; }
          #league_content .history .split_02 .split_02_inner > div .img_area:last-child {
            margin-bottom: 0; } }
  #league_content .history .game_software {
    max-width: 380px;
    width: 100%; }

html {
  font-size: 62.5%; }

/* 共通
------------------------------------------------------------*/
#result {
  width: 100%; }

.list_arrow li {
  line-height: 1.6;
  margin-bottom: 5px;
  padding: 0 10px; }
  .list_arrow li:before {
    margin-right: 5px; }

.list_arrow.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%; }
  .list_arrow.flex li {
    width: calc(50% - 20px); }

@media screen and (max-width: 767px) {
  .game_result_archive th, .game_result_archive td {
    width: 235px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .game_result_archive .game_date {
    width: 68px; }
  .game_result_archive .game_open_time {
    width: 46px; }
  .game_result_archive .game_movie {
    width: 35px; } }

/* ページ別 color
------------------------------------------------------------*/
.common .list_arrow li:before {
  content: "\F105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #e4007f; }

.dione .list_arrow li:before {
  content: "\F105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #0055aa; }

.astraia .list_arrow li:before {
  content: "\F105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ed6d00; }

.flora .list_arrow li:before {
  content: "\F105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #601986; }

.reia .list_arrow li:before {
  content: "\F105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #c30d23; }

html {
  font-size: 62.5%; }

/* ページ別 color
------------------------------------------------------------*/
.common #schedule_list .game .state {
  background: #ff73d3; }

.common #schedule_list .game .reason {
  color: #ff73d3; }

.dione #schedule_list .game .state {
  background: #00b4ff; }

.dione #schedule_list .game .reason {
  color: #00b4ff; }

.astraia #schedule_list .game .state {
  background: black; }

.astraia #schedule_list .game .reason {
  color: black; }

.flora #schedule_list .game .state {
  background: #d01d7a; }

.flora #schedule_list .game .reason {
  color: #d01d7a; }

.reia #schedule_list .game .state {
  background: #f65097; }

.reia #schedule_list .game .reason {
  color: #f65097; }

/*------------------------------------------------------------
 schedule
------------------------------------------------------------*/
@media (max-width: 767px) {
  #schedule .bg_gray_select_area {
    margin-bottom: 0; } }

@media (min-width: 768px) {
  #schedule .bg_gray_select_area {
    margin-bottom: 10px; } }

#schedule_list .home_game_color li {
  padding: 5px 0; }

@media (max-width: 767px) {
  #schedule_list .ticket_about_btn {
    background: #e8e8e8;
    padding: 20px 0;
    margin-top: 20px; }
    #schedule_list .ticket_about_btn a {
      margin-bottom: 10px; }
      #schedule_list .ticket_about_btn a:last-child {
        margin-bottom: 0; } }

@media (min-width: 768px) {
  #schedule_list .ticket_about_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    background: #e8e8e8;
    padding: 20px 30px;
    margin-top: 60px; }
    #schedule_list .ticket_about_btn a {
      width: calc(50% - 10px);
      margin: 0; } }

#schedule_list .icon_movie_area {
  display: block;
  position: relative; }
  #schedule_list .icon_movie_area .icon_movie {
    position: absolute;
    right: 10px;
    bottom: 14px; }
    #schedule_list .icon_movie_area .icon_movie svg {
      width: 30px;
      height: 30px; }
    #schedule_list .icon_movie_area .icon_movie:hover:hover {
      opacity: .7;
      text-decoration: none; }

#schedule_list .icon_sample {
  display: inline-block;
  border-style: solid;
  border-color: #e8e8e8;
  border-width: 1px 1px 1px 1px;
  width: 25px;
  height: 12px;
  margin: 0 3px -2px 2px; }

#schedule_list .no_schedule, #schedule_list .no_result {
  text-align: center; }

#schedule_list .game {
  text-align: center; }
  @media (max-width: 767px) {
    #schedule_list .game {
      margin: 0 10px; } }
  @media (min-width: 768px) {
    #schedule_list .game {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: normal;
      -webkit-align-items: normal;
          -ms-flex-align: normal;
              align-items: normal;
      -webkit-box-pack: normal;
      -webkit-justify-content: normal;
          -ms-flex-pack: normal;
              justify-content: normal;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  #schedule_list .game .game_content {
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 1px 1px 1px 1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding: 0; }
    #schedule_list .game .game_content .btn_area {
      width: 100%; }
      @media (min-width: 768px) {
        #schedule_list .game .game_content .btn_area.half {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 0 20px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: normal;
          -webkit-align-items: normal;
              -ms-flex-align: normal;
                  align-items: normal;
          -webkit-box-pack: normal;
          -webkit-justify-content: normal;
              -ms-flex-pack: normal;
                  justify-content: normal;
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap; }
          #schedule_list .game .game_content .btn_area.half div {
            width: calc(100% / 2); }
            #schedule_list .game .game_content .btn_area.half div:first-child {
              margin-right: 10px; }
            #schedule_list .game .game_content .btn_area.half div:last-child {
              margin-bottom: 20px; }
            #schedule_list .game .game_content .btn_area.half div a {
              margin: 0; } }
      @media (max-width: 767px) {
        #schedule_list .game .game_content .btn_area.half div {
          margin-bottom: 10px; }
          #schedule_list .game .game_content .btn_area.half div a {
            margin: 0 auto; }
          #schedule_list .game .game_content .btn_area.half div:last-child {
            margin-bottom: 20px; } }
    #schedule_list .game .game_content a {
      text-decoration: underline; }
      #schedule_list .game .game_content a.btn, #schedule_list .game .game_content a:hover {
        text-decoration: none; }
    #schedule_list .game .game_content .annotation {
      display: block;
      margin-bottom: 10px; }
    #schedule_list .game .game_content .underline_title {
      padding: 10px 0; }
    @media (min-width: 768px) {
      #schedule_list .game .game_content {
        width: calc(50% - 10px); }
        #schedule_list .game .game_content:nth-child(odd) {
          margin: 20px 20px 0 0; }
        #schedule_list .game .game_content:nth-child(even) {
          margin: 20px 0 0 0; }
        #schedule_list .game .game_content:nth-child(-n + 2) {
          margin-top: 0; } }
    @media (max-width: 767px) {
      #schedule_list .game .game_content {
        margin-bottom: 10px; }
        #schedule_list .game .game_content:last-child {
          margin: 0; } }
  #schedule_list .game .vs_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    font-size: 16px;
    margin: 0 0 15px 0;
    height: 40px; }
    #schedule_list .game .vs_content .vs {
      height: 30px;
      width: 90px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      font-weight: 600;
      color: #3c3c3c; }
    #schedule_list .game .vs_content .team_logo {
      height: 30px;
      width: calc((100% - 90px) / 2);
      zoom: 1; }
      #schedule_list .game .vs_content .team_logo:before, #schedule_list .game .vs_content .team_logo:after {
        content: "";
        display: table; }
      #schedule_list .game .vs_content .team_logo:after {
        clear: both; }
      #schedule_list .game .vs_content .team_logo.lioness {
        height: 40px; }
      #schedule_list .game .vs_content .team_logo img {
        height: 100%;
        width: auto; }
      #schedule_list .game .vs_content .team_logo:first-child {
        padding-left: 10px; }
        @media screen and (min-width: 480px) {
          #schedule_list .game .vs_content .team_logo:first-child img {
            float: right; } }
      #schedule_list .game .vs_content .team_logo:last-child {
        padding-right: 10px; }
        @media screen and (min-width: 480px) {
          #schedule_list .game .vs_content .team_logo:last-child img {
            float: left; } }
      @media screen and (max-width: 479px) {
        #schedule_list .game .vs_content .team_logo img {
          margin-right: auto;
          margin-left: auto; } }
    #schedule_list .game .vs_content .reason {
      margin-top: 10px;
      margin-bottom: 0; }
  #schedule_list .game .state {
    color: #FFFFFF;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px; }
  #schedule_list .game .reason {
    font-size: 90%;
    margin-bottom: 20px; }
  #schedule_list .game .date {
    margin: 0 0 5px 0; }
  #schedule_list .game .place {
    margin: 0; }

html {
  font-size: 62.5%; }

.life_style {
  color: #000000;
  line-height: 1.6;
  font-size: 21px; }
  .life_style .pro_test_title {
    width: 100%;
    max-width: 1000px; }
    @media screen and (min-width: 999px) {
      .life_style .pro_test_title {
        margin: 0 auto; } }
    @media screen and (max-width: 767px) {
      .life_style .pro_test_title {
        margin: 2% auto 0 auto; } }
  .life_style .pro_test_jwbltop {
    max-width: 705px;
    margin: 5% auto 8% auto; }
    @media screen and (min-width: 999px) {
      .life_style .pro_test_jwbltop {
        width: 100%; } }
    @media screen and (max-width: 1000px) {
      .life_style .pro_test_jwbltop {
        width: 80%; } }
  .life_style .text_area {
    max-width: 800px;
    margin: 2% auto 5% auto; }
    @media screen and (min-width: 999px) {
      .life_style .text_area {
        width: 100%; } }
    @media screen and (max-width: 1000px) {
      .life_style .text_area {
        width: 90%;
        font-size: 19px; } }
  .life_style .bodycaresupport {
    max-width: 550px;
    margin: 2% auto 5% auto; }
    @media screen and (min-width: 999px) {
      .life_style .bodycaresupport {
        width: 100%; } }
    @media screen and (max-width: 1000px) {
      .life_style .bodycaresupport {
        width: 90%;
        font-size: 19px; } }
  .life_style .insentiv {
    width: 100%;
    max-width: 800px;
    margin: 5% auto;
    font-weight: bold; }
    @media screen and (min-width: 999px) {
      .life_style .insentiv {
        width: 100%;
        font-size: 27px; } }
    @media screen and (max-width: 1000px) {
      .life_style .insentiv {
        width: 90%;
        font-size: 19px; } }
  .life_style .shidousya,
  .life_style .miryoku,
  .life_style .yeartitle,
  .life_style .shidousyatitle {
    width: 100%;
    max-width: 800px;
    margin: 5% auto; }
  @media screen and (max-width: 1000px) {
    .life_style .yeartitle,
    .life_style .shidousyatitle {
      max-width: 100%; } }
  .life_style .gifudaiichi {
    max-width: 800px;
    margin: 2% auto 1% auto;
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 999px) {
      .life_style .gifudaiichi {
        width: 100%;
        font-size: 27px; } }
    @media screen and (max-width: 1000px) {
      .life_style .gifudaiichi {
        width: 90%; } }
  .life_style .player_name {
    width: 100%;
    max-width: 800px;
    margin: 1% auto 3% auto;
    text-align: center;
    font-size: 30pt;
    font-weight: bold; }
    @media screen and (min-width: 999px) {
      .life_style .player_name {
        font-size: 40px; } }
    @media screen and (max-width: 1000px) {
      .life_style .player_name {
        font-size: 32px; } }
  .life_style .player_text {
    width: 100%;
    max-width: 800px;
    margin: 1% auto 5% auto; }
    @media screen and (min-width: 999px) {
      .life_style .player_text {
        width: 100%; } }
    @media screen and (max-width: 1000px) {
      .life_style .player_text {
        width: 90%;
        font-size: 19px; } }
  .life_style .pro_test_topphoto {
    width: 100%;
    max-width: 800px;
    margin: 0 auto; }
  .life_style .bodyphoto {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 5% auto; }