@charset "UTF-8";
/* ====================================================
reset style
==================================================== */
/* ====================================================
Font
==================================================== */
/* ====================================================
Position & transform
==================================================== */
/* ====================================================
Color
==================================================== */
/* ====================================================
Sizing
==================================================== */
/* ====================================================
Misc
==================================================== */
/* ====================================================
Media Quary
==================================================== */




/* ====================================================
body
==================================================== */

#player_detail_2020 {
  font-size: 10px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

#mypage_2020 {
  font-size: 10px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

#index_2020 body{
  font-size: 10px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

#work_detail_2020 body{
  font-size: 10px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  box-sizing: border-box;
}






/* ====================================================
Main header
==================================================== */
.header {
  position: relative;
}

.header-wrap {
  overflow: hidden;
}

.header-banner {
  background: url("/control/sp/common/img/common/header-bg.png") no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-name: header_banner;
          animation-name: header_banner;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  position: relative;
}

.header-banner .person {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.header-banner__txt {
  width: 524px;
  position: relative;
  text-align: right;
  padding: 7px 0 12px 54px;
  font-size: 24px;
  line-height: 1.17;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  color: #373737;
}

.header-banner__txt p {
  margin: 0;
  padding: 0;
  word-break: normal;
  font-size: 27px !important;
} 
.header-banner__txt .txt {
  background: white;
  border-radius: 5px;
  padding: 10px 14px 3px 10px;
  letter-spacing: 2.1px;
  font-size: 27px !important;
  word-break: normal;
}

.header-banner__txt .img {
  position: relative;
  margin: 0 10px -6px 0;
}

.header-banner__btn {
  width: 226px;
  padding: 5px 12px;
}

.header-banner__btn a:hover{
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0.7;
  }

.header-bar {
  background-color: #003f95;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0048a2), to(#003789));
  background-image: -o-linear-gradient(#0048a2, #003789);
  background-image: linear-gradient(#0048a2, #003789);
  border-bottom: 5px solid #8fbd04;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 26px 15px 25px;
  position: relative;
}

.header-menu {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
  background: rgba(16, 2, 61, 0.47);
  -webkit-transition: opacity 0.5s, height 0.5s, top 0.5s;
  -o-transition: opacity 0.5s, height 0.5s, top 0.5s;
  transition: opacity 0.5s, height 0.5s, top 0.5s;
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  top: 50%;
  box-sizing: border-box;
}

.header-menu.on {
  -webkit-transition: opacity 0.5s, height 0.5s, top 0.5s;
  -o-transition: opacity 0.5s, height 0.5s, top 0.5s;
  transition: opacity 0.5s, height 0.5s, top 0.5s;
  opacity: 1;
  height: auto;
  pointer-events: auto;
  top: 105%;
}

.header-menu__wrap {
  width: 600px;
  margin-left: auto;
  background: #ffffff;
}

.header-menu__head {
  background: #0e2986;
  padding: 20px 20px 23px;
  border-bottom: 1px solid white;
}

.header-menu__head .list {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.header-menu__head .list li {
  width: calc(50% - 14px);
  margin-right: 28px;
}

.header-menu__head .list li:last-child {
  margin-right: 0;
}

.header-menu__head .list li:first-child {
  width: 100%;
  margin-right: 0;
  height: 63px;
  margin-bottom: 21px;
}

.header-menu__head .list li:first-child a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(143,189,4,1) 35%, rgba(164,215,8,1) 55%);
  background-size: 100% 100%;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  padding-top: 6px;
  border-radius: 6px;
}

.header-menu__head .list li:first-child a img {
  margin-right: 10px;
  position: relative;
  top: -2px;
  width: 40px;
}

.header-utilities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      box-sizing: border-box;
}

.header-utilities li {
  width: 50%;
  box-sizing: border-box;
}

.header-utilities li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 300px;
  height: 150px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          background: linear-gradient(0deg, rgba(0,64,152,1) 35%, rgba(1,76,178,1) 55%);
  background-size: auto 100%;
  border: 1px solid white;
  font-size: 24px;
  color: white;
  font-weight: bold;
  padding-top: 8px;
  box-sizing: border-box;
}

.header-utilities li a .img img{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  margin: 0px auto;
  text-align :center;
  width: 70px;
}

.header-utilities li a .txt {
  text-align: center;
  padding: 0 10px;
}

.header-utilities--green li a {
  background: linear-gradient(0deg, rgba(143,189,4,1) 35%, rgba(164,215,8,1) 55%);
  background-size: auto 100%;
}

.header-line {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
}

.header-line li a {
  color: #0e2986;
  border-bottom: 1px solid #0e2986;
  display: block;
  padding: 21px 40px 20px 60px;
  letter-spacing: -1px;
  position: relative;
}

.header-line li a .img {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 54px;
  text-align: center;
}

.header-line li a .img img{
  width: 40px;
  margin-left: 5px;
}

.header-line li a:after {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  border-top: 3px solid #0e2986;
  border-right: 3px solid #0e2986;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 37px;
}

.header-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 26px;
  font-weight: bold;
}

.header-link li {
  width: 50%;
  display: none;
  
}

.header-link li.active {
  display: block;
}

.header-link li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #595959;
  text-align: center;
  border: 1px solid #99cc00;
  border-left: none;
  border-top: none;
  padding: 21px 20px 15px 10px;
  box-sizing: border-box;
}

.header-link li a:after {
  position: absolute;
  content: '';
  width: 19px;
  height: 19px;
  border-top: 3px solid #99cc00;
  border-right: 3px solid #99cc00;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 20px;
  box-sizing: border-box;
}

.header-link li:nth-child(odd) {
  border-left: 1px solid #99cc00;
  box-sizing: border-box;
}

.header-link li:first-child a {
  border-top: 1px solid #99cc00;
  box-sizing: border-box;
}

.header-link li:first-child + li a {
  border-top: 1px solid #99cc00;
  box-sizing: border-box;
}

.header .btn-show {
  background: #99cc00;
  text-align: center;
  color: white;
  font-size: 26px;
  font-weight: bold;
  padding: 10px 10px 5px;
  letter-spacing: -1px;
  cursor: pointer;
}

.header .btn-show img{
  width: 30px;
}

.header .btn-show span {
  display: inline-block;
  padding: 0 50px 0 42px;
  position: relative;
}

.header .btn-show span img {
  position: absolute;
  top: 40%;
  right: 1px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}



/*SNS アンリミから流用*/
.btn_SNS a{
  display: block;
  padding: 20px 0px 20px 150px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height:120%;
}

.btn_SNS .twi{
  background: #1da1f2;
  background-image:url(/control/sp/common/img/nav/ico_tw_w.svg);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: top 50% left 17%;
}

.btn_SNS ul .face{
  background: #4267b2;
  background-image:url(/control/sp/common/img/nav/ico_face_w.svg);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: top 50% left 17%;
}

.btn_loginout a{
  display: block;
  padding: 20px;
  text-align: center;
  font-size: 25px;
  line-height:120%;
}

a.login{
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  color: #0e2986;
  border-bottom: 1px solid #0e2986;
}

a.logout{
  font-weight: lighter;
  border-style: none;
  color: #fff;
  background-color: #808080;
}



.header-logo {
  margin-bottom: 4px;
}

.header-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-control > * {
  cursor: pointer;
}

.header-control__notifi {
  position: relative;
  margin: 0 24px 0 12px;
}

.header-control__number {
  position: absolute;
  display: block;
  font-size: 19px;
  font-weight: bold;
  border-radius: 30px;
  line-height: 1.2;
  color: white;
  background: #ff0008;
  top: -3px;
  right: -5px;
  padding: 4px 8px 3px;
}

.header-form {
  position: absolute;
  background: rgba(224, 224, 224, 0.9);
  z-index: 998;
  left: 0;
  right: 0;
  padding: 13px 19px 10px 40px;
  font-size: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  top: 150%;
  pointer-events: none;
}

.header-form.on {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  top: 104%;
  pointer-events: auto;
}

.header-form:after {
  position: absolute;
  content: '';
  border-bottom: 19px solid #e0e0e0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  right: 178px;
  bottom: 100%;
  opacity: 0.6;
}

.header-form__wrap.colorBlue .header-form__top .tag {
  color: #123F97;
}

.header-form__wrap.colorBlue .header-form__top .tag img {
  display: none;
}

.header-form__wrap.colorBlue .header-form__top .tag img.img-blue {
  display: inline-block;
}

.header-form__wrap.colorBlue .header-form__input button {
  background: #123F97;
}

.header-form__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}

.header-form__top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #626262;
}

.header-form__top ul li {
  margin-right: 10px;
}

.header-form__top ul li:last-child {
  margin-right: 0;
}

.header-form__top .tag {
  font-size: 20px;
  color: #8fbd04;
  letter-spacing: 0.5px;
}

.header-form__top .tag img {
  margin-right: 10px;
}

.header-form__top .tag img.img-blue {
  display: none;
}

.header-form__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-form__input input {
  width: 75.3%;
  height: 20px;
  border: 1px solid #bfbfbf;
}

.header-form__input button {
  width: 24.7%;
  font-weight: bold;
  padding: 10px;
  font-size: 26px;
  color: white;
  background: #8fbd04;
  border: none;
  border-radius: 0 10px 10px 0;
}

#form_news{
  display:none;
}

.btn-close {
  cursor: pointer;
  position: fixed;
  top: 223px;
  left: calc((100vw - 743px) / 2);
  z-index: 999;
  display: none;
}

@media only screen and (max-width: 750px) {
  .btn-close {
    left: 10px;
  }
}

.btn-close.on {
  display: block;
}

@-webkit-keyframes header_banner {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes header_banner {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}


/* ====================================================
Main footer
==================================================== */
.sec-tw .inner {
  background: #c6e1f0;
}

.tw-inner {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 40px 0;
}

.sec-logo .inner {
  background: #e5e5e5;
}

.logo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3px 26px 0px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.logo-list__item {
  text-align: center;
  width: 200px;
  font-size: 14px;
  color: #0e409e;
  padding: 15px 0;
}

.logo-list__item a {
  color: inherit;
}

.logo-list__item img {
  margin-bottom: 3px;
}

.footer {
  text-align: center;
  font-size: 20px;
  color: white;
}

.footer .inner {
  background: #014099;
}

.footer small {
  font-size: 16px;
}

.footer-menu {
  font-size: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #313131;
}

.footer-menu__item {
  width: 50%;
}

.footer-menu__item:first-child, .footer-menu__item:last-child {
  background: #1b1b1b;
}

.footer-menu__item a {
  display: block;
  color: inherit;
  position: relative;
  padding: 16px 35px 12px 40px;
  letter-spacing: 5px;
}

.footer-menu__item a:after {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  top: 50%;
  right: 17px;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.footer-copyright {
  font-size: 18px;
  line-height: 1.3;
  padding-bottom: 120px;
}

.amefuri{
  margin: 10px 0px 60px 0px;
}

.amefuri a{
  color: #fff;
  font-size: 16px;
}


@-webkit-keyframes footer_bookmark {
  from {
    -webkit-transform: translateY(+100%);
            transform: translateY(+100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes footer_bookmark {
  from {
    -webkit-transform: translateY(+100%);
            transform: translateY(+100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}



.footer .bm-topbn {
  position: fixed;
  bottom: 100px;
  left: calc((100vw - 750px) / 2);
  z-index: 10;
  cursor: pointer;
  margin:0px 0px 15px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-name: footer_bookmark;
          animation-name: footer_bookmark;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}


.footer .backtop {
  position: fixed;
  bottom: 100px;
  right: calc((100vw - 750px) / 2);
  z-index: 10;
  cursor: pointer;

}


@media only screen and (max-width: 750px) {
  .footer .backtop {
    right: 0;
  }
}

/*Tel*/
@media screen and (min-width: 768px) {
  a[href^="tel"]:link,
  a[href^="tel"]:visited,
  a[href^="tel"]:hover {
    pointer-events: none;
    cursor: default;
  }
}




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

@media screen and (max-width: 990px) {
  .sp-lg {
    display: none;
  }
}

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

/* ====================================================
Float & clear
==================================================== */
.clearfix {
  *zoom: 1;
}

.clearfix:before {
  content: "";
  display: table;
}

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

.mw-665 {
  max-width: 665px;
  margin: 0 auto;
}



/* ====================================================
MODULE
==================================================== */
/*パンくずMODULE*/
/*見出しMODULE*/





/* ====================================================
#player_detail_2020
==================================================== */
#player_detail_2020 .ttl-com01 {
  text-align: center;
  margin-bottom: 25px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  border-top: 4px solid #123f97;
  border-bottom: 4px solid #123f97;
  line-height: 1.2;
  padding: 21px 0;
}

#player_detail_2020 .ttl-com01 > * {
  display: block;
}

#player_detail_2020 .ttl-com01__top {
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  color: #123f97;
  margin-bottom: 1px;
}

#player_detail_2020 .ttl-com01__top small {
  font-size: 30px;
  font-weight: normal;
}

#player_detail_2020 .ttl-com01__big {
  font-size: 53px;
  font-weight: bold;
  line-height: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(#123f97), to(#00205b));
  background: -o-linear-gradient(#123f97, #00205b);
  background: linear-gradient(#123f97, #00205b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #123f97;
  margin-bottom: 7px;
}

#player_detail_2020 .ttl-com01__gray {
  font-size: 24px;
  color: #707070;
}

#player_detail_2020 .ttl-com02 {
  font-weight: 700;
  color: #99cc00;
  line-height: 1.2;
  border-bottom: 11px solid #99cc00;
  font-size: 30px;
  padding-left: 20px;
}

#player_detail_2020 .btn-com01 {
  font-weight: bold;
  color: #99cc00;
  padding-right: 59px;
  display: block;
  position: relative;
  font-size: 29px;
}

#player_detail_2020 .btn-com01:after {
  content: "";
  width: 18px;
  height: 18px;
  border-right: 6px solid #99cc00;
  border-top: 6px solid #99cc00;
  position: absolute;
  right: 23px;
  top: 19px;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

#player_detail_2020 .btn-history a:hover{
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
opacity: 0.7;
}


#player_detail_2020 .btn-comp02 {
  font-size: 28px;
  font-weight: bold;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border: 2px solid #123f97;
  border-top: none;
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2));
  background-image: -o-linear-gradient(#fefefe, #f2f2f2);
  background-image: linear-gradient(#fefefe, #f2f2f2);
  color: #123f97;
  padding: 11px 0 8px 0;
}

#player_detail_2020 .btn-comp02 span {
  padding-right: 47px;
  letter-spacing: 0.7px;
  position: relative;
}

#player_detail_2020 .btn-comp02 span:after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-top: 4px solid #123f97;
  border-right: 4px solid #123f97;
  top: 42%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 29px;
}

#player_detail_2020 .btn-comp02--green {
  color: #00cd44;
  border-color: #1f9913;
}

#player_detail_2020 .btn-comp02--green span:after {
  border-color: #00cd44;
}

#player_detail_2020 .ttl-com03 {
  font-weight: bold;
  padding-bottom: 1px;
  color: #003399;
  text-align: center;
  margin: 0 -20px 52px;
  border-bottom: 3px solid #003399;
  font-size: 36px;
}


/*テキストMODULE*/
#player_detail_2020 .txt-center {
  text-align: center;
}

#player_detail_2020 .txt-right {
  text-align: right;
}

#player_detail_2020 .txt-left {
  text-align: left;
}


/*リストMODULE*/
/*ボックスMODULE*/
/*グリッドMODULE*/
/*フォームMODULE*/
.pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 42px;
}

.pager > li {
  padding: 0 14px;
}

