@charset "utf-8";
/* Drupal用 カスタムCSS */
.ddMenuList dt label {
  font-weight: 700 !important;
}

.full-width-block,
.full-width-section {
  position: relative;
}

.full-width-section .mz_container {
  padding: 0 15px;
  margin: 0 auto;
}

.full-size-container .mz_container {
  padding: 0;
  max-width: initial;

}

.dp-flex .items {
  display: flex;
}

.dp-flex-o {
  display: flex;
}

.dp-table {
  display: table;
  width: 100%;
}

.dp-table .item {
  display: table-cell;
}

img {
  height: auto;
  width: 100%;
}

.table-regular tbody {
  border-right: 1px solid #eaeaea;
}

.table-regular td {
  padding: 9px 15px 9px 15px;
  border-left: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

.table-regular td:first-child {
  padding-right: 20px;
  background: #f4f4f4;
}

.row-items .items {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* 以下実運用では assert cssで登録 */

/* 選手情報チームマーク */
.team-mark-view {
  display: table;
  width: 100%;
  margin: 0;
}

.team-mark-view .field--name-field-media-image {
  display: table-cell;
  width: 99px;
  height: auto;
  border-right: 1px #ffffff solid;
  text-align: center;
}

/* .team-mark-view h5 {

}

.team-mark-view h5 div {
  width: 100%;
}

.team-mark-view h5 img {
  width: 58px;
  padding: 13px 0;
  vertical-align: middle;
  height: auto;
} */

.team-mark-view .team-mark-view-name {
  display: table-cell;
  padding: 15px 30px;
  background: #f4f4f4;
  font-size: 1.3rem;
  vertical-align: middle;
}

.team-mark-view .team-mark-view-name strong {
  display: block;
  font-size: 2.3rem;
  line-height: 1em;
}

.players-tag {
  display: flex;
  margin: 10px 0 40px 0;
}

.players-tag .item {
  padding: 4px 15px 3px 15px;
  margin-bottom: 5px;
  background: #363636;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.2em;
}

.ambassador .layout__region--first,
.ambassador .layout__region--second,
.ambassador .layout--onecol {
  padding-left: 60px;
  padding-right: 0;
}

.thumbnail-text .thumbnail-text--lst-in {
  display: inline-block;
  padding: 25px;
  border: 1px solid #757575;
  color: #333;
}

/**
* NEWSコンテンツ
*/
.news-section .field--name-body blockquote {
  padding: 20px;
  margin: 0 0 20px 0;
  border: 1px solid #e0e0e0;
  background-color: #f3f5fb;
}
.article-tiles--lst li h2 {
  display: inline;
  color: #111;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7em;
}

.article-tiles--lst li a:active h2,
.article-tiles--lst li a:hover h2 {
  color: #757575;
  text-decoration: underline;
}

.article-tiles--lst li a:link p ,
.article-tiles--lst li a:visited p {
  color: #111;
  text-decoration: none;
}

.article-tiles--lst li a:link ,
.article-tiles--lst li a:visited {
  color: #111;
  text-decoration: none;
}

.subnavi li a:link ,
.subnavi li a:visited {
  text-decoration: none;
}

.layout--multicol-section {
  margin-right: -10px;
  margin-left: -10px;
}
/* .layout--multicol-section > .layout__region--first{
  padding-left: 0;
}
.layout--multicol-section > .layout__region--last{
  padding-right: 0;
} */
/* @media only screen and (max-width: 767px) {
  .layout--multicol-section > .layout__region {
    padding-left: 0;
    padding-right: 0;
  }
} */


@media only screen and (max-width: 767px) {
  .team-mark-view {
    margin: 20px 0 0 0;
  }
  .team-mark-view h5 {
    width: 26%;
  }
  .team-mark-view h5 img {
    width: 48px;
    padding: 10px 0;
  }
  .team-mark-view .team-mark-view-name {
    font-size: 1rem;
  }
  .team-mark-view .team-mark-view-name strong {
    font-size: 2rem;
    line-height: 1.4em;
  }
  .ambassador .layout__region--first,
  .ambassador .layout__region--second,
  .ambassador .layout--onecol {
    padding-left: 10px;
    padding-right: 0;
  }
  .thumbnail-text .thumbnail-text--lst-in {
    padding: 15px;
  }

  .players_main_wrap {
    margin-right: inherit;
    margin-left: inherit;
  }

}

/* 商品インベントリ */
.players-product {
}

.players-product .image {
  display: block;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  margin-right: 30px;
}

.players-product .desc {
  display: block;
}

.players-product .desc .btn {
  display: block;
  color: #001489;
  background-color: transparent;
  border-color: #001489;
  padding: 8px 40px;
}

.players-product .desc .btn:hover {
  color: #fff;
  background-color: #001489;
}

.players-product .desc .btn a {
  color: inherit;
  font-size: 1.2rem;
  line-height: 1;
}

.players-product .desc .btn a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .players-product {
    padding: 0 0.3rem 0.8rem 0.3rem;
  }

  .players-product .image {
    margin-right: 0;
  }

  .players-product .desc .btn {
    width: 100%;
    padding: 0.375rem 0.75rem;
  }
  .players-product .desc .btn a {
    font-size: 1rem;
  }
}

/**
  Teaserモード（一覧画面）対応
*/
.node--view-mode-teaser .field--name-body {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  max-height: 3em;
}

.node--view-mode-teaser .node__content {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .node--view-mode-teaser .node__content {
    margin-bottom: 40px;
  }
}

.node--view-mode-teaser img {
  margin-bottom: 10px;
}

.node--view-mode-teaser h1,
.node--view-mode-teaser h2,
.node--view-mode-teaser h3,
.node--view-mode-teaser h4,
.node--view-mode-teaser h5,
.node--view-mode-teaser h6 {
  margin-bottom: 8px;
}


/**
　ページネーション補足
*/
.page-link {
  padding: 0;
}

.flex-section .layout__region--content{
  display: flex;
}

.flex-section .layout__region--content > div{
  margin-right: 1rem;
}


.size-40-70 ul li, .size-70-100 ul li, .size-50-70 ul li {
  text-align: center;
}

.size-40-70 img {
 width: 40%;
 margin: auto;
}
.size-70-100 img {
  width: 70%;
  margin: auto;
}

.size-50-70 img {
  width: 50%;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .size-40-70 img {
    width: 70%;
  }
  .size-70-100 img {
    width: 100%;
  }
  .size-50-70 img {
    width: 70%;
  }
}

.li-center ul li:first-child {
  margin-left: auto;
}

.li-center ul li:last-child {
  margin-right: auto;
}

/**
  ブロックタイトル Fontサイズ
*/

/**
  共通フォントサイズと余白
*/
@media screen and (min-width:768px) {
.my-5 { margin-top: 5px !important;margin-bottom: 5px !important;}
.my-10 { margin-top: 10px !important;margin-bottom: 10px !important;}
.my-15 { margin-top: 15px !important;margin-bottom: 15px !important;}
.my-20 { margin-top: 20px !important;margin-bottom: 20px !important;}
.my-25 { margin-top: 25px !important;margin-bottom: 25px !important;}
.my-30 { margin-top: 30px !important;margin-bottom: 30px !important;}
.my-35 { margin-top: 35px !important;margin-bottom: 35px !important;}
.my-40 { margin-top: 40px !important;margin-bottom: 40px !important;}
.my-45 { margin-top: 45px !important;margin-bottom: 45px !important;}
.my-50 { margin-top: 50px !important;margin-bottom: 50px !important;}
.my-55 { margin-top: 55px !important;margin-bottom: 55px !important;}
.my-60 { margin-top: 60px !important;margin-bottom: 60px !important;}
.my-65 { margin-top: 65px !important;margin-bottom: 65px !important;}
.my-70 { margin-top: 70px !important;margin-bottom: 70px !important;}
.my-75 { margin-top: 75px !important;margin-bottom: 75px !important;}
.my-80 { margin-top: 80px !important;margin-bottom: 80px !important;}
.my-85 { margin-top: 85px !important;margin-bottom: 85px !important;}
.my-90 { margin-top: 90px !important;margin-bottom: 90px !important;}
.my-95 { margin-top: 95px !important;margin-bottom: 95px !important;}
.my-100 { margin-top: 100px !important;margin-bottom: 100px !important;}
.my-110 { margin-top: 110px !important;margin-bottom: 110px !important;}
.my-120 { margin-top: 120px !important;margin-bottom: 120px !important;}
.my-125 { margin-top: 125px !important;margin-bottom: 125px !important;}
.my-130 { margin-top: 130px !important;margin-bottom: 130px !important;}
.my-140 { margin-top: 140px !important;margin-bottom: 140px !important;}
.my-150 { margin-top: 150px !important;margin-bottom: 150px !important;}
.my-160 { margin-top: 160px !important;margin-bottom: 160px !important;}
.my-170 { margin-top: 170px !important;margin-bottom: 170px !important;}
.my-180 { margin-top: 180px !important;margin-bottom: 180px !important;}
.my-190 { margin-top: 190px !important;margin-bottom: 190px !important;}
.my-200 { margin-top: 200px !important;margin-bottom: 200px !important;}
.mx-5 {margin-left: 5px !important;margin-right: 5px !important;}
.mx-10 { margin-left: 10px !important;margin-right: 10px !important;}
.mx-15 { margin-left: 15px !important;margin-right: 15px !important;}
.mx-20 { margin-left: 20px !important;margin-right: 20px !important;}
.mx-25 { margin-left: 25px !important;margin-right: 25px !important;}
.mx-30 { margin-left: 30px !important;margin-right: 30px !important;}
.mx-35 { margin-left: 35px !important;margin-right: 35px !important;}
.mx-40 { margin-left: 40px !important;margin-right: 40px !important;}
.mx-45 { margin-left: 45px !important;margin-right: 45px !important;}
.mx-50 { margin-left: 50px !important;margin-right: 50px !important;}
.mx-55 { margin-left: 55px !important;margin-right: 55px !important;}
.mx-60 { margin-left: 60px !important;margin-right: 60px !important;}
.mx-65 { margin-left: 65px !important;margin-right: 65px !important;}
.mx-70 { margin-left: 70px !important;margin-right: 70px !important;}
.mx-75 { margin-left: 75px !important;margin-right: 75px !important;}
.mx-80 { margin-left: 80px !important;margin-right: 80px !important;}
.mx-85 { margin-left: 85px !important;margin-right: 85px !important;}
.mx-90 { margin-left: 90px !important;margin-right: 90px !important;}
.mx-95 { margin-left: 95px !important;margin-right: 95px !important;}
.mx-100 { margin-left: 100px !important;margin-right: 100px !important;}
.mx-110 { margin-left: 110px !important;margin-right: 110px !important;}
.mx-120 { margin-left: 120px !important;margin-right: 120px !important;}
.mx-125 { margin-left: 125px !important;margin-right: 125px !important;}
.mx-130 { margin-left: 130px !important;margin-right: 130px !important;}
.mx-140 { margin-left: 140px !important;margin-right: 140px !important;}
.mx-150 { margin-left: 150px !important;margin-right: 150px !important;}
.mx-160 { margin-left: 160px !important;margin-right: 160px !important;}
.mx-170 { margin-left: 170px !important;margin-right: 170px !important;}
.mx-180 { margin-left: 180px !important;margin-right: 180px !important;}
.mx-190 { margin-left: 190px !important;margin-right: 190px !important;}
.mx-200 { margin-left: 200px !important;margin-right: 200px !important;}
.py-5 { padding-top: 5px !important;padding-bottom: 5px !important;}
.py-10 { padding-top: 10px !important;padding-bottom: 10px !important;}
.py-15 { padding-top: 15px !important;padding-bottom: 15px !important;}
.py-20 { padding-top: 20px !important;padding-bottom: 20px !important;}
.py-25 { padding-top: 25px !important;padding-bottom: 25px !important;}
.py-30 { padding-top: 30px !important;padding-bottom: 30px !important;}
.py-35 { padding-top: 35px !important;padding-bottom: 35px !important;}
.py-40 { padding-top: 40px !important;padding-bottom: 40px !important;}
.py-45 { padding-top: 45px !important;padding-bottom: 45px !important;}
.py-50 { padding-top: 50px !important;padding-bottom: 50px !important;}
.py-55 { padding-top: 55px !important;padding-bottom: 55px !important;}
.py-60 { padding-top: 60px !important;padding-bottom: 60px !important;}
.py-65 { padding-top: 65px !important;padding-bottom: 65px !important;}
.py-70 { padding-top: 70px !important;padding-bottom: 70px !important;}
.py-75 { padding-top: 75px !important;padding-bottom: 75px !important;}
.py-80 { padding-top: 80px !important;padding-bottom: 80px !important;}
.py-85 { padding-top: 85px !important;padding-bottom: 85px !important;}
.py-90 { padding-top: 90px !important;padding-bottom: 90px !important;}
.py-95 { padding-top: 95px !important;padding-bottom: 95px !important;}
.py-100 { padding-top: 100px !important;padding-bottom: 100px !important;}
.py-110 { padding-top: 110px !important;padding-bottom: 110px !important;}
.py-120 { padding-top: 120px !important;padding-bottom: 120px !important;}
.py-130 { padding-top: 130px !important;padding-bottom: 130px !important;}
.py-140 { padding-top: 140px !important;padding-bottom: 140px !important;}
.py-100 { padding-top: 100px !important;padding-bottom: 100px !important;}
.py-110 { padding-top: 110px !important;padding-bottom: 110px !important;}
.py-120 { padding-top: 120px !important;padding-bottom: 120px !important;}
.py-130 { padding-top: 130px !important;padding-bottom: 130px !important;}
.py-140 { padding-top: 140px !important;padding-bottom: 140px !important;}
.py-150 { padding-top: 150px !important;padding-bottom: 150px !important;}
.py-160 { padding-top: 160px !important;padding-bottom: 160px !important;}
.py-170 { padding-top: 170px !important;padding-bottom: 170px !important;}
.py-180 { padding-top: 180px !important;padding-bottom: 180px !important;}
.py-190 { padding-top: 190px !important;padding-bottom: 190px !important;}
.py-200 { padding-top: 200px !important;padding-bottom: 200px !important;}
.px-5 { padding-left: 5px !important;padding-right: 5px !important;}
.px-10 { padding-left: 10px !important;padding-right: 10px !important;}
.px-15 { padding-left: 15px !important;padding-right: 15px !important;}
.px-20 { padding-left: 20px !important;padding-right: 20px !important;}
.px-25 { padding-left: 25px !important;padding-right: 25px !important;}
.px-30 { padding-left: 30px !important;padding-right: 30px !important;}
.px-35 { padding-left: 35px !important;padding-right: 35px !important;}
.px-40 { padding-left: 40px !important;padding-right: 40px !important;}
.px-45 { padding-left: 45px !important;padding-right: 45px !important;}
.px-50 { padding-left: 50px !important;padding-right: 50px !important;}
.px-55 { padding-left: 55px !important;padding-right: 55px !important;}
.px-60 { padding-left: 60px !important;padding-right: 60px !important;}
.px-65 { padding-left: 65px !important;padding-right: 65px !important;}
.px-70 { padding-left: 70px !important;padding-right: 70px !important;}
.px-75 { padding-left: 75px !important;padding-right: 75px !important;}
.px-80 { padding-left: 80px !important;padding-right: 80px !important;}
.px-85 { padding-left: 85px !important;padding-right: 85px !important;}
.px-90 { padding-left: 90px !important;padding-right: 90px !important;}
.px-95 { padding-left: 95px !important;padding-right: 95px !important;}
.px-100 { padding-left: 100px !important;padding-right: 100px !important;}
.px-110 { padding-left: 110px !important;padding-right: 110px !important;}
.px-120 { padding-left: 120px !important;padding-right: 120px !important;}
.px-130 { padding-left: 130px !important;padding-right: 130px !important;}
.px-140 { padding-left: 140px !important;padding-right: 140px !important;}
.px-150 { padding-left: 150px !important;padding-right: 150px !important;}
.px-160 { padding-left: 160px !important;padding-right: 160px !important;}
.px-170 { padding-left: 170px !important;padding-right: 170px !important;}
.px-180 { padding-left: 180px !important;padding-right: 180px !important;}
.px-190 { padding-left: 190px !important;padding-right: 190px !important;}
.px-200 { padding-left: 200px !important;padding-right: 200px !important;}
}
@media screen and (max-width:767px) {
.my-5-sp { margin-top: 5px !important;margin-bottom: 5px !important;}
.my-10-sp { margin-top: 10px !important;margin-bottom: 10px !important;}
.my-15-sp { margin-top: 15px !important;margin-bottom: 15px !important;}
.my-20-sp { margin-top: 20px !important;margin-bottom: 20px !important;}
.my-25-sp { margin-top: 25px !important;margin-bottom: 25px !important;}
.my-30-sp { margin-top: 30px !important;margin-bottom: 30px !important;}
.my-35-sp { margin-top: 35px !important;margin-bottom: 35px !important;}
.my-40-sp { margin-top: 40px !important;margin-bottom: 40px !important;}
.my-45-sp { margin-top: 45px !important;margin-bottom: 45px !important;}
.my-50-sp { margin-top: 50px !important;margin-bottom: 50px !important;}
.my-55-sp { margin-top: 55px !important;margin-bottom: 55px !important;}
.my-60-sp { margin-top: 60px !important;margin-bottom: 60px !important;}
.my-65-sp { margin-top: 65px !important;margin-bottom: 65px !important;}
.my-70-sp { margin-top: 70px !important;margin-bottom: 70px !important;}
.my-75-sp { margin-top: 75px !important;margin-bottom: 75px !important;}
.my-80-sp { margin-top: 80px !important;margin-bottom: 80px !important;}
.my-85-sp { margin-top: 85px !important;margin-bottom: 85px !important;}
.my-90-sp { margin-top: 90px !important;margin-bottom: 90px !important;}
.my-95-sp { margin-top: 95px !important;margin-bottom: 95px !important;}
.my-100-sp { margin-top: 100px !important;margin-bottom: 100px !important;}
.my-110-sp { margin-top: 110px !important;margin-bottom: 110px !important;}
.my-120-sp { margin-top: 120px !important;margin-bottom: 120px !important;}
.my-125-sp { margin-top: 125px !important;margin-bottom: 125px !important;}
.my-130-sp { margin-top: 130px !important;margin-bottom: 130px !important;}
.my-140-sp { margin-top: 140px !important;margin-bottom: 140px !important;}
.my-150-sp { margin-top: 150px !important;margin-bottom: 150px !important;}
.my-160-sp { margin-top: 160px !important;margin-bottom: 160px !important;}
.my-170-sp { margin-top: 170px !important;margin-bottom: 170px !important;}
.my-180-sp { margin-top: 180px !important;margin-bottom: 180px !important;}
.my-190-sp { margin-top: 190px !important;margin-bottom: 190px !important;}
.my-200-sp { margin-top: 200px !important;margin-bottom: 200px !important;}
.mx-5-sp { margin-left: 5px !important;margin-right: 5px !important;}
.mx-10-sp { margin-left: 10px !important;margin-right: 10px !important;}
.mx-15-sp { margin-left: 15px !important;margin-right: 15px !important;}
.mx-20-sp { margin-left: 20px !important;margin-right: 20px !important;}
.mx-25-sp { margin-left: 25px !important;margin-right: 25px !important;}
.mx-30-sp { margin-left: 30px !important;margin-right: 30px !important;}
.mx-35-sp { margin-left: 35px !important;margin-right: 35px !important;}
.mx-40-sp { margin-left: 40px !important;margin-right: 40px !important;}
.mx-45-sp { margin-left: 45px !important;margin-right: 45px !important;}
.mx-50-sp { margin-left: 50px !important;margin-right: 50px !important;}
.mx-55-sp { margin-left: 55px !important;margin-right: 55px !important;}
.mx-60-sp { margin-left: 60px !important;margin-right: 60px !important;}
.mx-65-sp { margin-left: 65px !important;margin-right: 65px !important;}
.mx-70-sp { margin-left: 70px !important;margin-right: 70px !important;}
.mx-75-sp { margin-left: 75px !important;margin-right: 75px !important;}
.mx-80-sp { margin-left: 80px !important;margin-right: 80px !important;}
.mx-85-sp { margin-left: 85px !important;margin-right: 85px !important;}
.mx-90-sp { margin-left: 90px !important;margin-right: 90px !important;}
.mx-95-sp { margin-left: 95px !important;margin-right: 95px !important;}
.mx-100-sp { margin-left: 100px !important;margin-right: 100px !important;}
.mx-110-sp { margin-left: 110px !important;margin-right: 110px !important;}
.mx-120-sp { margin-left: 120px !important;margin-right: 120px !important;}
.mx-125-sp { margin-left: 125px !important;margin-right: 125px !important;}
.mx-130-sp { margin-left: 130px !important;margin-right: 130px !important;}
.mx-140-sp { margin-left: 140px !important;margin-right: 140px !important;}
.mx-150-sp { margin-left: 150px !important;margin-right: 150px !important;}
.mx-160-sp { margin-left: 160px !important;margin-right: 160px !important;}
.mx-170-sp { margin-left: 170px !important;margin-right: 170px !important;}
.mx-180-sp { margin-left: 180px !important;margin-right: 180px !important;}
.mx-190-sp { margin-left: 190px !important;margin-right: 190px !important;}
.mx-200-sp { margin-left: 200px !important;margin-right: 200px !important;}
.py-5-sp { padding-top: 5px !important;padding-bottom: 5px !important;}
.py-10-sp { padding-top: 10px !important;padding-bottom: 10px !important;}
.py-15-sp { padding-top: 15px !important;padding-bottom: 15px !important;}
.py-20-sp { padding-top: 20px !important;padding-bottom: 20px !important;}
.py-25-sp { padding-top: 25px !important;padding-bottom: 25px !important;}
.py-30-sp { padding-top: 30px !important;padding-bottom: 30px !important;}
.py-35-sp { padding-top: 35px !important;padding-bottom: 35px !important;}
.py-40-sp { padding-top: 40px !important;padding-bottom: 40px !important;}
.py-45-sp { padding-top: 45px !important;padding-bottom: 45px !important;}
.py-50-sp { padding-top: 50px !important;padding-bottom: 50px !important;}
.py-55-sp { padding-top: 55px !important;padding-bottom: 55px !important;}
.py-60-sp { padding-top: 60px !important;padding-bottom: 60px !important;}
.py-65-sp { padding-top: 65px !important;padding-bottom: 65px !important;}
.py-70-sp { padding-top: 70px !important;padding-bottom: 70px !important;}
.py-75-sp { padding-top: 75px !important;padding-bottom: 75px !important;}
.py-80-sp { padding-top: 80px !important;padding-bottom: 80px !important;}
.py-85-sp { padding-top: 85px !important;padding-bottom: 85px !important;}
.py-90-sp { padding-top: 90px !important;padding-bottom: 90px !important;}
.py-95-sp { padding-top: 95px !important;padding-bottom: 95px !important;}
.py-100-sp { padding-top: 100px !important;padding-bottom: 100px !important;}
.py-110-sp { padding-top: 110px !important;padding-bottom: 110px !important;}
.py-120-sp { padding-top: 120px !important;padding-bottom: 120px !important;}
.py-130-sp { padding-top: 130px !important;padding-bottom: 130px !important;}
.py-140-sp { padding-top: 140px !important;padding-bottom: 140px !important;}
.py-100-sp { padding-top: 100px !important;padding-bottom: 100px !important;}
.py-110-sp { padding-top: 110px !important;padding-bottom: 110px !important;}
.py-120-sp { padding-top: 120px !important;padding-bottom: 120px !important;}
.py-130-sp { padding-top: 130px !important;padding-bottom: 130px !important;}
.py-140-sp { padding-top: 140px !important;padding-bottom: 140px !important;}
.py-150-sp { padding-top: 150px !important;padding-bottom: 150px !important;}
.py-160-sp { padding-top: 160px !important;padding-bottom: 160px !important;}
.py-170-sp { padding-top: 170px !important;padding-bottom: 170px !important;}
.py-180-sp { padding-top: 180px !important;padding-bottom: 180px !important;}
.py-190-sp { padding-top: 190px !important;padding-bottom: 190px !important;}
.py-200-sp { padding-top: 200px !important;padding-bottom: 200px !important;}
.px-5-sp { padding-left: 5px !important;padding-right: 5px !important;}
.px-10-sp { padding-left: 10px !important;padding-right: 10px !important;}
.px-15-sp { padding-left: 15px !important;padding-right: 15px !important;}
.px-20-sp { padding-left: 20px !important;padding-right: 20px !important;}
.px-25-sp { padding-left: 25px !important;padding-right: 25px !important;}
.px-30-sp { padding-left: 30px !important;padding-right: 30px !important;}
.px-35-sp { padding-left: 35px !important;padding-right: 35px !important;}
.px-40-sp { padding-left: 40px !important;padding-right: 40px !important;}
.px-45-sp { padding-left: 45px !important;padding-right: 45px !important;}
.px-50-sp { padding-left: 50px !important;padding-right: 50px !important;}
.px-55-sp { padding-left: 55px !important;padding-right: 55px !important;}
.px-60-sp { padding-left: 60px !important;padding-right: 60px !important;}
.px-65-sp { padding-left: 65px !important;padding-right: 65px !important;}
.px-70-sp { padding-left: 70px !important;padding-right: 70px !important;}
.px-75-sp { padding-left: 75px !important;padding-right: 75px !important;}
.px-80-sp { padding-left: 80px !important;padding-right: 80px !important;}
.px-85-sp { padding-left: 85px !important;padding-right: 85px !important;}
.px-90-sp { padding-left: 90px !important;padding-right: 90px !important;}
.px-95-sp { padding-left: 95px !important;padding-right: 95px !important;}
.px-100-sp { padding-left: 100px !important;padding-right: 100px !important;}
.px-110-sp { padding-left: 110px !important;padding-right: 110px !important;}
.px-120-sp { padding-left: 120px !important;padding-right: 120px !important;}
.px-130-sp { padding-left: 130px !important;padding-right: 130px !important;}
.px-140-sp { padding-left: 140px !important;padding-right: 140px !important;}
.px-150-sp { padding-left: 150px !important;padding-right: 150px !important;}
.px-160-sp { padding-left: 160px !important;padding-right: 160px !important;}
.px-170-sp { padding-left: 170px !important;padding-right: 170px !important;}
.px-180-sp { padding-left: 180px !important;padding-right: 180px !important;}
.px-190-sp { padding-left: 190px !important;padding-right: 190px !important;}
.px-200-sp { padding-left: 200px !important;padding-right: 200px !important;}
}


@media screen and (min-width:768px) {
.font10{font-size:10px !important;font-size:1.0rem !important;}
.font11{font-size:11px !important;font-size:1.1rem !important;}
.font12{font-size:12px !important;font-size:1.2rem !important;}
.font13{font-size:13px !important;font-size:1.3rem !important;}
.font14{font-size:14px !important;font-size:1.4rem !important;}
.font15{font-size:15px !important;font-size:1.5rem !important;}
.font16{font-size:16px !important;font-size:1.6rem !important;}
.font17{font-size:17px !important;font-size:1.7rem !important;}
.font18{font-size:18px !important;font-size:1.8rem !important;}
.font19{font-size:19px !important;font-size:1.9rem !important;}
.font20{font-size:20px !important;font-size:2.0rem !important;}
.font21{font-size:21px !important;font-size:2.1rem !important;}
.font22{font-size:22px !important;font-size:2.2rem !important;}
.font23{font-size:23px !important;font-size:2.3rem !important;}
.font24{font-size:24px !important;font-size:2.4rem !important;}
.font25{font-size:25px !important;font-size:2.5rem !important;}
.font26{font-size:26px !important;font-size:2.6rem !important;}
.font27{font-size:27px !important;font-size:2.7rem !important;}
.font28{font-size:28px !important;font-size:2.8rem !important;}
.font29{font-size:29px !important;font-size:2.9rem !important;}
.font30{font-size:30px !important;font-size:3.0rem !important;}
.font31{font-size:31px !important;font-size:3.1rem !important;}
.font32{font-size:32px !important;font-size:3.2rem !important;}
.font33{font-size:33px !important;font-size:3.3rem !important;}
.font34{font-size:34px !important;font-size:3.4rem !important;}
.font35{font-size:35px !important;font-size:3.5rem !important;}
.font36{font-size:36px !important;font-size:3.6rem !important;}
.font37{font-size:37px !important;font-size:3.7rem !important;}
.font38{font-size:38px !important;font-size:3.8rem !important;}
.font39{font-size:39px !important;font-size:3.9rem !important;}
.font40{font-size:40px !important;font-size:4.0rem !important;}
.font41{font-size:41px !important;font-size:4.1rem !important;}
.font42{font-size:42px !important;font-size:4.2rem !important;}
.font43{font-size:43px !important;font-size:4.3rem !important;}
.font44{font-size:44px !important;font-size:4.4rem !important;}
.font45{font-size:45px !important;font-size:4.5rem !important;}
.font46{font-size:46px !important;font-size:4.6rem !important;}
.font47{font-size:47px !important;font-size:4.7rem !important;}
.font48{font-size:48px !important;font-size:4.8rem !important;}
.font49{font-size:49px !important;font-size:4.9rem !important;}
.font50{font-size:50px !important;font-size:5.0rem !important;}
.font51{font-size:51px !important;font-size:5.1rem !important;}
.font52{font-size:52px !important;font-size:5.2rem !important;}
.font53{font-size:53px !important;font-size:5.3rem !important;}
.font54{font-size:54px !important;font-size:5.4rem !important;}
.font55{font-size:55px !important;font-size:5.5rem !important;}
.font56{font-size:56px !important;font-size:5.6rem !important;}
.font57{font-size:57px !important;font-size:5.7rem !important;}
.font58{font-size:58px !important;font-size:5.8rem !important;}
.font59{font-size:59px !important;font-size:5.9rem !important;}
.font60{font-size:60px !important;font-size:6.0rem !important;}
}

@media screen and (max-width:767px) {
.font10-sp{font-size:10px !important;font-size:1.0rem !important;}
.font11-sp{font-size:11px !important;font-size:1.1rem !important;}
.font12-sp{font-size:12px !important;font-size:1.2rem !important;}
.font13-sp{font-size:13px !important;font-size:1.3rem !important;}
.font14-sp{font-size:14px !important;font-size:1.4rem !important;}
.font15-sp{font-size:15px !important;font-size:1.5rem !important;}
.font16-sp{font-size:16px !important;font-size:1.6rem !important;}
.font17-sp{font-size:17px !important;font-size:1.7rem !important;}
.font18-sp{font-size:18px !important;font-size:1.8rem !important;}
.font19-sp{font-size:19px !important;font-size:1.9rem !important;}
.font20-sp{font-size:20px !important;font-size:2.0rem !important;}
.font21-sp{font-size:21px !important;font-size:2.1rem !important;}
.font22-sp{font-size:22px !important;font-size:2.2rem !important;}
.font23-sp{font-size:23px !important;font-size:2.3rem !important;}
.font24-sp{font-size:24px !important;font-size:2.4rem !important;}
.font25-sp{font-size:25px !important;font-size:2.5rem !important;}
.font26-sp{font-size:26px !important;font-size:2.6rem !important;}
.font27-sp{font-size:27px !important;font-size:2.7rem !important;}
.font28-sp{font-size:28px !important;font-size:2.8rem !important;}
.font29-sp{font-size:29px !important;font-size:2.9rem !important;}
.font30-sp{font-size:30px !important;font-size:3.0rem !important;}
.font31-sp{font-size:31px !important;font-size:3.1rem !important;}
.font32-sp{font-size:32px !important;font-size:3.2rem !important;}
.font33-sp{font-size:33px !important;font-size:3.3rem !important;}
.font34-sp{font-size:34px !important;font-size:3.4rem !important;}
.font35-sp{font-size:35px !important;font-size:3.5rem !important;}
.font36-sp{font-size:36px !important;font-size:3.6rem !important;}
.font37-sp{font-size:37px !important;font-size:3.7rem !important;}
.font38-sp{font-size:38px !important;font-size:3.8rem !important;}
.font39-sp{font-size:39px !important;font-size:3.9rem !important;}
.font40-sp{font-size:40px !important;font-size:4.0rem !important;}
.font41-sp{font-size:41px !important;font-size:4.1rem !important;}
.font42-sp{font-size:42px !important;font-size:4.2rem !important;}
.font43-sp{font-size:43px !important;font-size:4.3rem !important;}
.font44-sp{font-size:44px !important;font-size:4.4rem !important;}
.font45-sp{font-size:45px !important;font-size:4.5rem !important;}
.font46-sp{font-size:46px !important;font-size:4.6rem !important;}
.font47-sp{font-size:47px !important;font-size:4.7rem !important;}
.font48-sp{font-size:48px !important;font-size:4.8rem !important;}
.font49-sp{font-size:49px !important;font-size:4.9rem !important;}
.font50-sp{font-size:50px !important;font-size:5.0rem !important;}
.font51-sp{font-size:51px !important;font-size:5.1rem !important;}
.font52-sp{font-size:52px !important;font-size:5.2rem !important;}
.font53-sp{font-size:53px !important;font-size:5.3rem !important;}
.font54-sp{font-size:54px !important;font-size:5.4rem !important;}
.font55-sp{font-size:55px !important;font-size:5.5rem !important;}
.font56-sp{font-size:56px !important;font-size:5.6rem !important;}
.font57-sp{font-size:57px !important;font-size:5.7rem !important;}
.font58-sp{font-size:58px !important;font-size:5.8rem !important;}
.font59-sp{font-size:59px !important;font-size:5.9rem !important;}
.font60-sp{font-size:60px !important;font-size:6.0rem !important;}
}

@media (min-width: 576px){
  .col-sm-c-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-sm-c-7 {
    -ms-flex: 0 0 14.28571428571429%;
    flex: 0 0 14.28571428571429%;
    max-width: 14.28571428571429%;
  }
  .col-sm-c-8 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
.col-c-5 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.col-c-7 {
  -ms-flex: 0 0 14.28571428571429%;
  flex: 0 0 14.28571428571429%;
  max-width: 14.28571428571429%;
}
.col-c-8 {
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.col-c-5, .col-sm-c-5, .col-c-7, .col-sm-c-7, .col-c-8, .col-sm-c-8 {
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
  width: 100%;
}