.pager > li:first-child, .pager > li:last-child {
  padding: 0 4px;
}

.pager__current, .pager__other {
  width: 38px;
  height: 38px;
  font-weight: bold;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 4px;
}

.pager__current {
  color: #ffffff;
  background-color: #99cc00;
}

.pager__other {
  background-color: #ffffff;
  color: #99cc00;
}

.pager__first, .pager__last {
  display: block;
  width: 28px;
  height: 38px;
  background: url("/img/common/ico-first-page.png") no-repeat center;
}

.pager__prev, .pager__next {
  display: block;
  width: 18px;
  height: 38px;
  background: url("/img/common/ico-prev-page.png") no-repeat center;
}

.pager__last, .pager__next {
  transform: rotate(180deg);
}


.pure-input input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.pure-input input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 4px;
  width: 8px;
  height: 3px;
  margin-top: -4px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 0 3px 3px;
  border-image: none;
  transform: rotate(-45deg) scale(0);
}

.pure-input input[type="checkbox"]:checked + label:after {
  content: '';
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out;
}

.pure-input input[type="checkbox"]:checked + label:before {
  animation: borderscale 200ms ease-in;
  background: #4F8196;
}

.pure-input input[type="radio"] + label:after, .pure-input input[type="radio"] + label:before {
  border-radius: 50%;
}

.pure-input input[type="radio"]:checked + label:after {
  transform: scale(1);
}

.pure-input label {
  position: relative;
  padding: 5px 5px 5px 20px;
  vertical-align: middle;
  user-select: none;
  cursor: pointer;
  font-size: 22px;
}

.pure-input label:before {
  box-sizing: content-box;
  content: '';
  background: #626262;
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -11px;
  text-align: center;
  transition: all 0.4s ease;
}

.pure-input label:after {
  box-sizing: content-box;
  content: '';
  background-color: #123F97;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 14px;
  height: 14px;
  margin: -9px 0 0 -2px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out;
}



/* ====================================================
Player Detail
==================================================== */


#player_detail_2020 .link-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 51px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 10px;
}

#player_detail_2020 .link-share .txt {
  width: 30;
  font-size: 20px;
  padding-right: 8px;
}

#player_detail_2020 .link-share .link {
  width: 70%;
  background: #b5b5b5;
  padding: 7px 16px;
  font-size: 20px;
  box-sizing: border-box;
}

#player_detail_2020 .sec-player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 31px;
}

#player_detail_2020 .sec-player .box-img {
  width: 41.5%;
}

#player_detail_2020 .sec-player .box-img > img {
  margin-bottom: 34px;
  width: 100%;
}

#player_detail_2020 .sec-player .box-img a {
  padding: 0 4px;
  display: block;
  text-align: center;
}

#player_detail_2020 .sec-player .box-img a:hover {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0.7;
}


#player_detail_2020 .sec-player .box-text {
  width: 58.5%;
  padding-left: 17px;
}

/*SNS*/
#player_detail_2020 .sec-player .player-sns{
}

#player_detail_2020 .sec-player .player-sns img{
}
#player_detail_2020 .sec-player .player-sns li{
}

#player_detail_2020 .sec-player .box-text dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 5px 13px;
  border-bottom: 2px solid #aaaaaa;
  font-size: 20px;
}

#player_detail_2020 .sec-player .box-text dl:first-child {
  padding: 10px 5px 4px;
  border-top: 2px solid #aaaaaa;
}

#player_detail_2020 .sec-player .box-text dl:nth-child(5) dd {
  letter-spacing: -0.5px;
  font-size: 22px;
}

#player_detail_2020 .sec-player .box-text dl dt {
  width: 21%;
  color: #123f97;
  padding-right: 5px;
  line-height: 1.15;
}

#player_detail_2020 .sec-player .box-text dl dd {
  width: 79%;
  color: #444444;
  line-height: 1.18;
  font-size: 24px;
}

#player_detail_2020 .sec-player .box-text dl dd ul li {
  margin-bottom: 2px;
}

#player_detail_2020 .sec-player .box-text dl dd ul li:last-child {
  margin-bottom: 0;
}

#player_detail_2020 .sec-player .box-text dl dd ul li a {
  display: block;
  color: #444444;
  font-size: 24px;
}

#player_detail_2020 .txt-player {
  padding: 20px 20px 15px;
  margin-bottom: 60px;
  color: #444444;
  line-height: 1.29;
  border-top: 2px solid #aaaaaa;
  border-bottom: 2px solid #aaaaaa;
  font-size: 22px;
}

#player_detail_2020 .sec-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 55px;
}

#player_detail_2020 .sec-points .points-img {
  width: 33.6%;
  position: relative;
}

#player_detail_2020 .sec-points .points-img img {
  width: 100%;
}

#player_detail_2020 .sec-points .points-img span {
  position: absolute;
  color: #ff2a06;
  display: inline-block;
  z-index: 10;
  left: 55%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -4px;
  line-height: 1;
  width: 124px;
  font-weight: bold;
  font-size: 66px;
  font-style: italic;
}

#player_detail_2020 .sec-points .points-img span small {
  color: #000;
  font-weight: normal;
  font-size: 26px;
}

#player_detail_2020 .sec-points .points-txt {
  width: 66.4%;
  padding-left: 20px;
  padding-right: 10px;
}

#player_detail_2020 .sec-points .points-txt .points-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border-radius: 20px;
  padding: 14px 20px 7px 18px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.6);
}

#player_detail_2020 .sec-points .points-txt .points-ttl span {
  display: inline-block;
  color: #444444;
  font-size: 20px;
}

#player_detail_2020 .sec-points .points-txt .points-ttl p {
  color: #fe1f78;
  font-size: 26px;
}

#player_detail_2020 .sec-points .points-txt .points-ttl p small {
  font-size: 22px;
}

#player_detail_2020 .sec-points .points-txt dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1px;

}

#player_detail_2020 .sec-points .points-txt dl dt {
  width: 50%;
  background: #99cc00;
  color: #fff;
  text-align: center;
  padding: 13px;
  line-height: 1;
  font-size: 22px;
  font-weight: bold;
}

#player_detail_2020 .sec-points .points-txt dl dd {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #c1c1c1;
  color: #666666;
  padding: 5px 5px 5px 29px;
  font-size: 28px;
  font-weight: bold;
}

#player_detail_2020 .sec-points .points-txt dl dd span {
  font-size: 20px;
  vertical-align: baseline;
  font-weight: lighter;
}

#player_detail_2020 .sec-history {
  margin-bottom: 60px;

}

#player_detail_2020 .sec-history .list-history .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 1px solid #d2d2d2;
  margin-top: -1px;
  box-sizing: border-box;
}

#player_detail_2020 .sec-history .list-history .item-none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #d2d2d2;
  border: 1px solid #d2d2d2;
  color:#424242;
  margin-top: -1px;
  padding: 10px 0px 10px 20px;
  box-sizing: border-box;
  font-size: 20px;
}

#player_detail_2020 .sec-history .list-history .item .item-txt {
  color: #666666;
  padding: 17px 18px 10px;
  width: 550px;
  border-right: 1px solid #d2d2d2;
  font-size: 22px;
}

#player_detail_2020 .sec-history .list-history .item .item-txt .date {
  margin-bottom: 1px;
  display: block;
}

#player_detail_2020 .sec-history .list-history .item .item-txt .itemttl {
  margin-bottom: 1px;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

#player_detail_2020 .sec-history .list-history .item .item-txt p {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

#player_detail_2020 .sec-history .list-history .item .item-txt p span {
  font-weight: normal;
  font-size: 20px;
}

#player_detail_2020 .sec-history .list-history .item .item-pt {
  padding: 8px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fe1f78;
  font-weight: bold;
  font-size: 28px;
}

#player_detail_2020 .sec-history .list-history .item .item-pt span {
  font-size: 24px;
}

#player_detail_2020 .sec-history .btn-history {
  border: 1px solid #d2d2d2;
  border-top: 0;
}

#player_detail_2020 .sec-history .btn-history .btn-com01 {
  padding-top: 11px;
  padding-bottom: 8px;
}

#player_detail_2020 .sec-slider {
  margin-bottom: 30px;
}

#player_detail_2020 .sec-slider .slider-nav.on .slick-track {
  -webkit-transform: translate(0) !important;
      -ms-transform: translate(0) !important;
          transform: translate(0) !important;
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#player_detail_2020 .sec-slider .slider-nav.on .item {
  width: 25%;
  cursor: pointer;
}

#player_detail_2020 .sec-slider .item {
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#player_detail_2020 .sec-slider .item:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}

#player_detail_2020 .sec-slider .slick-current:before {
  display: none;
}

#player_detail_2020 .sec-youtube {
  width:100%;              /*横幅いっぱいにwidthを指定*/
  padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
  height:0px;              /*高さはpaddingで指定するためheightは0に*/
  position: relative;
  margin-bottom: 30px;
}

#player_detail_2020 .sec-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


#player_detail_2020 .sec-qa{
  padding: 0px 20px;
  box-sizing: border-box;
}

#player_detail_2020 .list-qa {
  margin-bottom: 85px;
}

#player_detail_2020 .list-qa .item-qa {
  margin-bottom: 20px;
}

#player_detail_2020 .list-qa .item-qa span{
  color: #123f97;
  margin-right: 5px;
  font-size: 120%;
}

#player_detail_2020 .list-qa .item-qa:last-child {
  margin-bottom: 0;
}

#player_detail_2020 .list-qa .item-qa .ttl-question {
  color: #444444;
  margin-bottom: 2px;
  font-size: 27px;
}

#player_detail_2020 .list-qa .item-qa .txt-answer {
  color: #666666;
  border-radius: 15px;
  background: #eaf8ff;
  padding: 22px 30px 18px 40px;
  line-height: 1.33;
  font-size: 22px;
  letter-spacing: -0.4px;
}

#player_detail_2020 .sec-achievements {
  margin-bottom: 48px;
}

#player_detail_2020 .sec-achievements .ttl-com03 {
  margin-bottom: 33px;
}

#player_detail_2020 .list-accordion .item {
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  margin-bottom: 27px;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

#player_detail_2020 .list-accordion .item .ttl-accordion {
  font-weight: bold;
  color: #003399;
  padding: 22px 23px;
  position: relative;
  font-size: 32px;
}

#player_detail_2020 .list-accordion .item .ttl-accordion.on .icon-acc:before {
  display: none;
}

#player_detail_2020 .list-accordion .item .ttl-accordion .icon-acc {
  position: absolute;
  top: 0;
  width: 80px;
  height: 88px;
  background: #003399;
  border-left: 1px solid  #a0a0a0;
  right: 0;
}

#player_detail_2020 .list-accordion .item .ttl-accordion .icon-acc:after, .list-accordion .item .ttl-accordion .icon-acc:before {
  content: "";
  position: absolute;
  height: 4px;
  width: 26px;
  background: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#player_detail_2020 .list-accordion .item .ttl-accordion .icon-acc:before {
  -webkit-transform: rotate(90deg) translate(-50%, -50%);
      -ms-transform: rotate(90deg) translate(-50%, -50%);
          transform: rotate(90deg) translate(-50%, -50%);
  left: 31.9%;
  top: 63.25%;
}

#player_detail_2020 .list-accordion .item.active .content-table {
  display: block;
}

#player_detail_2020 .content-table {
  display: none;
  border-top: 1px solid #a0a0a0;
}

#player_detail_2020 .content-table iframe {
  width: 100%;
  height: 465px;
  border: 0px;
}

#player_detail_2020 .table-accordion {
  overflow-x: auto;
  padding: 29px 10px 22px 10px;
  border-top: 1px solid #a0a0a0;
}

#player_detail_2020 .table-accordion table {

}

#player_detail_2020 .table-accordion table tr, .table-accordion table td, .table-accordion table th {
  padding: 9px 1px 9px;
  text-align: center;
  border: 1px solid #b5b5b5;
  min-width: 102px;
  font-size: 22px;
}

#player_detail_2020 .table-accordion table th {
  color: #444444;
  font-size: 22px;
  width: 150px;
}

#player_detail_2020 .table-accordion table td {
}

#player_detail_2020 .table-accordion table th:nth-child(1) {
}

#player_detail_2020 .table-accordion table th:nth-child(2) {
  border-right: 3px double #b5b5b5;
}

#player_detail_2020 .table-accordion table td:nth-child(1) {
  background: #cfe0ff;

}
#player_detail_2020 .table-accordion table td:nth-child(2) {
  border-right: 3px double #b5b5b5;
}

#player_detail_2020 .table-accordion table td:nth-child(3) {
  max-width: 100px;
}

#player_detail_2020 .sec-list-cate {
  background: #eeeeee;
  padding: 39px 0px;
}

#player_detail_2020 .sec-list-cate .item-cate {
  margin-bottom: 32px;
}

#player_detail_2020 .sec-list-cate .ttl-cate {
  color: #123f97;
  font-weight: bold;
  border-bottom: 1px solid #123f97;
  line-height: 1;
  padding-bottom: 3px;
  margin-bottom: 9px;
  font-size: 26px;
}

#player_detail_2020 .sec-list-cate .item-cate {
  padding: 0 20px;
}

#player_detail_2020 .sec-list-cate .list-cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#player_detail_2020 .sec-list-cate .list-cate li {
  width: 45%;
  padding: 0 10px;
  margin-bottom: 3px;
  text-align: left;
}

#player_detail_2020 .sec-list-cate .list-cate li a {
  color: #123f97;
  display: inline-block;
  text-decoration: underline;
  font-size: 24px;
}

/* ====================================================
Mypage
==================================================== */

/*ボランティア番号*/
.player-code {
  text-align: right;
  margin-bottom: 16px;
  margin-right: 20px;
}

.player-code__wrap {
  border: 1px solid #898989;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
}

.player-code__txt {
  background-color: #898989;
  color: #ffffff;
  padding: 8px 30px 2px;
  font-size: 30px;
  font-weight: bold;
  line-height: 2;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  border-right: 1px solid #898989;
}

.player-code__num {
  background-color: #ffffff;
  font-size: 34px;
  padding: 14px 30px 10px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  color: #444444;
}


/*マイエリア*/

/*Nomal*/
#mypage_2020 .player-box {
  background: url("/control/sp/common/img/mypage/bg-01-part1.png") no-repeat center top, url("/control/sp/common/img/mypage/bg-01-part3.png") no-repeat center bottom;
  padding: 58px 40px 39px;
  margin-bottom: 35px;
  position: relative;
  overflow: hidden;
}

#mypage_2020 .player-box:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 170px;
  bottom: 75px;
  left: 0;
  right: 0;
  background: url("/control/sp/common/img/mypage/bg-01-part2.png") repeat-y center top;
}

/*Gold*/
#mypage_2020 .player-box--gold {
  background: url("/control/sp/common/img/mypage/bg-02-part1.png") no-repeat center top, url("/control/sp/common/img/mypage/bg-02-part2.png") no-repeat center top;
}

#mypage_2020 .player-box--gold:after {
  top: 1000px;
  bottom: 0;
  background: url("/control/sp/common/img/mypage/bg-02-part4.png") repeat-y center top;
}

#mypage_2020 .player-box--gold:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 32px;
  background: url("/control/sp/common/img/mypage/bg-02-part3.png") no-repeat center bottom;
  z-index: 2;
}

/*Silver*/
#mypage_2020 .player-box--silv {
  background: url("/control/sp/common/img/mypage/bg-silver-part1.png") no-repeat center top, url("/control/sp/common/img/mypage/bg-silver-part2.png") no-repeat center top;
}

#mypage_2020 .player-box--silv:after {
  top: 1000px;
  bottom: 0;
  background: url("/control/sp/common/img/mypage/bg-silver-part4.png") repeat-y center top;
}

#mypage_2020 .player-box--silv:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 32px;
  background: url("/control/sp/common/img/mypage/bg-silver-part3.png") no-repeat center bottom;
  z-index: 2;
}

/*Platinum*/
#mypage_2020 .player-box--plat {
  background: url("/control/sp/common/img/mypage/bg-platinum-part1.png") no-repeat center top, url("/control/sp/common/img/mypage/bg-platinum-part2.png") no-repeat center top;
}

#mypage_2020 .player-box--plat:after {
  top: 1000px;
  bottom: 0;
  background: url("/control/sp/common/img/mypage/bg-platinum-part4.png") repeat-y center top;
}

#mypage_2020 .player-box--plat:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 32px;
  background: url("/control/sp/common/img/mypage/bg-platinum-part3.png") no-repeat center bottom;
  z-index: 2;
}



#mypage_2020 .player-box__head {
  padding-left: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 46px;
  position: relative;
  z-index: 2;
}

#mypage_2020 .player-box__avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 2;
  margin-left: 14px;
}

#mypage_2020 .player-box__avatar img{
  height: 120px;
  width: 120px;
  border-radius: 50%;
  border: 5px solid #fff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
}


#mypage_2020 .player-box__wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 6px;
  margin-top: -3px;
  position: relative;
  z-index: 2;
}

#mypage_2020 .player-box__ttl {
  font-weight: bold;
  font-size: 32px;
  color: #fe1f78;
  padding-left: 27px;
  text-align: center;
  margin-bottom: 14px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  position: relative;
  z-index: 2;
}

#mypage_2020 .player-box__ttl small {
  font-size: 24px;
  font-weight: normal;
}

#mypage_2020 .player-box__mess {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 16px 67px 13px 88px;
  background: url("/control/sp/common/img/mypage/ico-message.png") no-repeat center top;
}

#mypage_2020 .player-box__mess .txt {
  color: #444444;
  font-size: 22px;
  line-height: 1.3;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  display: block;
}

#mypage_2020 .player-box__mess .underline {
  position: relative;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  color: #004bff;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.27;
  display: block;
}

#mypage_2020 .player-box__mess .underline:before {
  content: '';
  position: absolute;
  right: 5px;
  left: 4px;
  bottom: 0;
  height: 2px;
  background-color: #004bff;
}

#mypage_2020 .player-box__list {
  position: relative;
  z-index: 2;
}

#mypage_2020 .item-url__ttl {
  font-size:24px;
  color:#444444;
  font-weight:bold;
}

#mypage_2020 .item-url__url {
  margin-bottom:20px;
}

#mypage_2020 .item-url__url input[type="text"]{
  font-size:22px;
  padding:3px;
  text-align:left;
}

#mypage_2020 .player-box__list .item {

  -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.57);
          box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.57);
  background-color: #fff;
  border-radius: 20px;
  padding: 16px 18px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  box-sizing: border-box;
}

#mypage_2020 .player-box__list .half {
  width:49%;
  box-sizing: border-box;
}


#mypage_2020 .player-box__list .item:not(:last-child) {
  margin-bottom: 14px;
}

#mypage_2020 .player-box__list .item:last-child {
  padding: 15px 18px 11px;
}

#mypage_2020 .player-box__list .item__ttl {
  font-size: 28px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  padding-right: 18px;
  color: #444444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#mypage_2020 .player-box__list .half .item__ttl {
  font-size: 20px;
}

#mypage_2020 .player-box__list .item__ttl img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 11px;
  position: relative;
  top: -2px;
}

#mypage_2020 .player-box__list .item__pt {
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 36px;
  color: #444444;
}

#mypage_2020 .player-box__list .item__pt small {
  font-size: 24px;
}

#mypage_2020 .player-box__list .item__pt--pink {
  color: #fe1f78;
}


/*メニューボタン*/
#mypage_2020 .player-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -8px;
}

#mypage_2020 .player-links .col {
  width: 33.3333%;
  padding: 0 8px;
  margin-bottom: 12px;
  box-sizing: border-box;
}

#mypage_2020 .player-links a:hover{
    opacity: 0.92;
}



#mypage_2020 .player-links .item {
  background: url("/control/sp/common/img/mypage/btn.png") no-repeat center top;
  text-align: center;
  padding: 32px 20px 24px;
  box-sizing: border-box;
}

#mypage_2020 .player-links .item__img {
  margin-bottom: 14px;
  height: 98px;
}

#mypage_2020 .player-links .item__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-weight: bold;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 28px;
  line-height: 1.05;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  min-height: 58px;
}

#mypage_2020 .pack_login {
  width: 90%;
  margin: 0 auto;
  font-size: 24px;
}


/* ====================================================
#Index header
==================================================== */

.sec-member .inner {
  background: url("/control/sp/common/img/common/bg-caro.png") no-repeat;
  background-size: cover;
}

.member__wrap {
  position: relative;
  padding: 11px 21px 4px 147px;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
  min-height:84px;
  box-sizing: border-box;
}

.member__img img{
  height: 120px;
  width: 120px;
  border-radius: 50%;
  border: 5px solid #fff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
}

.member__img {
  position: absolute;
  top: 40%;
  left: 10px;
  text-align: center;
  transform: translateY(-50%);
  z-index: 1;
}

.member__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.member__content_notmember {
  padding: 11px 0px 4px 0px;
}

.member__content_notmember .nologin {
  width:200px;
  display:inline-block;
  vertical-align:middle;
  color:#fe1f78;
  text-align: right;
  font-weight:bold;
  padding: 3px 0;
}


.member__content_notmember .nologin {
opacity: 0;
}

.member__content_notmember .nologin:nth-child(1) {
-webkit-animation: example 0.5s ease 0.5s 1 forwards;
animation: example 0.5s ease 0.5s 1 forwards;
}

.member__content_notmember .nologin:nth-child(2) {
-webkit-animation: example 0.5s ease 1s 1 forwards;
animation: example 0.5s ease 1s 1 forwards;
}

.member__content_notmember .nologin:nth-child(3) {
-webkit-animation: example 0.5s ease 1.5s 1 forwards;
animation: example 0.5s ease 1.5s 1 forwards;
}

.member__content_notmember .nologin:nth-child(4) {
-webkit-animation: example 0.5s ease 2s 1 forwards;
animation: example 0.5s ease 2s 1 forwards;
}

.member__content_notmember .nologin:nth-child(5) {
-webkit-animation: example 0.5s ease 2.5s 1 forwards;
animation: example 0.5s ease 2.5s 1 forwards;
}

.member__content_notmember .nologin:nth-child(6) {
-webkit-animation: example 0.5s ease 3s 1 forwards;
animation: example 0.5s ease 3s 1 forwards;
}



/*ヘッダー ユーザー名*/
.member__txt {
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  color: #01337b;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 3.1px;
}

.member__txt.nomal{
  margin-top:4px;
}

.member__txt .ttl {
  display: flex;
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 4px;
  border-radius: 3px;
  padding: 5px 14px 2px;
}

.member__txt .ttl span{
  text-align:center;
  margin:0 auto;
}

/*ヘッダー ユーザー名 会員種別*/
.member__txt .ttl.gold{
  background-color: #eeb61c;
  background-image: linear-gradient(to right bottom,#eeb61c, #966600);
}
.member__txt .ttl.platinum{
  background-color: #5dbeff;
  background-image: linear-gradient(to right bottom,#b2defc, #5dbeff);
}
.member__txt .ttl.silver{
  background-color: #a3a3a3;
  background-image: linear-gradient(to right bottom,#b9b9b9, #8a8a8a);
}

.member__txt small {
  font-size: 26px;
}

.member__point {
  display:flex;
  color: #fe1f78;
  font-weight: bold;
  font-size: 38px;
}
.member__point p.balance{
  margin-top:4px;
}

.member__point small {
  font-size: 22px;
}

.member__point img {
  width: 36px;
  vertical-align: middle;
}


/* ====================================================
#Index
==================================================== */


#index_2020 .inner {
  max-width: 750px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  font-size: 10px;
}

#index_2020 .inner.pd0 {
  padding: 0;
}

#index_2020 img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

#index_2020 a {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  text-decoration: none;
}

#index_2020 a:hover {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0.7;
}

/*直近の試合とカウントダウン*/

#index_2020 .hour-box {
  padding: 14px 8px 14px 13px;
}

#index_2020 .hour-flex {
  padding: 5px;
  background: white;
  -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#index_2020 .hour-content {
  width: calc(100% - 145px);
  text-align: center;
}

#index_2020 .hour-content__top {
  background: url("/control/sp/common/img/index/img-hour-bg01.png") repeat-y;
  background-size: 100% auto;
  color: white;
  position: relative;
  font-size: 28px;
  font-weight: bold;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
  line-height: 1.2;
  padding: 10px 10px 5px 100px;
  overflow: hidden;
}

#index_2020 .hour-content__top small {
  font-size: 20px;
}

#index_2020 .hour-content__top small small {
  font-size: 16px;
}

#index_2020 .hour-content__top .txt {
  position: absolute;
  left: 0;
  top: 52%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 19px;
  width: 139px;
  z-index: 1;
  padding: 3px 0 2px 0;
  line-height: 1;
}

#index_2020 .hour-content__top .txt:before {
  position: absolute;
  content: '';
  background: #7fba08;
  z-index: -1;
  -webkit-transform: skewX(-22deg);
      -ms-transform: skewX(-22deg);
          transform: skewX(-22deg);
  top: 0;
  bottom: 0;
  left: -10px;
  right: 0;
}

#index_2020 .hour-content__top .txt_away {
  position: absolute;
  left: 0;
  top: 52%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 19px;
  width: 139px;
  z-index: 1;
  padding: 3px 0 2px 0;
  line-height: 1;
}

#index_2020 .hour-content__top .txt_away:before {
  position: absolute;
  content: '';
  background: #5e5e5e;
  z-index: -1;
  -webkit-transform: skewX(-22deg);
      -ms-transform: skewX(-22deg);
          transform: skewX(-22deg);
  top: 0;
  bottom: 0;
  left: -10px;
  right: 0;
}



#index_2020 .hour-content__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/control/sp/common/img/index/img-hour-bg02.png") repeat-y;
  background-size: 100% auto;
  padding: 10px 0 1px;
}

#index_2020 .hour-content__ttl .txt {
  font-size: 41px;
  font-weight: bold;
  color: #05173b;
  font-style: italic;
  padding-left: 50px;
  position: relative;
}

#index_2020 .hour-content__ttl .txt span {
  position: absolute;
  width: 39px;
  height: 39px;
  background: #05173b;
  color: white;
  line-height: 42px;
  font-size: 16px;

  left: 0;
  top: 44%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  font-style: normal;
}

#index_2020 .hour-content__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: #051838;
  font-weight: bold;
  color: white;
}

#index_2020 .hour-content__time .txt {
  font-size: 17.5px;
  color: #06193a;
  text-align: center;
  width: 138px;
  position: relative;
  background: #cbd0d6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#index_2020 .hour-content__time .txt:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 100%;
  border-left: 9px solid #cbd0d6;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

#index_2020 .hour-content__time .time {
  text-align: center;
  font-size: 28px;
  width: calc(100% - 138px);
  padding: 13px 10px 2px 10px;
  line-height: 1;
  position: relative;
  top: -4px;
}

#index_2020 .hour-content__time .timeel.days {
  display: none;
}

#index_2020 .hour-img {
  width: 145px;
}


/*ニュース*/

#index_2020 .news-slider__item {
  position: relative;
}

#index_2020 .news-slider__img {
}
#index_2020 .news-slider__img img{
  border: 1px solid #ccc;
  width: 750px !important;
  box-sizing: border-box;
}


#index_2020 .news-slider__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 15px 10px 11px 24px;
}

#index_2020 .news-slider__date {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

#index_2020 .news-slider__ttl {
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: 0.8px;
}

#index_2020 .news-slider .slick-prev, .news-slider .slick-next {
  top: 51.7%;
  width: 20px;
  height: 36px;
  z-index: 1;
}

#index_2020 .news-slider .slick-prev {
  background: url("/control/sp/common/img/index/arrow-left.png") no-repeat;
  background-size: 100% auto;
  background-position: center center;
  left: 21px;
}

#index_2020 .news-slider .slick-next {
  background: url("/control/sp/common/img/index/arrow-right.png") no-repeat;
  background-size: 100% auto;
  background-position: center center;
  right: 19px;
}

#index_2020 .news-list {
  background: #003399;
}

#index_2020 .news-list__item {
  border-top: 1px solid #a0a0a0;
  padding: 19px 0 14px 21px;
  font-weight: bold;
  line-height: 1.2;
}

#index_2020 .news-list__item--more {
  padding: 0;
  border: none;
}

#index_2020 .news-list__date {
  font-size: 20px;
  color: #ffff00;
  letter-spacing: 0.5px;
  margin-bottom: 1px;
}

#index_2020 .news-list__date a {
  color: inherit;
}

#index_2020 .news-list__ttl {
  font-size: 26px;
  color: #fff;
  letter-spacing: 0.7px;
}

#index_2020 .news-list__ttl a {
  color: inherit;
}

.btn-comp02 {
  font-size: 28px;
  font-weight: bold;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border: 2px solid #123f97;
  border-top: none;
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#c8c8c8));
  background-image: -o-linear-gradient(#fefefe, #c8c8c8);
  background-image: linear-gradient(#fefefe, #c8c8c8);
  color: #123f97;
  padding: 11px 0 8px 0;
}

.btn-comp02 span {
  padding-right: 47px;
  letter-spacing: 0.7px;
  position: relative;
}

.btn-comp02 span:after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-top: 4px solid #123f97;
  border-right: 4px solid #123f97;
  top: 42%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 29px;
}

.btn-comp02--green {
  color: #00cd44;
  border-color: #1f9913;
}

.btn-comp02--green span:after {
  border-color: #00cd44;
}

/*フットサル、U-15バナー　スライダー*/
#index_2020 .event-slider {
}

#index_2020 .event-slider a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  background: #a0a0a0;
  height: 100%;
  width: 100%;
}

#index_2020 .event-slider .slick-prev, .event-slider .slick-next {
  top: 37.7%;
  width: 20px;
  height: 36px;
  z-index: 1;
}

#index_2020 .event-slider .slick-prev {
  background: url("/control/sp/common/img/index/arrow-left.png") no-repeat;
  background-size: 100% auto;
  background-position: center center;
  left: 21px;
}

#index_2020 .event-slider .slick-next {
  background: url("/control/sp/common/img/index/arrow-right.png") no-repeat;
  background-size: 100% auto;
  background-position: center center;
  right: 19px;
}


/*タイムセール*/
#index_2020 .sec-projects .inner {
  overflow: hidden;
  background: url("/control/sp/common/img/index/bg-projects.png") no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding-bottom: 107px;
}

#index_2020 .projects-head {
  background: url("/control/sp/common/img/index/projects-ttl-bg.jpg") no-repeat;
  background-size: cover;
  background-position: center bottom;
  text-align: center;
  padding: 8px 10px 31px 16px;
  position: relative;
  margin-bottom: 24px;
}

#index_2020 .projects-head__img {
  position: absolute;
  top: 11px;
  left: -50%;
}

#index_2020 .projects-head__img.active {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  left: 31px;
}

#index_2020 .projects-ttl {
  position: relative;
  z-index: 1;
}

#index_2020 .projects-list {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 0 10px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

#index_2020 .projects-list__item {
  margin-bottom: 20px;
  background: #fff;
  border-radius: 7px;
}

#index_2020 .projects-list__item:last-child {
  margin-bottom: 0;
}

#index_2020 .projects-list__wrap {
  display: block;
  background: #ffffff;
  border-radius: 7px;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 1px rgba(108, 108, 108, 0.5);
          box-shadow: 3px 0 1px rgba(108, 108, 108, 0.5);
}

#index_2020 .projects-list__head {
  background: #cc9900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 17px 6px;
  font-weight: bold;
  line-height: 1.2;
}

#index_2020 .projects-list__times {
  width: 100%;
  max-width: 240px;
  background: #fff;
  font-size: 16px;
  color: #b78901;
  text-align: center;
  padding: 2px 10px;
}

#index_2020 .projects-list__date {
  font-size: 22px;
  color: white;
  width: calc(100% - 240px);
  text-align: center;
}

#index_2020 .projects-list__date small {
  font-size: 16px;
}

#index_2020 .projects-list__body {
  padding: 17px 20px 11px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#index_2020 .projects-list__img {
  width: 240px;
  font-size: 16px;
  color: #666666;
}

#index_2020 .projects-list__img img {
  margin-bottom: 5px;
  width: 240px !important;
}

#index_2020 .projects-list__img .txt-right span {
  text-decoration: underline;
  text-underline-position: under;
}

#index_2020 .projects-list__content {
  width: calc(100% - 260px);
  padding: 0 0 0 30px;
  margin: 0 auto;
}

#index_2020 .projects-list__ttl {
  font-size: 22px;
  color: #444444;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 18px;
  text-align: center;
}

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

.projects-list__point.old {
  font-size: 20px;
  color: #333333;
  text-decoration: line-through;
  letter-spacing: 1.2px;
}

.projects-list__point.new {
  font-weight: bold;
  color: #fe1f78;
  font-size: 42px;
  line-height: 1;
}

.projects-list__point.new small {
  font-size: 16px;
}

.projects-list__point.new img {
  margin-right: 5px;
  position: relative;
}


/*新着の案件*/

.sec-arrivals{

}

.arrivals-ttl {
  position: relative;
  margin-top: -66px;
  overflow: hidden;
}

.arrivals-ttl__person {
  position: absolute;
  bottom: 0;
  right: -50%;
}

.arrivals-ttl__person.active {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  right: 18px;
}

.arrivals__wrap {
  background: #1f9913;
  padding-top: 11px;
}

.arrivals-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0 15px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.arrivals-list__item {
  width: 50%;
  padding: 0 17.5px;
  margin-bottom: 28px;
  box-sizing: border-box;
}

.arrivals-list__wrap {
  display: block;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 5px 0 1px rgba(108, 108, 108, 0.5);
          box-shadow: 5px 0 1px rgba(108, 108, 108, 0.5);
  border-radius: 7px;
  padding: 24px 0 7px;
  box-sizing: border-box;
}

.arrivals-list__wrap:hover {
  opacity: 0.92;
}

.arrivals-list__head {
  position: relative;
  width: 240px;
  margin: 0 auto;
  font-size: 18.5px;
  color: #666666;
  line-height: 1;
  margin-bottom: 17px;
}

.arrivals-list__head .txt-right {
  padding-bottom: 8px;
}

.arrivals-list__head .txt-center {
  text-align: center;
}

.arrivals-list__head .txt-right span {
  position: relative;
  display: inline-block;
  padding-bottom: 1px;
}

.arrivals-list__head .txt-right span:before {
  position: absolute;
  content: '';
  height: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #666666;
}

.arrivals-list__status {
  position: absolute;
  top: -14px;
  left: -31px;
  background: #ff0000;
  font-weight: bold;
  color: white;
  font-size: 22.41px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  line-height: 62px;
  text-align: center;
  -webkit-transform: rotate(-16deg);
      -ms-transform: rotate(-16deg);
          transform: rotate(-16deg);
}

.arrivals-list__ttl {
  font-size: 25px;
  font-weight: bold;
  color: #444444;
  line-height: 1.12;
  padding: 5px 33px;
  letter-spacing: 0.7px;
}

.arrivals-list__point {
  margin-bottom: 14px;
}

.arrivals-list__date {
  font-size: 17px;
  color: #444444;
  padding: 0 37px;
  letter-spacing: 1px;
}

.arrivals-link {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border: 2px solid #19a72a;
  border-top: none;
  font-size: 28px;
  line-height: 1;
  text-align: center;
}

.arrivals-link li {
  width: 50%;
  border-right: 1px solid #19a72a;
  border-top: 2px solid #19a72a;
  box-sizing: border-box;
}

.arrivals-link li:nth-child(even) {
  border-right: none;
  border-left: 1px solid #19a72a;
}

.arrivals-link li:first-child {
  border-top: none;
}

.arrivals-link li:first-child + li {
  border-top: none;
}

.arrivals-link li a {
  display: block;
  height: 100%;
  color: #666666;
  padding: 15px 10px 14px;
  position: relative;
}

.arrivals-link li a:after {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  border-top: 3px solid #19a72a;
  border-right: 3px solid #19a72a;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 13px;
  top: 35%;
  box-sizing: border-box;
}

.arrivals-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 20px 0 18px;
  background: #fff;
}

.arrivals-banner__item {
  width: calc(50% - 9px);
  margin-right: 18px;
}

.arrivals-banner__item:nth-child(even) {
  margin-right: 0;
}

.arrivals-banner__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  height: 100%;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  line-height: 1.2;
  min-height: 150px;
  background: url("/control/sp/common/img/index/bg-arrivals-banner.png") no-repeat;
  background-size: cover;
  padding: 16px 0 0 20px;
}





/*試合日程*/

#index_2020 .sec-match {

}

#index_2020 .match-block {
  background: url("/control/sp/common/img/index/bg-match.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 11px 0 20px;
}

#index_2020 .match-block__wrap {
  position: relative;
}

#index_2020 .match-block__slider {
  position: relative;
}

#index_2020 .match-block__slider .slick-prev, .match-block__slider .slick-next {
  position: absolute;
  top: 45.5%;
  width: 25px;
  height: 25px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  z-index: 1;
}

#index_2020 .match-block__slider .slick-prev {
  left: 35px;
  -webkit-transform: translateY(-50%) rotate(-135deg);
      -ms-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}

#index_2020 .match-block__slider .slick-next {
  right: 35px;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

#index_2020 .match-block__item {
  padding: 0 20px;
  outline: none;
}

#index_2020 .match-block__main {
  color: #fff;
  -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
  padding-bottom: 10px;
  position: relative;
  z-index: 1;
}

#index_2020 .match-block__main:last-child {
  margin-right: 0;
}

#index_2020 .match-block__main:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("/control/sp/common/img/index/match-block-bg02.png") no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
  opacity: 0.85;
}

#index_2020 .match-block__txt {
  width: 186px;
  margin: 0 auto;
  position: relative;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 22px;
}

#index_2020 .match-block__txt:before {
  position: absolute;
  content: '';
  background: #8fc31f;
  top: 0;
  left: 2px;
  right: 4px;
  height: 100%;
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
          transform: skewX(-10deg);
}

#index_2020 .match-block__txt span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 5px 5px 1px;
}



#index_2020 .match-block__txt__away {
  width: 186px;
  margin: 0 auto;
  position: relative;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 22px;
}

#index_2020 .match-block__txt__away:before {
  position: absolute;
  content: '';
  background: #999;
  top: 0;
  left: 2px;
  right: 4px;
  height: 100%;
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
          transform: skewX(-10deg);
}

#index_2020 .match-block__txt__away span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 5px 5px 1px;
}





#index_2020 .match-block__time {
  font-size: 28px;
  text-align: center;
  text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.36);
  letter-spacing: 4px;
  line-height: 1.2;
  margin-bottom: 3px;
}

#index_2020 .match-block__time > span {
  display: block;
  font-weight: bold;
  font-size: 58px;
  letter-spacing: 0;
  margin-top: 6px;
}

#index_2020 .match-block__time > span .sm01 {
  font-size: 36px;
}

#index_2020 .match-block__time > span .sm02 {
  font-size: 48px;
}

#index_2020 .match-block__time > span .sm03 {
  font-size: 32px;
}

#index_2020 .match-block__time > span .sm04 {
  font-size: 39px;
}

#index_2020 .match-block__txt02 {
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

#index_2020 .match-block__txt02 span {
  position: relative;
  display: inline-block;
  width: 60px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0;
  color: #003f8d;
  margin-right: 6px;
  top: -4px;
  padding: 2px;
}

#index_2020 .match-block__txt02 span:before {
  position: absolute;
  content: '';
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
          transform: skewX(-10deg);
}

#index_2020 .match-block__txt02 span small {
  position: relative;
  z-index: 1;
}

#index_2020 .match-block__txt03 {
  text-align: center;
  font-family: "Axis", Arial, Helvetica, Verdana, sans-serif;
  font-style: italic;
  font-size: 39px;
  font-weight: bold;
  background: #fff;
  color: #051838;
  line-height: 1.2;
  padding: 7px 10px 2px;
  letter-spacing: 1.3px;
  margin-bottom: 5px;
}

#index_2020 .match-block__txt03 > span {
  position: relative;
  padding-left: 48px;
}

#index_2020 .match-block__txt03 small {
  font-style: normal;
  font-size: 20px;
  width: 41px;
  height: 41px;
  line-height: 41px;
  color: #fff;
  background: #051838;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

#index_2020 .match-block__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 26px;
}

#index_2020 .match-block__logo {
  width: 102px;
  text-align: center;
  margin: 14px 0px;
}

#index_2020 .match-block__btn {
  width: 257px;
}

#index_2020 .result_number{
  color:#fff;
  text-align:center;
  font-weight: bold;
  font-size: 60px;
  font-style: italic;
  margin:0px;
  padding: 0px;
}


#index_2020 .result_btn__none {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
 
  background-color: #5e5e5e;
  color: #9b9b9b;
  padding: 8px 0 6px 0;
  border-radius: 8px;
}


#index_2020 .result_btn {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #fe1f78;
  color: #fff;
  padding: 8px 0 6px 0;
  border-radius: 8px;
}

#index_2020 .result_btn span {
  position: relative;
}

#index_2020 .result_btn span:after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  top: 42%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: -24px;
}



#index_2020 .ticket_btn {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #fbff00;
  color: #000;
  padding: 8px 0 6px 0;
  border-radius: 8px;
}

#index_2020 .ticket_btn span {
  position: relative;
}

#index_2020 .ticket_btn span:after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-top: 4px solid #000;
  border-right: 4px solid #000;
  top: 42%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: -24px;
}







#index_2020 .match-block__btn a {
  display: block;
  margin-bottom: 0px;
}

#index_2020 .match-block__btn a:last-child {
  margin-bottom: 0;
}

#index_2020 .match-ttl {
  font-size: 40px;
  font-weight: 900;
  text-align: center;
  color: #0b3c8e;
  text-shadow: 1px 0 0 white;
  letter-spacing: 6px;
  margin-bottom: 3px;
}

/*試合日程下ボタン*/
#index_2020 .match-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #0f51bf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0f51bf), to(#004098));
  background-image: -o-linear-gradient(#0f51bf, #004098);
  background-image: linear-gradient(#0f51bf, #004098);
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 33px;

}

#index_2020 .match-list__item {
  width: 33.33%;
  border-right: 1px solid #1f64c7;
  border-left: 1px solid #032d71;
  box-sizing: border-box;
}

#index_2020 .match-list__item:first-child {
  border-left: 1px solid transparent;
}

#index_2020 .match-list__item:last-child {
  border-right: 1px solid transparent;
}

#index_2020 .match-list__wrap {
  display: block;
  width: 100%;
  height: 100%;
  padding: 17px 10px 7px;
  color: white;
  box-sizing: border-box;
}

#index_2020 .match-list__ico {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}

/*試合結果テーブル*/
#index_2020 .match-table {
  width: 100%;
  font-weight: bold;
  text-align: center;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  color: #3b3b3b;
}

#index_2020 .match-table tr:nth-child(odd) {
  background: #eaf2f8;
}

#index_2020 .match-table tr:first-child {
  background: #cccccc;
}

#index_2020 .match-table tr th {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 5.75%;
  padding: 16px 5px 13px;
  border: 1px solid #cccccc;
  border-top: none;
  border-bottom: none;
}

#index_2020 .match-table tr th:first-child {
  width: 9.87%;
}

#index_2020 .match-table tr th:first-child + th {
  width: 44.13%;
}

#index_2020 .match-table tr td {
  font-size: 20px;
  border: 1px solid #cccccc;
  border-top: none;
  border-bottom: none;
  padding: 10px 5px 11px;
}

#index_2020 .match-table tr td:first-child {
  border-left: 1px solid transparent;
}

#index_2020 .match-table tr td img {
  margin-right: 9px;
}

#index_2020 .match-table tr.active {
  background: #def1ca;
}

#index_2020 .match-table tr.active td:nth-of-type(2) {
  font-size: 22px;
}





/*選手イチオシ*/

#index_2020 .sec-recommended {
  margin-bottom: 10px;
}

#index_2020 .sec-recommended .inner {
  background: url("/control/sp/common/img/index/bg-caro-green.jpg") no-repeat;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
  padding-bottom: 1px;
}

#index_2020 .recommended-head {
  position: relative;
  padding: 26px 0 37px;
}

#index_2020 .recommended-head__txt {
  position: absolute;
  width: 317px;
  min-height: 134px;
  background: url("/control/sp/common/img/index/bg-comment.png") no-repeat;
  background-size: 100% 100%;
  right: 31px;
  bottom: 31px;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  line-height: 1.2;
  letter-spacing: 0.6px;
  z-index: 1;
}

#index_2020 .recommended-head__txt span{
  position: relative;
  top: 40px;
  left: 15px;
  display: inline-block;
  width: 300px;
}


#index_2020 .recommended-head__img {
  position: absolute;
  top: 64px;
  right: -50%;
}

#index_2020 .recommended-head__img.active {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  right: -2px;
}

#index_2020 .recommended-head .arrivals-list {
  position: relative;
  z-index: 1;
  text-align:center;
}

#index_2020 .recommended-head .arrivals-list__img img{
  width: 240px;
}

#index_2020 .recommended-head .arrivals-list__item {
  padding: 0 25px;
  width: 54.9%;
  margin-bottom: 0;
}

#index_2020 .recommended-head .arrivals-list__wrap {
  padding: 32px 0 4px;
}

#index_2020 .recommended-head .arrivals-list__head {
  margin-bottom: 27px;
}

#index_2020 .recommended-head .arrivals-list__ttl {
  font-size: 22px;
  background: #ffd800;
  color: #000000;
  padding: 16px 25px 10px;
  margin-bottom: 18px;
}

#index_2020 .recommended-head .arrivals-list__point.new {
  font-size: 48px;
}

#index_2020 .recommended-ttl {
  font-size: 67px;
  font-weight: bold;
  color: #003399;
  line-height: 1;
  text-shadow: #fff 6px 0px 0px, #fff 5.91686px 0.995377px 0px, #fff 5.66974px 1.96317px 0px, #fff 5.2655px 2.87655px 0px, #fff 4.71532px 3.71022px 0px, #fff 4.03447px 4.44106px 0px, #fff 3.24181px 5.04883px 0px, #fff 2.35931px 5.51667px 0px, #fff 1.41143px 5.83163px 0px, #fff 0.424423px 5.98497px 0px, #fff -0.574341px 5.97245px 0px, #fff -1.55719px 5.79441px 0px, #fff -2.49688px 5.45578px 0px, #fff -3.36738px 4.96596px 0px, #fff -4.14455px 4.33852px 0px, #fff -4.80686px 3.59083px 0px, #fff -5.33596px 2.74364px 0px, #fff -5.71718px 1.8204px 0px, #fff -5.93995px 0.84672px 0px, #fff -5.99811px -0.150428px 0px, #fff -5.89004px -1.14341px 0px, #fff -5.61874px -2.1047px 0px, #fff -5.19172px -3.00766px 0px, #fff -4.62082px -3.82727px 0px, #fff -3.92186px -4.54081px 0px, #fff -3.11421px -5.12852px 0px, #fff -2.22026px -5.57409px 0px, #fff -1.26477px -5.86518px 0px, #fff -0.274238px -5.99373px 0px, #fff 0.723898px -5.95617px 0px, #fff 1.70197px -5.75355px 0px, #fff 2.63288px -5.39147px 0px, #fff 3.49082px -4.87998px 0px, #fff 4.25202px -4.23324px 0px, #fff 4.89538px -3.46919px 0px, #fff 5.40307px -2.60899px 0px, #fff 5.76102px -1.67649px 0px, #fff 5.95932px -0.697531px 0px,
 #003399 12px 0px 0px, #003399 11.9584px 0.998843px 0px, #003399 11.8337px 1.99075px 0px, #003399 11.6269px 2.96885px 0px, #003399 11.3395px 3.92634px 0px, #003399 10.9733px 4.85657px 0px, #003399 10.531px 5.75311px 0px, #003399 10.0156px 6.60971px 0px, #003399 9.43065px 7.42044px 0px, #003399 8.78027px 8.17967px 0px, #003399 8.06895px 8.88212px 0px, #003399 7.30163px 9.52293px 0px, #003399 6.48363px 10.0977px 0px, #003399 5.62063px 10.6023px 0px, #003399 4.71862px 11.0333px 0px, #003399 3.78387px 11.3878px 0px, #003399 2.82285px 11.6633px 0px, #003399 1.84224px 11.8577px 0px, #003399 0.848846px 11.9699px 0px, #003399 -0.15044px 11.9991px 0px, #003399 -1.14868px 11.9449px 0px, #003399 -2.13895px 11.8078px 0px, #003399 -3.11438px 11.5888px 0px, #003399 -4.06819px 11.2894px 0px, #003399 -4.99376px 10.9116px 0px, #003399 -5.88468px 10.458px 0px, #003399 -6.73475px 9.93192px 0px, #003399 -7.53808px 9.33688px 0px, #003399 -8.2891px 8.67703px 0px, #003399 -8.98258px 7.95696px 0px, #003399 -9.61372px 7.18167px 0px, #003399 -10.1781px 6.35653px 0px, #003399 -10.6719px 5.48727px 0px, #003399 -11.0916px 4.57993px 0px, #003399 -11.4344px 3.64081px 0px, #003399 -11.6977px 2.67641px 0px, #003399 -11.8799px 1.69344px 0px, #003399 -11.9796px 0.698716px 0px, #003399 -11.9962px -0.300857px 0px, #003399 -11.9296px -1.29834px 0px, #003399 -11.7801px -2.28682px 0px, #003399 -11.5489px -3.25942px 0px, #003399 -11.2375px -4.2094px 0px, #003399 -10.8481px -5.13016px 0px, #003399 -10.3834px -6.01532px 0px, #003399 -9.84671px -6.85874px 0px, #003399 -9.24164px -7.65454px 0px, #003399 -8.57243px -8.39723px 0px, #003399 -7.84372px -9.08163px 0px, #003399 -7.06058px -9.703px 0px, #003399 -6.22843px -10.257px 0px, #003399 -5.35305px -10.7399px 0px, #003399 -4.44052px -11.1482px 0px, #003399 -3.49717px -11.4791px 0px, #003399 -2.52955px -11.7304px 0px, #003399 -1.54437px -11.9002px 0px, #003399 -0.548477px -11.9875px 0px, #003399 0.451226px -11.9915px 0px, #003399 1.4478px -11.9123px 0px, #003399 2.43432px -11.7505px 0px, #003399 3.40395px -11.5071px 0px, #003399 4.34995px -11.1838px 0px, #003399 5.26576px -10.7829px 0px, #003399 6.14503px -10.3072px 0px, #003399 6.98164px -9.75995px 0px, #003399 7.7698px -9.14495px 0px, #003399 8.50404px -8.46648px 0px, #003399 9.17925px -7.72925px 0px, #003399 9.79076px -6.93838px 0px, #003399 10.3343px -6.09935px 0px, #003399 10.8061px -5.21799px 0px, #003399 11.203px -4.30041px 0px, #003399 11.522px -3.35299px 0px, #003399 11.7612px -2.38229px 0px, #003399 11.9186px -1.39506px 0px, #003399 11.9934px -0.398151px 0px;
  padding: 0 22px;
  letter-spacing: 1px;
  position: relative;
  z-index: 2;
}

#index_2020 .recommended-ttl small {
  font-size: 28px;
  margin-left: 6px;
}

#index_2020 .recommended-ttl > span {
  font-size: 58px;
  letter-spacing: 1.7px;
}

#index_2020 .recommended-ttl .pink {
  color: #fe1f78;
  margin-right: 9px;
}

#index_2020 .recommended-ttl .top {
  position: relative;
  top: 12px;
  z-index: -1;
}

#index_2020 .recommended-list {
  position: relative;
  background: #fff;
  padding: 5px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

#index_2020 .recommended-list__item {
  width: 50%;
  padding: 0 10px;
  margin-bottom: 7px;
  box-sizing: border-box;
}

#index_2020 .recommended-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
}

#index_2020 .recommended-list__img {
  width: 120px;
  padding-bottom: 6px;
}

#index_2020 .recommended-list__content {
  width: calc(100% - 120px);
  padding-left: 21px;
  text-align: right;
}

#index_2020 .recommended-list__tag {
  color: #666666;
  font-size: 14px;
  margin-bottom: 6px;
}

#index_2020 .recommended-list__tag span {
  position: relative;
  display: inline-block;
}

#index_2020 .recommended-list__tag span:before {
  position: absolute;
  content: '';
  height: 1px;
  bottom: 1px;
  left: 0;
  right: 0;
  background: #666666;
}

#index_2020 .recommended-list__ttl {
  font-size: 18px;
  line-height: 1.22;
  color: #444;
  margin-bottom: 5px;
}

#index_2020 .recommended-list__point {
  text-align: right;
  font-size: 33.5px;
  font-weight: bold;
  color: #fe1f78;
  margin-right: 10px;
}

#index_2020 .recommended-list__point img {
  position: relative;
  top: -4px;
  left: 4px;
}

#index_2020 .recommended-list__point small {
  font-size: 18px;
}


/*ランキング*/

#index_2020 .rank-block {
  background: #ececec;
}

#index_2020 .rank-list {
  padding: 8px 19px 14px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2;
}

#index_2020 .rank-list small {
  font-size: 20px;
}

#index_2020 .rank-list__item {
  margin: 8px 0;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0 16px 0 13px;

}

#index_2020 .rank-list__item:first-child .rank-list__number span {
  background: url("/control/sp/common/img/index/ico-rank-01.png") no-repeat;
}

#index_2020 .rank-list__item:nth-of-type(2) .rank-list__number span {
  background: url("/control/sp/common/img/index/ico-rank-02.png") no-repeat;
}

#index_2020 .rank-list__item:nth-of-type(3) .rank-list__number span {
  background: url("/control/sp/common/img/index/ico-rank-03.png") no-repeat;
}

#index_2020 .rank-list__number {
  width: 38px;
  text-align: center;
  font-family: "Axis", Arial, Helvetica, Verdana, sans-serif;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 11px;
  font-weight: 800;
  text-shadow: #fff 1px 0px 0px, #fff 0.540302px 0.841471px 0px, #fff -0.416147px 0.909297px 0px, #fff -0.989992px 0.14112px 0px, #fff -0.653644px -0.756802px 0px, #fff 0.283662px -0.958924px 0px, #fff 0.96017px -0.279415px 0px;
}

#index_2020 .rank-list__number span {
  min-width: 38px;
  padding-top: 2px;
}


.rank-list__mum img{
  height: 45px;
  width: 45px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
  margin: 0px 8px;
}


.rank-list__mum {
}



/*
#index_2020 .rank-list__img {
  position: relative;
  width: 73px;
}

#index_2020 .rank-list__img img {
  position: absolute;
  top: 56%;
  left: 57%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
*/

#index_2020 .rank-list__ttl {
  color: #333333;
  font-style: italic;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 392px;
  letter-spacing: 0.8px;
  padding: 13px 0 6px;
}

#index_2020 .rank-list__point {
  color: #fe3c86;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 190px;
  margin-right: 10px;
  float: right;
}

#index_2020 .rank-list__point span {
  position: relative;
  letter-spacing: 0.8px;
  width: 100%;
  text-align: right;
}

#index_2020 .rank-list__point span img {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}





/*案件詳細2020*/

.anken__ttl {
  font-size: 33px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 9px;
  padding: 0px 10px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}



.anken__btn {
  -webkit-box-shadow: 1px 4px 0 rgba(176, 0, 0, 0.97);
          box-shadow: 1px 4px 0 rgba(176, 0, 0, 0.97);
  border-radius: 40px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(22%, #db0000), color-stop(64%, #ff0000));
  background: -o-linear-gradient(bottom, #db0000 22%, #ff0000 64%);
  background: linear-gradient(to top, #db0000 22%, #ff0000 64%);
  width: 710px;
  color: #ffffff;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 34px;
  line-height: 1;
  font-weight: bold;
  padding: 30px 0px 20px 0px;
  margin: 0 auto;
  margin-bottom: 55px;
  text-align: center;
  display: block;
}

.anken__btn input{
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  color: #ffffff;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  line-height: 1;
  font-weight: bold;
  font-size: 34px;
  width: 710px;
}


.anken__btn input:hover{
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0.7;
  }

  .anken__btn a{
    color: #fff;
  }

  .anken__btn a:hover{
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    opacity: 0.7;
    }
  

.anken-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 17px;
}

.anken-top__cate {
  color: #ffffff;
  font-size: 26px;
  font-weight: bold;
  padding: 5px 18px 1px;
  line-height: 1.2;
  background-color: #ff0000;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.anken-top__tags {
  font-size: 24px;
  line-height: 1.3;
  color: #666666;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  position: relative;
  top: 3px;
  padding-right: 10px;
}

.anken-main {
  background: url("/control/sp/common/img/work_detail/bg.png") no-repeat center top;
  padding: 30px 19px;
  position: relative;
  margin-bottom: 50px;
  box-sizing: border-box;
  max-height: 560px;
  width:750px;
}

.anken-main__wrap {
  max-width: 452px;
  max-height: 500px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.67);
          box-shadow: 0 6px 10px rgba(0, 0, 0, 0.67);
  padding: 58px 0 10px;
  box-sizing: border-box;
}

.anken-main__ttl {
  position: absolute;
  z-index: 2;
  top: 34px;
  right: 22px;
  text-align: center;
  font-size: 34px;
  line-height: 1.3;
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
  color: #190080;
  font-weight: bold;
  text-shadow: white 6px 0px 0px, white 5.91686px 0.99538px 0px, white 5.66974px 1.96317px 0px, white 5.2655px 2.87655px 0px, white 4.71532px 3.71022px 0px, white 4.03447px 4.44106px 0px, white 3.24181px 5.04883px 0px, white 2.35931px 5.51667px 0px, white 1.41143px 5.83163px 0px, white 0.42442px 5.98497px 0px, white -0.57434px 5.97245px 0px, white -1.55719px 5.79441px 0px, white -2.49688px 5.45578px 0px, white -3.36738px 4.96596px 0px, white -4.14455px 4.33852px 0px, white -4.80686px 3.59083px 0px, white -5.33596px 2.74364px 0px, white -5.71718px 1.8204px 0px, white -5.93995px 0.84672px 0px, white -5.99811px -0.15043px 0px, white -5.89004px -1.14341px 0px, white -5.61874px -2.1047px 0px, white -5.19172px -3.00766px 0px, white -4.62082px -3.82727px 0px, white -3.92186px -4.54081px 0px, white -3.11421px -5.12852px 0px, white -2.22026px -5.57409px 0px, white -1.26477px -5.86518px 0px, white -0.27424px -5.99373px 0px, white 0.7239px -5.95617px 0px, white 1.70197px -5.75355px 0px, white 2.63288px -5.39147px 0px, white 3.49082px -4.87998px 0px, white 4.25202px -4.23324px 0px, white 4.89538px -3.46919px 0px, white 5.40307px -2.60899px 0px, white 5.76102px -1.67649px 0px, white 5.95932px -0.69753px 0px, #190080 12px 0px 0px, #190080 11.9584px 0.99884px 0px, #190080 11.8337px 1.99075px 0px, #190080 11.6269px 2.96885px 0px, #190080 11.3395px 3.92634px 0px, #190080 10.9733px 4.85657px 0px, #190080 10.531px 5.75311px 0px, #190080 10.0156px 6.60971px 0px, #190080 9.43065px 7.42044px 0px, #190080 8.78027px 8.17967px 0px, #190080 8.06895px 8.88212px 0px, #190080 7.30163px 9.52293px 0px, #190080 6.48363px 10.0977px 0px, #190080 5.62063px 10.6023px 0px, #190080 4.71862px 11.0333px 0px, #190080 3.78387px 11.3878px 0px, #190080 2.82285px 11.6633px 0px, #190080 1.84224px 11.8577px 0px, #190080 0.84885px 11.9699px 0px, #190080 -0.15044px 11.9991px 0px, #190080 -1.14868px 11.9449px 0px, #190080 -2.13895px 11.8078px 0px, #190080 -3.11438px 11.5888px 0px, #190080 -4.06819px 11.2894px 0px, #190080 -4.99376px 10.9116px 0px, #190080 -5.88468px 10.458px 0px, #190080 -6.73475px 9.93192px 0px, #190080 -7.53808px 9.33688px 0px, #190080 -8.2891px 8.67703px 0px, #190080 -8.98258px 7.95696px 0px, #190080 -9.61372px 7.18167px 0px, #190080 -10.1781px 6.35653px 0px, #190080 -10.6719px 5.48727px 0px, #190080 -11.0916px 4.57993px 0px, #190080 -11.4344px 3.64081px 0px, #190080 -11.6977px 2.67641px 0px, #190080 -11.8799px 1.69344px 0px, #190080 -11.9796px 0.69872px 0px, #190080 -11.9962px -0.30086px 0px, #190080 -11.9296px -1.29834px 0px, #190080 -11.7801px -2.28682px 0px, #190080 -11.5489px -3.25942px 0px, #190080 -11.2375px -4.2094px 0px, #190080 -10.8481px -5.13016px 0px, #190080 -10.3834px -6.01532px 0px, #190080 -9.84671px -6.85874px 0px, #190080 -9.24164px -7.65454px 0px, #190080 -8.57243px -8.39723px 0px, #190080 -7.84372px -9.08163px 0px, #190080 -7.06058px -9.703px 0px, #190080 -6.22843px -10.257px 0px, #190080 -5.35305px -10.7399px 0px, #190080 -4.44052px -11.1482px 0px, #190080 -3.49717px -11.4791px 0px, #190080 -2.52955px -11.7304px 0px, #190080 -1.54437px -11.9002px 0px, #190080 -0.54848px -11.9875px 0px, #190080 0.45123px -11.9915px 0px, #190080 1.4478px -11.9123px 0px, #190080 2.43432px -11.7505px 0px, #190080 3.40395px -11.5071px 0px, #190080 4.34995px -11.1838px 0px, #190080 5.26576px -10.7829px 0px, #190080 6.14503px -10.3072px 0px, #190080 6.98164px -9.75995px 0px, #190080 7.7698px -9.14495px 0px, #190080 8.50404px -8.46648px 0px, #190080 9.17925px -7.72925px 0px, #190080 9.79076px -6.93838px 0px, #190080 10.3343px -6.09935px 0px, #190080 10.8061px -5.21799px 0px, #190080 11.203px -4.30041px 0px, #190080 11.522px -3.35299px 0px, #190080 11.7612px -2.38229px 0px, #190080 11.9186px -1.39506px 0px, #190080 11.9934px -0.39815px 0px;
}

.anken-main__ttl span.pink {
  color: #ff0000;
  font-size: 40px;
}

.anken-main__ttl small {
  font-size: 28px;
  margin-left: 10px;
}

.anken-main__player {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
}

.anken-main__player img{
  width:283px;
  height:416px;
}

.anken-main__img {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 46px;
  max-width: 240px;
  max-height: 120px;
  min-height: 120px;
}

.anken-main__img img{
  width: 100%;
  vertical-align: middle;
}

.anken-main__list .item {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.anken-main__list .item__label {
  background: -webkit-gradient(linear, left bottom, left top, from(#6b9f00), to(#99cc00));
  background: -o-linear-gradient(bottom, #6b9f00, #99cc00);
  background: linear-gradient(to top, #6b9f00, #99cc00);
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.08;
  color: #ffffff;
  padding:;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  width: 210px;
  height: 77px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.anken-main__list .item__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  padding-top: 2px;
}

.anken-main__list .item__content .txt-lg {
  color: #fe1f78;
  font-weight: bold;
  font-size: 36px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.1;
}

.anken-main__list .item__content .txt-sm {
  color: #444444;
  font-size: 21px;
  line-height: 1.33;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.anken-main__list .item__content .txt-md {
  color: #444444;
  font-size: 30px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.anken-des {
  background: url("/control/sp/common/img/work_detail/bg-02.png") repeat-x left top, url("/control/sp/common/img/work_detail/bg-03.png") repeat-x left bottom, #f3f3f3;
  margin-bottom: 40px;
  padding: 59px 40px;
  box-sizing: border-box;
}

.anken-des__ttl {
  color: #444444;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 34px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 31px;
}

.anken-des__txt {
  font-size: 22px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.32;
}

.anken-tabs {
  margin: 0 -20px;
}

.anken-tabs__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}

.anken-tabs__tab {
  width: 50%;
  color: #444444;
  font-size: 34px;
  line-height: 1;
  text-align: center;
  padding: 22px 10px 13px;
  z-index: 1;
  background-color: #e5e5e5;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  cursor: pointer;
}

.anken-tabs__tab.active {
  background-color: #fff;
  -webkit-box-shadow: 2px 0 4px rgba(68, 68, 68, 0.66);
          box-shadow: 2px 0 4px rgba(68, 68, 68, 0.66);
  z-index: 2;
}

.anken-tabs__body {
  position: relative;
  z-index: 2;
  background-color:#fff;
  width: 750px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 36px 40px;
  box-sizing: border-box;
}

.anken-tabs__wrap {
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 23px;
  line-height: 1.14;
  color: #444444;
  display: none;
}

.anken-tabs__wrap.active {
  display: block;
}

.anken-tabs__wrap p {
  margin-bottom: 27px;
}

.anken-talk {
  margin: 0 -20px 41px;
}

.anken-talk__ttl {
  margin-bottom: 10px;
  padding: 4px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.anken-talk__ttl img {
  margin-right: 6px;
}

.anken-talk__ttl span {
  color: #99cc00;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 0.7;
}

.anken-talk__list .item {
  border-top: 2px solid #99cc00;
  padding: 32px 42px 2px;
}

.anken-talk__list .item:last-child {
  border-bottom: 2px solid #99cc00;
}

.anken-talk__list .item__ttl {
  color: #666666;
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  margin-bottom: 14px;
}

.anken-talk__list .item__txt {
  color: #666666;
  font-size: 24px;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.17;
  margin-bottom: 22px;
}

.anken-talk__list .item__date {
  text-align: right;
}

.anken-talk__list .item__date span {
  color: #999999;
  font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 24px;
  line-height: 1.08;
}






/* ====================================================
player_list detail　選手一覧、選手詳細
==================================================== */





/*選手詳細　履歴　戻るボタン*/

.btnBKg20{
	font-size: 24px;
	background:#99cc00;
	color:#ffffff;
	font-weight:bold;
	box-shadow:0 4px 0 #82ae00;
	box-sizing:border-box;
	text-align:center;
    padding:12px 0px 8px 0px;
    margin-bottom: 30px;
}


/*選手一覧*/

#player_list_2020 .player_list_title{
    width: 750px;
}


#player_list_2020 .player_list_celect li{
    width: 250px;
    float: left;
}

#player_list_2020 .player_list_celect li p{
    background: pink;
    width: 226px;
    border: 2px #123f97 solid;
    color: #123f97;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 6px 0px 0px 10px;
    font-weight: bold; 
    font-size:34px;
    margin: 10px auto;
    background:url(https://suzuka-un.co.jp/img/player_photos/dev/ico_down01.svg) #fff;
    background-position: right 14px center;
    background-repeat: no-repeat;
    background-size: 26px auto;
}


/*各選手*/
#player_list_2020 section.player_list_each{
}

#player_list_2020 .player_list_each h3{
    padding:20px 0px 0px 20px;
    margin: 50px 0px 10px 0px;
	border-bottom:#123f97 3px solid;
    font-style: italic;
    color:#123f97;
    font-size: 46px;
    line-height:1;
}

#player_list_2020 .player_list_each li{
    background: #ffffff;
    width: 375px;
    float: left;
    box-sizing: border-box;
    text-align: center;
    padding-top: 10px;
}

#player_list_2020 .player_list_each .each{
    display: inline-block;
}


/*選手名*/
#player_list_2020 .player_list_each li p.name{
    color: #123f97;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
    font-size: 24px;
}

/*写真と背番号*/
#player_list_2020 .player_list_each li .pic{
    position: relative;/*相対配置*/
    width: 295px;
}

#player_list_2020 .player_list_each li .pic p{
    position: absolute;/*絶対配置*/
    color: #123f97;
    background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    padding: 14px 55px 0px 10px;
    font-size: 40px;
    line-height:36px;
    font-style: italic;
    bottom: 0;
    left: 0;
}

#player_list_2020 .player_list_each li .pic span{
    font-weight: bold;
    font-size: 54px;
    margin-left: 3px;
    letter-spacing: -2px;
}

#player_list_2020 .player_list_each li .pic img{
    width: 100%;
}


/*写真と背番号 st*/
#player_list_2020 .player_list_each li .pic_st{
  position: relative;/*相対配置*/
  width: 295px;
}

#player_list_2020 .player_list_each li .pic_st p{
  position: absolute;/*絶対配置*/
  color: #123f97;
  background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
  padding: 5px 45px 0px 10px;
  font-size: 26px;
  line-height:36px;
  font-style: italic;
  bottom: 0;
  left: 0;
}

#player_list_2020 .player_list_each li .pic_st img{
  width: 100%;
}



#player_list_2020 .clear{
    clear:both;
}

/* .pager */
/* ＞はsvgなので注意　phpに書いてあります。元々は記事一覧2020から拝借*/
.pager ul {
    display: flex;
    justify-content: space-between;
    padding: 50px 60px 10px;
    font-size: 28px;
}
.pager ul li a {
    width: 50px;
    height: 50px;
    line-height: 38px;
    color: #0d3d8d;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
}
.pager ul .current a {
    background-color: #0d3d8d;
    color: #fff;
}
.pager ul .start a,
.pager ul .end a {
    width: 24px;
}
.pager ul .prev a,
.pager ul .next a {
    width: 15px;
}
.pager ul .start svg,
.pager ul .end svg {
    width: 24px;
    height: 26px;
}
.pager ul .prev svg,
.pager ul .next svg {
    width: 15px;
    height: 26px;
}
.pager ul .start svg,
.pager ul .prev svg {
    transform: rotate(-180deg);
}
.pager ul li .cls-1 {
    fill: none;
    stroke: #0d3d8d;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4.3px;
}

/*200331cart&news鈴木追加*/


/* ---------------------
    cart
   --------------------- */
/* .titleArea */
#shopcart .titleArea {
  padding: 0 20px;
  border-bottom: 3px solid #003399;
  box-sizing: border-box;
  height:105px;
  position: relative;

}
#shopcart .titleArea h1 {
  color: #003399;
  font-weight: bold;
  vertical-align: text-bottom;
  position: absolute;
  bottom: 0;
}

#shopcart .shopcart_incart .titleArea h1,
#shopcart .shopcart_pay .titleArea h1,
#shopcart .shopcart_confirm .titleArea h1,
#shopcart .shopcart_comp .titleArea h1 {
    text-align: center;
    padding-top: 10px;
}

#shopcart .shopcart_list,
#shopcart .shopcart_detail,
#shopcart .shopcart_incart,
#shopcart .shopcart_pay,
#shopcart .shopcart_confirm, 
#shopcart .shopcart_comp {
    margin-top: 40px;
}


#shopcart {
    position: relative;
}
#shopcart .titleArea .cart_icon {
    width: 72px;
    height: 72px;
    border: 5px solid #0d3d8d;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 31px;
}
#shopcart .titleArea .cart_icon svg {
    width: 43px;
    height: 44px;
    fill: #0d3d8d;
    position: relative;
}
#shopcart .titleArea .cart_number {
    width: 38px;
    height: 38px;
    background-color: #e7141a;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    position: absolute;
    right: 27px;
}

/*  title  */
#shopcart .headline1 {
    color: #003399;
    font-weight: bold;
    background: url("/control/sp/img/cart/title.svg") right bottom no-repeat;
    background-size: 310px auto;
    border-bottom: 5px solid #003399;
    margin-bottom: 10px;
    line-height: 50px;
}

/*  btnArea  */
.shopcart_incart .btnArea ul li,
.shopcart_pay .btnArea ul li,
.shopcart_confirm .btnArea ul li,
.shopcart_comp .btnArea ul li {
    margin-bottom: 25px;
}
.shopcart_incart .btnArea ul li input,
.shopcart_pay .btnArea ul li input,
.shopcart_confirm .btnArea ul li input,
.shopcart_comp .btnArea ul li input {
    -webkit-appearance: none;
    width: 100%;
    line-height: 80px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    padding: 0;
    box-sizing: border-box;
    border: none;
    box-shadow: 2px 2px 3px 0px rgba(255,255,255,0.85) inset,-2px -2px 3px 0px rgba(0,0,0,0.85) inset;
    cursor: pointer;
    background-color: #06348b;
}
.shopcart_incart .btnArea ul li input.back,
.shopcart_pay .btnArea ul li input.back,
.shopcart_confirm .btnArea ul li input.back,
.shopcart_comp .btnArea ul li input.back {
    background-color: #4d4d4d;
}



/* cart/list.html
------------------------------------------------- */
/* .titleArea */
.shopcart_list .titleArea,
.shopcart_detail .titleArea {
    height: 105px;
}
.shopcart_list .titleArea h1,
.shopcart_detail .titleArea h1 {

}
.shopcart_list .titleArea .cart_icon,
.shopcart_detail .titleArea .cart_icon {
    top: 23px;
}
.shopcart_list .titleArea .cart_number,
.shopcart_detail .titleArea .cart_number {
    top: 7px;
}

/* .searchArea */
.shopcart_list .searchArea {
    background-color: #e5e5e5;
}
.shopcart_list .searchArea dl {
    display: flex;
    justify-content: center;
}
.shopcart_list .searchArea dl dt {
    width: 500px;
}
.shopcart_list .searchArea dl dd {
    width: 150px;
}
.shopcart_list .searchArea input {
    width: 100%;
    height: 60px;
    -webkit-appearance: none;
}
.shopcart_list .searchArea input[type="text"] {
    border: 1px solid #bfbfbf;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 30px;
    padding: 0 10px;
}
.shopcart_list .searchArea input[type="submit"] {
    text-align: center;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 0 10px 10px 0;
    background-color: #1348b0;
    cursor: pointer;
}

/* .slidesArea */
.shopcart_list .slidesArea {
    width: 100%;
    height: 400px;
}

/* .pageNav */
.shopcart_list .pageNav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
}
.shopcart_list .pageNav ul li {
    width: 50%;
    height: 80px;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.shopcart_list .pageNav ul li:first-child,
.shopcart_list .pageNav ul li:nth-child(3) {
    border-right: none;
}
.shopcart_list .pageNav ul li:first-child,
.shopcart_list .pageNav ul li:nth-child(2) {
    border-bottom: none;
}
.shopcart_list .pageNav ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 80px;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(#014cb2 0%, #014cb2 40%, #004098 60%, #004098 100%);
}
.shopcart_list .pageNav ul li svg {
    margin: 0px 0px 0px 0px;
}

.shopcart_list .pageNav ul li:first-child svg {
    width: 40px;
    height: 22px;
    fill: #fff;
    transform: rotate(-15deg);
    margin-right: 15px;
}
.shopcart_list .pageNav ul li:nth-child(2) svg {
    width: 45px;
    height: 30px;
    fill: #fff;
    margin-right: 15px;
}
.shopcart_list .pageNav ul li:nth-child(3) svg {
    width: 38px;
    height: 29px;
    fill: #fff;
    margin-right: 15px;
}
.shopcart_list .pageNav ul li:last-child svg {
    width: 35px;
    height: 30px;
    fill: #fff;
    margin-right: 15px;
}

/* .itemArea */
.shopcart_list .itemArea {
    padding-bottom: 10px;
}
.shopcart_list #anchor1 .headline1 svg {
    width: 40px;
    height: 22px;
    fill: #003399;
    transform: rotate(-15deg);
    margin: 0 15px 0 20px;
}
.shopcart_list #anchor2 .headline1 svg {
    width: 45px;
    height: 30px;
    fill: #003399;
    margin: 0 15px 0 20px;
}
.shopcart_list #anchor3 .headline1 svg {
    width: 38px;
    height: 29px;
    fill: #003399;
    margin: 0 15px 0 20px;
}
.shopcart_list #anchor4 .headline1 svg {
    width: 35px;
    height: 30px;
    fill: #003399;
    margin: 0 15px 0 20px;
}
.shopcart_list .itemArea ul li a {
    display: block;
    padding: 30px;
    border-bottom: 3px solid #eee;
    box-sizing: border-box;
    font-weight: bold;
}
.shopcart_list .itemArea ul li dl {
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.shopcart_list .itemArea ul li dl dt {
    width: 180px;
}
.shopcart_list .itemArea ul li dl dt img {
    width: 100%;
    height: auto;
}
.shopcart_list .itemArea ul li dl dd {
    width: 460px;
    text-align: right;
}
.shopcart_list .itemArea ul li .tit {
    display: inline-block;
    color: #003399;
    border-bottom: 1px solid #003399;
    line-height: 1;
}
.shopcart_list .itemArea ul li .stock {
    display: inline-block;
    color: #fff;
    line-height: 40px;
    background-color: #b28850;
    padding: 0 35px;
    margin: 20px 0 30px;
    font-weight: normal;
}
.shopcart_list .itemArea ul li .price {
    color: #fe1f78;
    line-height: 1;
}
.shopcart_list .itemArea ul li.no a {
    pointer-events: none;
}
.shopcart_list .itemArea ul li.no .stock {
    background-color: #434343;
}

.shopcart_list .itemArea .category {
    background: #eee;
    color: #666;
    text-align: center;
    font-size: 60%;
}
.shopcart_list .itemArea .category a{
    margin: 0;
    padding: 0;
    display: inline-block;
    clear: both;
}
.shopcart_list .itemArea .ticket {
    fill: #666;
}
.shopcart_list .itemArea .user {
    position: relative;
    top: 2px;
}
.shopcart_list .itemArea .uniform {
    position: relative;
    top: 2px;
}
.shopcart_list .itemArea .goods {
    position: relative;
    top: 2px;
}
.shopcart_list .itemArea svg {
    margin-right: 5px;
}


/* .pager */
.shopcart_list .pager ul {
    display: flex;
    justify-content: space-between;
    padding: 0 60px 90px;
    font-size: 120%;
}
.shopcart_list .pager ul li a {
    width: 50px;
    height: 50px;
    line-height: 38px;
    color: #0d3d8d;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
}
.shopcart_list .pager ul .current a {
    background-color: #0d3d8d;
    color: #fff;
}
.shopcart_list .pager ul .start a,
.shopcart_list .pager ul .end a {
    width: 24px;
}
.shopcart_list .pager ul .prev a,
.shopcart_list .pager ul .next a {
    width: 15px;
}
.shopcart_list .pager ul svg {
    margin: 0 0;
}

.shopcart_list .pager ul .start svg,
.shopcart_list .pager ul .end svg {
    width: 24px;
    height: 26px;
}
.shopcart_list .pager ul .prev svg,
.shopcart_list .pager ul .next svg {
    width: 15px;
    height: 26px;
}
.shopcart_list .pager ul .start svg,
.shopcart_list .pager ul .prev svg {
    transform: rotate(-180deg);
}
.shopcart_list .pager ul li .cls-1 {
    fill: none;
    stroke: #0d3d8d;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4.3px;
}

/* .guideArea */
.shopcart_list .guideArea {
    padding-bottom: 50px;
}
.shopcart_list .guideArea .headline1 svg {
    width: 40px;
    height: 40px;
    fill: #003399;
    margin: 0 15px -5px 20px;
}
.shopcart_list .guideArea .innerBox {
    padding: 20px;
}
.shopcart_list .guideArea .innerBox p {
    font-weight: bold;
    padding: 20px 0 5px;
}
.shopcart_list .guideArea .innerBox ul li {
    line-height: 1.2;
}
.shopcart_list .guideArea .innerBox ul li .mail {
    color: #262626;
}


/* cart/detail.html
------------------------------------------------- */
/* .detailArea */

.shopcart_detail .detailArea {
}
.shopcart_detail .detailArea h2 {
    color: #0d3d8d;
    text-align: center;
    margin: 20px 0;
    line-height: 1.2;
}
.shopcart_detail .detailArea .img {
    text-align: center;
}
.shopcart_detail .detailArea .price {
    width: 450px;
    margin: 10px auto;
    text-align: center;
    color: #fe1f78;
    line-height: 1;
    font-weight: bold;
    padding: 5px 0 15px;
}
.shopcart_detail .detailArea .stock {
    text-align: center;
}
.shopcart_detail .detailArea .stock span {
    text-align: center;
    display: inline-block;
    color: #fff;
    line-height: 40px;
    background-color: #b28850;
    padding: 0 35px;
    margin: 0 auto 20px;
}
.shopcart_detail .detailArea .select {
    border-top: 1px solid #06348b;
    margin-bottom: 50px;
}
.shopcart_detail .detailArea .select li {
    border-bottom: 1px solid #06348b;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    line-height: 47px;
}
.shopcart_detail .detailArea .select li span.fo24 {
    font-weight: bold;
    width: 300px;
}
.shopcart_detail .detailArea .select li span.fo22 {
    color: #999;
    margin-left: 48px;
    width: 150px;
}
.shopcart_detail .detailArea .select li .selectBox {
    overflow: hidden;
    width: 225px;
    height: 47px;
    text-align: center;
    position: relative;
    border: 1px solid #000;
    border-radius: 5px;
    background: linear-gradient(90deg, #fff 0%, #fff 75%, #000 75%, #000 100%);
}
.shopcart_detail .detailArea .select li .selectBox select {
    width: 100%;
    cursor: pointer;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    padding: 8px 38px 8px 8px;
    color: #000;
}
.shopcart_detail .detailArea .select li .selectBox select::-ms-expand {
    display: none;
}
.shopcart_detail .detailArea .select li .selectBox::before {
    position: absolute;
    top: 18px;
    right: 14px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #fff;
    pointer-events: none;
}
.shopcart_detail .detailArea .btn {
    width: 100%;
}
.shopcart_detail .detailArea .btn input {
    -webkit-appearance: none;
    width: 700px;
    text-align: center;
    margin: 0 auto;
    display: block;
    line-height: 80px;
    background: url("/control/sp/img/cart/icon.svg") 36% center no-repeat #06348b;
    background-size: 40px auto;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    padding: 0 0 0 75px;
    box-sizing: border-box;
    border: none;
    box-shadow: 2px 2px 3px 0px rgba(255,255,255,0.85) inset,-2px -2px 3px 0px rgba(0,0,0,0.85) inset;
    cursor: pointer;

}
.shopcart_detail .detailArea .innerBox {
    padding: 20px;
}
.shopcart_detail .detailArea .innerBox p {
    font-weight: bold;
    padding: 20px 0 5px;
}
.shopcart_detail .detailArea .innerBox .txt {
    font-weight: normal;
    padding: 0 0 20px;
    line-height: 1.2;
}
.shopcart_detail .detailArea .innerBox ul li {
    line-height: 1.2;
}


/* cart/incart.html
------------------------------------------------- */
/* .detailArea */
.shopcart_incart .incartBox {
    background-color: #f5f5f5;
    padding: 55px 20px 22px;
}
.shopcart_incart .incartBox .cautionArea {
    border: 1px solid #ff0000;
    margin: 0 40px 50px;
    background-color: #fff;
    color: #ff0000;
    line-height: 1.2;
    padding: 20px 35px;
    width: auto;
}
.shopcart_incart .incartBox .itemList li {
    border: 1px solid #ccc;
    margin-top: 30px;
    background-color: #fff;
}
.shopcart_incart .incartBox .itemList li dl {
    padding: 35px 20px 10px;
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.shopcart_incart .incartBox .itemList li dl dt {
    width: 225px;
}
.shopcart_incart .incartBox .itemList li dl dt img {
    width: 100%;
    height: auto;
}
.shopcart_incart .incartBox .itemList li dl dd {
    width: 425px;
    text-align: right;
}
.shopcart_incart .incartBox .itemList li .tit {
    display: inline-block;
    color: #003399;
    border-bottom: 1px solid #003399;
    line-height: 1.2;
}
.shopcart_incart .incartBox .itemList li .price {
    color: #fe1f78;
    line-height: 1;
    margin: 30px 0;
    font-weight: bold;
}
.shopcart_incart .incartBox .itemList li .txt {
    line-height: 1.2;
}
.shopcart_incart .incartBox .itemList li ul {
    display: flex;
    justify-content: space-between;
    align-content: center;
    background-color: #cfe0ff;
    padding: 10px 20px;
}
.shopcart_incart .incartBox .itemList li ul li {
    border: none;
    margin-top: 0;
    background-color: #cfe0ff;
    line-height: 40px;
    color: #4d4d4d;
}
.shopcart_incart .incartBox .itemList li ul li span {
    font-weight: bold;
}
.shopcart_incart .incartBox .itemList li ul li input[type="text"] {
    -webkit-appearance: none;
    width: 73px;
    line-height: 40px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 0;
    text-align: center;
}
.shopcart_incart .incartBox .itemList li ul li input.btn {
    -webkit-appearance: none;
    line-height: 40px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 0 18px;
    text-align: center;
    background: linear-gradient(#fff, #c5c4c5);
    cursor: pointer;
}
.shopcart_incart .priceBox {
    border-top: 3px solid #06348b;
    background-color: #e9f1ff;
    padding: 25px 40px 20px;
}
.shopcart_incart .priceBox ul {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: #4d4d4d;
}
.shopcart_incart .priceBox ul li span {
    color: #fe1f78;
    font-weight: bold;
}
.shopcart_incart .btnArea {
    padding: 55px 20px 35px;
}



/* cart/pay.html
------------------------------------------------- */
/* .payBox */
.shopcart_pay .payBox {
    padding: 20px 20px 0;
}
.shopcart_pay .payBox h2 {
    padding: 30px 0 10px;
}
.shopcart_pay .payBox table {
    width: 100%;
    color: #131313;
}
.shopcart_pay .payBox table th {
    width: 230px;
    border: 1px solid #c9c9c9;
    background-color: #eee;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    padding: 13px 0;
}
.shopcart_pay .payBox table td {
    border: 1px solid #c9c9c9;
    background-color: #fff;
    vertical-align: middle;
    padding: 13px 20px;
    line-height: 40px;
}
.shopcart_pay .payBox table td input::placeholder {
    color: #131313;
}
.shopcart_pay .payBox table td .text1 {
    -webkit-appearance: none;
    width: 150px;
    line-height: 40px;
    border: 1px solid #626262;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 22px;
}
.shopcart_pay .payBox table td .text2 {
    width: 195px;
}
.shopcart_pay .payBox table td .text3 {
    width: 410px;
}
.shopcart_pay .payBox table td textarea {
    -webkit-appearance: none;
    width: 410px;
    height: 110px;
    border: 1px solid #626262;
    border-radius: 5px;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 22px;
}
.shopcart_pay .payBox table td .selectBox {
    overflow: hidden;
    width: 195px;
    height: 40px;
    text-align: center;
    position: relative;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #fff;
    line-height: 40px;
}
.shopcart_pay .payBox table td .selectBox select {
    width: 100%;
    cursor: pointer;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    padding: 0 38px 0 8px;
    color: #000;
    text-align: center;
    line-height: 40px;
}
.shopcart_pay .payBox table td .selectBox select::-ms-expand {
    display: none;
}
.shopcart_pay .payBox table td .selectBox::before {
    position: absolute;
    top: 14px;
    right: 9px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #000;
    pointer-events: none;
}
.shopcart_pay .payBox table td .name {
    display: flex;
    font-weight: bold;
}
.shopcart_pay .payBox table td .name li .text1 {
    margin: 0 10px;
}
.shopcart_pay .payBox table td span {
    line-height: 1.2;
    display: block;
    padding-top: 10px;
}
.shopcart_pay .payBox table td span.pl {
    line-height: 40px;
    display: inline-block;
    padding: 0 0 0 60px;
}
.shopcart_pay .payBox table td .list li {
    margin-bottom: 10px;
}
.shopcart_pay .payBox table td .list li span {
    padding-top: 0;
}
.shopcart_pay .btnArea {
    padding: 80px 20px 60px;
}


/* cart/confirm.html
------------------------------------------------- */
/* .confirmBox */
.shopcart_confirm .confirmBox {
    padding-top: 15px;
}
.shopcart_confirm .confirmBox .itemList li {
    margin-top: 25px;
    background-color: #f6f6f6;
}
.shopcart_confirm .confirmBox .itemList li dl {
    padding: 40px 40px 10px;
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.shopcart_confirm .confirmBox .itemList li dl dt {
    width: 225px;
}
.shopcart_confirm .confirmBox .itemList li dl dt img {
    width: 100%;
    height: auto;
}
.shopcart_confirm .confirmBox .itemList li dl dd {
    width: 425px;
    text-align: right;
}
.shopcart_confirm .confirmBox .itemList li .tit {
    display: inline-block;
    color: #003399;
    border-bottom: 1px solid #003399;
    line-height: 1.2;
}
.shopcart_confirm .confirmBox .itemList li .price {
    color: #fe1f78;
    line-height: 1;
    margin: 30px 0;
    font-weight: bold;
}
.shopcart_confirm .confirmBox .itemList li .txt {
    line-height: 1.2;
}
.shopcart_confirm .confirmBox .itemList li ul {
    display: flex;
    justify-content: space-between;
    align-content: center;
    background-color: #d0d7e4;
    padding: 15px 40px;
}
.shopcart_confirm .confirmBox .itemList li ul li {
    margin-top: 0;
    background-color: #d0d7e4;
    color: #4d4d4d;
}
.shopcart_confirm .confirmBox .itemList li ul li span {
    font-weight: bold;
}
.shopcart_confirm .priceBox {
    border-top: 3px solid #06348b;
    background-color: #f5f5f5;
    padding: 15px 40px;
}
.shopcart_confirm .priceBox ul {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: #4d4d4d;
}
.shopcart_confirm .priceBox ul li span {
    color: #fe1f78;
    font-weight: bold;
}
.shopcart_confirm .confirmTbox {
    padding: 25px 20px 20px;
}
.shopcart_confirm .confirmTbox h2 {
    padding: 30px 0 10px;
}
.shopcart_confirm .confirmTbox table {
    width: 100%;
    color: #131313;
}
.shopcart_confirm .confirmTbox table th {
    width: 230px;
    border: 1px solid #c9c9c9;
    background-color: #eee;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    padding: 15px 0;
}
.shopcart_confirm .confirmTbox table td {
    border: 1px solid #c9c9c9;
    background-color: #fff;
    vertical-align: middle;
    padding: 15px 20px;
}
.shopcart_confirm .confirmTbox table td span {
    display: block;
}
.shopcart_confirm .btnArea {
    padding: 55px 20px 55px;
}


/* cart/comp.html
------------------------------------------------- */
/* .compBox */
.shopcart_comp .compBox {
    padding: 100px 0 120px;
    text-align: center;
    line-height: 1.6;
}
.shopcart_comp .compBox .txt1 {
    padding-bottom: 30px;
    font-weight: bold;
}
.shopcart_comp .compBox .txt1 span {
    color: #fe1f78;
}
.shopcart_comp .compBox a {
    color: #000;
}
.shopcart_comp .btnArea {
    padding: 0 20px 55px;
}

.shopcart_detail .detailArea .no span{
    background-color: #434343;
}

.shopcart_list .itemArea svg {
    width: 20px;
    display: inline-block;
    height: auto;
    overflow: visible;
    margin: 0 5px 0 0;
}

#shopcart .slidesArea {
    width: 100%;
    clear: both;
    position: relative;
    padding-bottom: 0px;
}






/* ---------------------
    NEWS
   --------------------- */
/* #contents */
#contents {

}

/* .pastArea */
.pastArea .pastBox {
    margin: 0 20px;
    border: 1px solid #b5b5b5;
    border-radius: 10px;
}
.pastArea .pastBox dl dt {
    background-color: #dcdcdc;
    color: #003399;
    font-weight: bold;
    padding: 28px 0 28px 25px;
    line-height: 1;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #b5b5b5;
}
.pastArea .pastBox dl dt:first-of-type {
    border-radius: 10px 10px 0 0;
}
.pastArea .pastBox dl dt:last-of-type {
    border-bottom: none;
    border-radius: 0 0 10px 10px;
}
.pastArea .pastBox dl dt i {
    width: 80px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url("/control/sp/img/news/icon2.png")  center center no-repeat #003399;
}
.pastArea .pastBox dl dt:first-of-type i {
    border-radius: 0 10px 0 0;
}
.pastArea .pastBox dl dt:last-of-type i {
    border-bottom: none;
    border-radius: 0 0 10px 0;
}
.pastArea .pastBox dl dt.active i {
    background: url("/control/sp/img/news/icon3.png")  center center no-repeat #003399;
}
.pastArea .pastBox dl dt:last-of-type.active,
.pastArea .pastBox dl dt:last-of-type.active i {
    border-radius: 0;
}
.pastArea .pastBox dl dd {
    display: none;
}
.pastArea .pastBox dl dd ul {
    border-bottom: 1px solid #b5b5b5;
}
.pastArea .pastBox dl dd:last-of-type ul {
    border-bottom: none;
}
.pastArea .pastBox dl dd ul li a {
    display: block;
    color: #003399;
    padding: 30px 35px;
    line-height: 1;
    border-bottom: 1px solid #b5b5b5;
}
.pastArea .pastBox dl dd ul li:last-child a {
    border-bottom: none;
}

/* .tagArea */
.tagArea .titleArea {
    margin-bottom: 15px;
}
.tagArea ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
}
.tagArea ul li {
    margin-right: 10px;
}
.tagArea ul li a {
    color: #444;
    text-decoration: underline;
}
.tagArea ul li a:before {
    content: "#";
}

/* .searchArea */
.news_list .searchArea {
    margin-top: 70px;
    padding: 30px 20px;
    background-color: #e5e5e5;
}
.news_list .searchArea dl {
    display: flex;
    justify-content: center;
}
.news_list .searchArea dl dt {
    width: 500px;
}
.news_list .searchArea dl dd {
    width: 150px;
}
.news_list .searchArea input {
    width: 100%;
    height: 60px;
    -webkit-appearance: none;
}
.news_list .searchArea input[type="text"] {
    border: 1px solid #bfbfbf;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 24px;
    padding: 0 10px;
}
.news_list .searchArea input[type="submit"] {
    text-align: center;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 0 10px 10px 0;
    background-color: #1348b0;
    cursor: pointer;
}


/* news_list.html
------------------------------------------------- */
/* .titleArea */
.news_list .titleArea {
    padding: 30px 20px 10px;
    margin-bottom: 30px;
    border-bottom: 3px solid #003399;
    box-sizing: border-box;
    color: #003399;
    font-weight: bold;
}

/* .listArea1 */
.news_list .listArea1 ul li {
    padding: 0 20px 25px;
}
.news_list .listArea1 ul li dl,
.news_list .listArea2 ul li dl,
.news_detail .listArea2 ul li dl {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.news_list .listArea1 ul li .tbox dt {
    color: #fd86af;
}
.news_list .listArea1 ul li .tbox dt img {
    vertical-align: text-bottom;
    padding-right: 5px;
}
.news_list .listArea1 ul li .tbox dd ul,
.news_list .listArea2 ul li .tbox dd ul,
.news_detail .listArea2 ul li .tbox dd ul {
    display: flex;
    justify-content: flex-end;
}
.news_list .listArea1 ul li .tbox dd ul li,
.news_list .listArea2 ul li .tbox dd ul li,
.news_detail .listArea2 ul li .tbox dd ul li {
    color: #444;
    padding: 0 0 0 10px;
}
.news_list .listArea1 ul li .dbox {
    align-items: center;
    border-top: 1px dotted #444;
    margin-bottom: 10px;
}
.news_list .listArea1 ul li .dbox dt {
    width: 250px;
    height: 133px;
}
.news_list .listArea1 ul li .dbox dt img{
    width: 250px !important;
    height: 133px !important;
}
.news_list .listArea1 ul li .dbox .txt {
    width: 395px;
    color: #609afb;
    line-height: 1.15;
}
.news_list .listArea1 ul li .dbox .icon,
.news_list .listArea2 ul li .dbox .icon,
.news_detail .listArea2 ul li .dbox .icon {
    width: 15px;
}
.news_list .listArea1 ul li .dbox .icon svg,
.news_list .listArea2 ul li .dbox .icon svg,
.news_detail .listArea2 ul li .dbox .icon svg {
    width: 15px;
    height: 26px;
}
.news_list .listArea1 ul li .dbox .icon .cls-1,
.news_list .listArea2 ul li .dbox .icon .cls-1,
.news_detail .listArea2 ul li .dbox .icon .cls-1 {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4.3px;
}

/* .listArea2 */
.news_list .listArea2 ul li,
.news_detail .listArea2 ul li {
    padding: 0 20px 20px;
    margin-top: 15px;
}
.news_list .listArea2 ul li .tbox dt,
.news_detail .listArea2 ul li .tbox dt {
    font-weight: bold;
    color: #555;
}
.news_list .listArea2 ul li .dbox,
.news_detail .listArea2 ul li .dbox {
    align-items: center;
    border-top: 1px dotted #444;
    padding-top: 15px;
    padding-bottom: 30px;
}
.news_list .listArea2 ul li .dbox .txt,
.news_detail .listArea2 ul li .dbox .txt {
    width: 640px;
    color: #609afb;
    line-height: 1.15;
    margin-left: 10px
}

/* .pager */
.news_list .pager ul {
    display: flex;
    justify-content: space-between;
    padding: 50px 60px 10px;
    font-size: 120%;
}
.news_list .pager ul li a {
    width: 50px;
    height: 50px;
    line-height: 38px;
    color: #0d3d8d;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
}
.news_list .pager ul .current a {
    background-color: #0d3d8d;
    color: #fff;
}
.news_list .pager ul .start a,
.news_list .pager ul .end a {
    width: 24px;
}
.news_list .pager ul .prev a,
.news_list .pager ul .next a {
    width: 15px;
}
.news_list .pager ul .start svg,
.news_list .pager ul .end svg {
    width: 24px;
    height: 26px;
}
.news_list .pager ul .prev svg,
.news_list .pager ul .next svg {
    width: 15px;
    height: 26px;
}
.news_list .pager ul .start svg,
.news_list .pager ul .prev svg {
    transform: rotate(-180deg);
}
.news_list .pager ul li .cls-1 {
    fill: none;
    stroke: #0d3d8d;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4.3px;
}


/* news_detail.html
------------------------------------------------- */
/* .detailArea */
.news_detail .detailArea .detaiInner {
    padding: 0 20px;
}
.detailArea .detaiInner p{
    line-height: 180%;
}
.news_detail .detailArea h1 {
    color: #003399;
    font-weight: bold;
    border-left: 8px solid #003399;
    line-height: 1.17;
    padding: 5px 0 5px 10px;
}
.news_detail .detailArea h1 {
    color: #003399;
    font-weight: bold;
    border-left: 8px solid #003399;
    line-height: 1.17;
    padding: 5px 0 5px 10px;
    margin-bottom: 30px;
}
.news_detail .detailArea .tbox {
    display: flex;
    justify-content: space-between;
}
.news_detail .detailArea .tbox dt {
    font-weight: bold;
    margin-bottom: 5px;
    color: #555;
}
.news_detail .detailArea .tbox dd ul {
    display: flex;
    justify-content: flex-end;
}
.news_detail .detailArea .tbox dd ul li {
    color: #555;
    padding: 0 0 0 10px;
}
.news_detail .detailArea .tit1 {
    color: #003399;
    font-weight: bold;
    border-left: 4px solid #003399;
    line-height: 1.17;
    padding: 3px 0 3px 10px;
    margin: 15px 0 10px;
}
.news_detail .detailArea .tit2 {
    color: #003399;
    font-weight: normal;
    border-bottom: 1px solid #003399;
    line-height: 1.17;
    margin: 15px 0 10px;
}
.news_detail .detailArea p {
    margin-bottom: 20px;
    line-height: 1.15;
}
.news_detail .detailArea .img {
    width:750px;
    height:100%;
    text-align: center;
}

/* .pageNav1 */
.pageNav1 {
    margin: 20px 0 40px 0;
    border-top: 1px solid #609afb;
    border-bottom: 1px solid #609afb;
    padding: 10px 0;
}
.pageNav1 ul {
    display: flex;
    justify-content: space-between;
}
.pageNav1 ul li a {
    color: #609afb;
}

/* .pageNav2 */
.pageNav2 {
    margin-top: 30px;
}
.pageNav2 ul {
    display: flex;
    justify-content: space-between;
}
.pageNav2 ul li {
    width: 180px;
}
.pageNav2 ul li:nth-child(2) {
    width: 390px;
}
.pageNav2 ul li a {
    display: block;
    width: 100%;
    line-height: 58px;
    color: #fff;
    text-align: center;
    border: 1px solid #e5e5e5;
    background: linear-gradient(0deg, rgba(0,64,152,1) 35%, rgba(1,76,178,1) 55%);
    box-sizing: border-box;
}
.pageNav2 ul li:nth-child(2) a {
    border-left: none;
    border-right: none;
}

#news svg {
margin: 0;
}

/* 追加スタイル */
.pageNav2 ul .nextoff {
    width: 180px;
    line-height: 58px;
    color: #666;
    text-align: center;
    border: 1px solid #e5e5e5;
    background: #eee;
    box-sizing: border-box;
}






/* ====================================================
試合日程＆結果
==================================================== */

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 28px 20px 38px;
  font-size: 20px;
  color: #06348b;
}

.breadcrumb > a {
  color: #06348b;
}

.breadcrumb > span {
  display: inline-block;
  color: #666666;
}

.breadcrumb > * {
  margin: 0 15px 0 8px;
}

.breadcrumb > *:first-child {
  margin-left: 0;
}

.matchsche__ttl {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #003399;
  padding-bottom: 2px;
  border-bottom: 3px solid #003399;
}

.matchsche__list {
  margin-bottom: 56px;
}

.matchsche__list * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.matchsche__list .item {
  border-bottom: 2px solid #123f97;
  position: relative;
  padding: 30px 20px 37px;
  background-color: #fff;
}

.matchsche__list .item:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 8px;
  height: 2px;
  left: 0;
  right: 0;
  background-color: #123f97;
}

.matchsche__list .item:nth-child(even) {
  background-color: #eeeeee;
}

.matchsche__list .item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 0 0 24px;
}

.matchsche__list .item__header dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 6px 0 2px;
  width: 18.31%;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
}

.matchsche__list .item__header dd {
  display: block;
  padding: 0 20px;
  width: 81.69%;
  color: #000000;
  font-size: 22px;
  line-height: 1.38;
  font-weight: bold;
  border-bottom: 1px solid;
}

.matchsche__list .item__header dd strong {
  font-size: 32px;
  line-height: 1;
  margin-top: -1px;
  display: inline-block;
}

.matchsche__list .item__header dd span {
  display: inline-block;
  margin-right: 15px;
}

.matchsche__list .item__header .txt-sm {
  border-bottom: none;
  font-size: 18px;
  font-weight: 400;
  padding: 4px 20px 0;
}

.matchsche__list .item__header.homegame dt {
  background-color: #8fc31f;
}

.matchsche__list .item__header.homegame dd {
  border-bottom-color: #8fc31f;
}

.matchsche__list .item__header.awaygame dt {
  background-color: #535353;
}

.matchsche__list .item__header.awaygame dd {
  border-bottom-color: #535353;
}

.matchsche__list .item__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px 20px;
}

.matchsche__list .item__team {
  width: 33%;
}

.matchsche__list .item__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 102px;
  height: 110px;
  margin: 0 auto 11px;
}

.matchsche__list .item__ttl {
  text-align: center;
  font-size: 19.32px;
  color: #000000;
  font-weight: 400;
}

.matchsche__list .item__data {
  width: 34%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 79px;
  font-weight: bold;
  font-style: italic;
  color: #000000;
}

.matchsche__list .item__data.score {
  font-size: 62px;
}

.matchsche__list .item__data.extending {
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  color: #ff0000;
  padding-bottom: 20px;
}

.matchsche__list .item__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.matchsche__list .item__links > a, .matchsche__list .item__links > span {
  width: 33.3333333333%;
  display: block;
  text-align: center;
  position: relative;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 9px 23px 8px 30px;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.matchsche__list .item__links > a:hover, .matchsche__list .item__links > span:hover {
  opacity: 0.7;
}

.matchsche__list .item__links > a:after, .matchsche__list .item__links > span:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../img/matchsche/ico-next-white.png") no-repeat;
  width: 12px;
  height: 21px;
  right: 12px;
}

.matchsche__list .item__links > a.pink, .matchsche__list .item__links > span.pink {
  background: url("../img/matchsche/bg-pink.png") no-repeat center/cover;
}

.matchsche__list .item__links > a.blue, .matchsche__list .item__links > span.blue {
  background: url("../img/matchsche/bg-blue.png") no-repeat center/cover;
}

.matchsche__list .item__links > a.yellow, .matchsche__list .item__links > span.yellow {
  color: #000000;
  background: url("../img/matchsche/bg-yellow.png") no-repeat center/cover;
}

.matchsche__list .item__links > a.yellow:after, .matchsche__list .item__links > span.yellow:after {
  background: url("../img/matchsche/ico-next-black.png") no-repeat;
}

.matchsche__list .item__links > a.glay, .matchsche__list .item__links > span.glay {
  background: url("../img/matchsche/bg-glay.png") no-repeat center/cover;
  pointer-events: none;
}

.matchsche__list .item__links > a.glay:hover, .matchsche__list .item__links > span.glay:hover {
  opacity: 1;
}

/*# sourceMappingURL=maps/matchsche.css.map */





/* ====================================================
Projects
==================================================== */

/* cloudfund_project 2020 */

#crowd2020 {
}


/* cloudfund_project 2020 index */

#crowd2020 .index_bn{
display: table;
background-image: url(/control/sp/img/crowd2020/back_index.png);
-webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
width:729px;
height:174px;
margin: 10px auto;
}

#crowd2020 .bn_left{
	width: 280px;
	height:174px;
	}

#crowd2020 .bn_right{
	width: 449px;
	height:174px;
	text-align :center;
	display: table-cell;
	vertical-align: middle;
	}

#crowd2020 .bn_right div{
	vertical-align: middle;
	}

#crowd2020 .target_value{
	color: white;
	font-size: 28px;
	line-height:40px;
}

#crowd2020 .target_value span{
	color: #ff0000;
	font-size: 53px;
	font-family: 'Quantico', sans-serif;
	text-decoration:underline;
	text-decoration-color:#ffffff;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 2px;
}

#crowd2020 .target_button{
	font-size:22px;
	color:#800000;
	padding:6px 0px;
	margin:10px 80px 0px;
	background:rgb(255, 217, 0);
	font-weight:bold;
	border-radius:10px;
}




/* ====================================================
Bookmark
==================================================== */

#bookmark{

}

#bookmark .bm-title{

}

#bookmark h2{
  color:#003399;
  text-align:center;
  font-weight:bold;
  font-size:30px;
  background-image:url("/control/sp/img/bookmark/bookmark_title.jpg");
  background-repeat:none;
  width:750px;
  height:39px;
  margin:20px 0px;
}

#bookmark .bm-tip{
  padding:0px 20px;
  margin:20px 0px;

}

#bookmark .bm-box{
  float:left;
  width:345px;
  text-align:center;
  font-size:22px;
}

#bookmark .bm-box ul{
  background:#003399;
  color:#ffffff;
  padding:40px 10px;
  box-sizing:border-box;
  height:500px;
}

#bookmark .bm-box p{
  background:#003399;
  color:#ffffff;
  padding:40px 10px;
  box-sizing:border-box;
  height:500px;
  line-height:24px;
}

#bookmark .bm-box img{
margin:10px 0px;
}

#bookmark .bm-box span{
  font-size:20px;
}

#bookmark .bm-box h3{
  color:#003399;
  background:#ffffff;
  border:1px solid #003399;
  padding: 8px 0px;
}

#bookmark .bm-img{
  margin: 20px 0px;
}

#bookmark .bm-info{
  border:1px solid #000;
  padding:20px;
  margin:20px;
  font-size:22px;
  line-height:24px;
}

#bookmark .bm-info ul {
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: outside;
}