@charset "UTF-8";
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: rgba(0, 0, 0, 0);
}

li {
  list-style: none;
}

body {
  /* line-height: 1 */
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: rgba(0, 0, 0, 0);
  text-decoration: none;
}

ins {
  text-decoration: none;
}

ins, mark {
  background-color: #ff9;
  color: #000;
}

mark {
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img, input, select {
  vertical-align: bottom;
}

body {
  position: relative;
}

body main {
  font-family: Noto Sans JP, sans-serif, Yu Gothic, YuGothic, Verdana, Meiryo, "M+ 1p";
}

/* .dataScroll {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    will-change: transform
  } */
img {
  width: 100%;
  display: block;
}

.js-scrollAnimation {
  opacity: 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, transform 1.5s;
  transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s;
  will-change: scroll-position;
}

.js-scrollAnimation.is-animated {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.wrap, .wrap--about {
  margin: 0 auto;
}

.section, .section--athlete {
  padding: 80px 0;
}

.section--about {
  padding: 0;
  background-color: #222;
}

.section--athlete {
  background-color: #f4f4f4;
}

.heading--lv2 {
  margin-bottom: 75px;
  line-height: 1.5;
  text-align: center;
  position: relative;
}

.heading--lv2:after {
  content: "";
  width: 60px;
  height: 3px;
  background-color: #b10000;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -52%;
}

.heading_sub {
  width: 260px;
  margin: 0 auto 20px;
  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: #fff;
  background-color: #222;
  border-radius: 50px;
  font-size: 1em;
  padding: 0.875em 0;
  font-family: 'Helvetica Neue', Helvetica, Arial;
  letter-spacing: 0.05em;
  font-size: 14px !important;
  font-size: 3.73333vw;
}

.heading_sub span {
  font-size: 300%;
  padding: 0 0.2em 10px;
  font-weight: 100;
  line-height: 0;
}

.win .heading_sub span {
  /*Windows (全バージョン)のみ*/
  padding: 0 0.2em 0;
}

.heading_ico {
  margin: 0 8px 6px;
}

.heading_small {
  width: 100%;
}

.headingLogos {
  margin: 0 0 25px;
  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;
}

.headingLogos_list--colantotte {
  width: 12%;
}

.headingLogos_list--resno {
  width: 11%;
  margin: 0 0 0 60px;
}

.imgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.imgBox_text {
  padding-top: 20px;
}

.imgBox_link {
  width: 100%;
  height: 100%;
  display: block;
  color: #222;
  position: relative;
}

.more {
  width: 100%;
  padding: 32px 0;
  background-color: #222;
}

.more_link {
  width: 46%;
  margin: 0 auto;
  padding: 20px 0;
  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;
  font-weight: 700;
  line-height: 1.57;
  letter-spacing: .05em;
  color: #222;
  background-color: #fff;
}

.more_logo {
  width: 27%;
  display: block;
}

.more_text {
  margin: 0 0 0 25px;
  display: block;
  font-weight: 700;
  line-height: 1.57;
  color: #222;
}

.modal {
  padding: 0 0 43px;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: -9999;
}

.modal.is-view {
  opacity: 1;
  pointer-events: auto;
  z-index: 9999;
}

.modal_close:after, .modal_close:before {
  content: "";
  width: 36px;
  height: 1px;
  background-color: #f4f4f4;
  position: absolute;
  top: 50%;
  left: 50%;
}

.modal_close {
  width: 83px;
  height: 83px;
  cursor: pointer;
  background-color: #222;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_close:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.modal_close:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal_title {
  height: 83px;
  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;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.modal_cont {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 83px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modal_movie {
  width: 100%;
  height: 480px;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
}

.modal_movie iframe {
  width: 100%;
  height: 100%;
}

.modal_movie.is-view {
  opacity: 1;
}

.modalOverlay {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -9998;
}

.modalOverlay.is-view {
  opacity: .6;
  pointer-events: auto;
  z-index: 9998;
}

.swiper-pagination {
  width: 100%;
  height: 54px;
  padding: 32px 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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-color: #222;
  position: static;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin-left: 62px;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
  margin-left: 0;
}

.swiper-pagination-bullet {
  width: 80px;
  height: 7px;
  display: block;
  background-color: #fff;
  opacity: 1;
  border-radius: 0;
  position: relative;
}

.swiperProgress {
  margin: 0 auto;
  background-color: #fff;
  z-index: 2;
}

.swiperProgress_inner {
  width: 0;
  height: 100%;
  background-color: #b10000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.swiper-slide img {
  opacity: 0;
  -webkit-transition: opacity 2s ease;
  transition: opacity 2s ease;
}

.swiper-slide.swiper-slide-visible img {
  opacity: 1;
}

@-webkit-keyframes progress {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes progress {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.mv {
  position: relative;
}

.movie_img {
  cursor: pointer;
}

.movie_text {
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

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

.athlete_cont:nth-child(odd) .athlete_box {
  background-color: #222;
}

.athlete_cont:nth-child(2n) .athlete_box {
  background-color: #fff;
}

.athlete_cont:nth-child(2n) .athlete_box--img, .athlete_cont:nth-child(2n) .athlete_box--img--ito, .athlete_cont:nth-child(2n) .athlete_box--img--kai, .athlete_cont:nth-child(2n) .athlete_box--img--kasai, .athlete_cont:nth-child(2n) .athlete_box--img--kikuchi, .athlete_cont:nth-child(2n) .athlete_box--img--koike, .athlete_cont:nth-child(2n) .athlete_box--img--uno {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.athlete_cont:nth-child(2n) .athlete_leadName {
  color: #222;
}

.athlete_cont:nth-child(2n) .athlete_text {
  width: 100%;
  color: #222;
}

.athlete_box {
  padding: 6% 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.athlete_box, .athlete_box--img, .athlete_box--img--ito, .athlete_box--img--kai, .athlete_box--img--kasai, .athlete_box--img--kikuchi, .athlete_box--img--koike, .athlete_box--img--uno {
  width: 50%;
  will-change: height;
}

.athlete_lead {
  width: 100%;
  margin-bottom: 80px;
}

.athlete_leadName {
  padding: 20px 0 0;
  color: #fff;
  position: relative;
}

.athlete_leadName:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #b10000;
  position: absolute;
  left: 0;
  bottom: -47px;
}

.athlete_label, .athlete_label--black, .athlete_label--white {
  padding: 6px 12px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 700;
  line-height: 1.5;
}

.athlete_label--white {
  color: #222;
  background-color: #fff;
}

.athlete_label--black {
  color: #fff;
  background-color: #222;
}

.athlete_cap, .athlete_text {
  color: #fff;
  line-height: 1.75;
  width: 100%;
}

.athlete_cap {
  padding: 8px 12px;
  font-weight: 700;
  text-shadow: 0 0 3px #222;
  letter-spacing: .05em;
}

.product_img {
  width: 45%;
}

.product_text {
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media (-ms-high-contrast: none) {
  body body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
  .sp {
    display: none !important;
  }
  .wrap, .wrap--about {
    width: 80%;
    max-width: 1024px;
  }
  .heading--lv2 {
    font-size: 36px;
  }
  .heading_sub {
    font-size: 14px;
  }
  .heading_ico {
    font-size: 28px;
  }
  .headingLogos_list--colantotte {
    max-width: 122px;
  }
  .headingLogos_list--resno {
    max-width: 110px;
  }
  .imgBox + .imgBox {
    margin-top: 8.6%;
  }
  .imgBox_link:after {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  .imgBox_link:hover:after {
    opacity: .3;
  }
  .more_link {
    font-size: 18px;
    max-width: 581px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .more_link:hover {
    opacity: .7;
  }
  .more_logo {
    max-width: 155px;
  }
  .more_text {
    font-size: 18px;
  }
  .modal_close {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .modal_close:hover {
    opacity: .8;
  }
  .modal_title {
    font-size: 18px;
  }
  .swiper-pagination-bullet:before {
    content: attr(data-name);
    line-height: 1.2;
    letter-spacing: .05em;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: calc(100% + 2px);
  }
  .swiper-pagination-bullet:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
  }
  .swiper-pagination-bullet:last-child:after {
    display: none;
  }
  .swiper-pagination-bullet-active {
    background-color: #b10000;
  }
  .swiperProgress {
    width: 90%;
    max-width: 1024px;
    height: 7px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
  }
  .swiper-slide.swiper-slide-visible .swiperProgress_inner {
    -webkit-animation: progress 3s linear forwards;
    animation: progress 3s linear forwards;
  }
  .movie_img {
    width: 41%;
    max-width: 414px;
    padding: 0 5.7% 0 0;
  }
  .movie_img:first-child {
    padding: 0 0 0 5.7%;
  }
  .movie_text {
    font-size: 16px;
  }
  .athlete_cont:nth-child(2n) .athlete_box {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .athlete_box--img, .athlete_box--img--ito, .athlete_box--img--kai, .athlete_box--img--kasai, .athlete_box--img--kikuchi, .athlete_box--img--koike, .athlete_box--img--uno {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .athlete_box--img--uno {
    background: url(../../../img/special/all-star/pic_uno.jpg) no-repeat 50%;
    background-size: cover;
  }
  .athlete_box--img--ito {
    background: url(../../../img/special/all-star/pic_ito.jpg) no-repeat 50%;
    background-size: cover;
  }
  .athlete_box--img--koike {
    background: url(../../../img/special/all-star/pic_koike.jpg) no-repeat 50%;
    background-size: cover;
  }
  .athlete_box--img--kai {
    background: url(../../../img/special/all-star/pic_kai.jpg) no-repeat 50%;
    background-size: cover;
  }
  .athlete_box--img--kikuchi {
    background: url(../../../img/special/all-star/pic_kikuchi.jpg) no-repeat 50%;
    background-size: cover;
  }
  .athlete_box--img--kasai {
    background: url(../../../img/special/all-star/pic_kasai.jpg) no-repeat 25% 50%;
    background-size: cover;
  }
  .athlete_leadName {
    font-size: 24px;
  }
  .athlete_label, .athlete_label--black, .athlete_label--white, .athlete_leadCompany {
    font-size: 14px;
  }
  .athlete_cap, .athlete_text {
    font-size: 16px;
  }
  .product_img {
    max-width: 460px;
  }
  .product_text {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block;
  }
  .js-scrollAnimation {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  .wrap, .wrap--about {
    width: 94%;
    max-width: 698px;
  }
  .wrap--about {
    width: 100%;
  }
  .section, .section--athlete {
    padding: 8% 0;
  }
  .section--athlete {
    padding: 8% 0 18%;
  }
  .heading--lv2 {
    font-size: 36px;
    font-size: 9.6vw;
    margin-bottom: 20%;
  }
  .heading--lv2:after {
    bottom: -45%;
  }
  .heading_sub {
    font-size: 14px;
    font-size: 3.73333vw;
    width: 70%;
  }
  .heading_ico {
    font-size: 28px;
    font-size: 7.46667vw;
  }
  .headingLogos_list--colantotte {
    width: 31%;
  }
  .headingLogos_list--resno {
    width: 28%;
    margin: 0 0 0 10%;
  }
  .imgBox {
    display: block;
  }
  .imgBox + .imgBox, .imgBox_list {
    margin-top: 19%;
  }
  .imgBox_text {
    padding-top: 3%;
  }
  .more {
    padding: 18% 0;
  }
  .more_link {
    font-size: 18px;
    font-size: 4.8vw;
    width: 90%;
    padding: 6.5% 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .more_logo {
    width: 46%;
  }
  .more_text {
    font-size: 18px;
    font-size: 4.8vw;
    margin: 1.5% 0 0;
  }
  .modal {
    padding: 0 0 5%;
  }
  .modal_close:after, .modal_close:before {
    width: 60%;
  }
  .modal_close {
    width: 10vw;
    height: 10vw;
  }
  .modal_title {
    font-size: 18px;
    font-size: 4.8vw;
    height: auto;
    padding: 4% 0;
  }
  .modal_cont {
    padding: 0 4%;
  }
  .modal_movie {
    height: 25vh;
  }
  .swiper-pagination {
    height: auto;
    padding: 2% 0;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin-left: 2%;
  }
  .swiper-pagination-bullet {
    width: 4%;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
  }
  .swiper-pagination-bullet-active {
    width: 20%;
    position: relative;
  }
  .swiper-pagination-bullet-active:after {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #b10000;
    -webkit-animation: progress 3s linear forwards;
    animation: progress 3s linear forwards;
  }
  .movie_img {
    width: 100%;
  }
  .movie_text {
    font-size: 16px;
    font-size: 4.26667vw;
  }
  .athlete_cont {
    display: block;
  }
  .athlete_cont:nth-child(2n) .athlete_box--img, .athlete_cont:nth-child(2n) .athlete_box--img--ito, .athlete_cont:nth-child(2n) .athlete_box--img--kai, .athlete_cont:nth-child(2n) .athlete_box--img--kasai, .athlete_cont:nth-child(2n) .athlete_box--img--kikuchi, .athlete_cont:nth-child(2n) .athlete_box--img--koike, .athlete_cont:nth-child(2n) .athlete_box--img--uno {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .athlete_box {
    width: 100%;
    padding: 8.5%;
  }
  .athlete_box--img, .athlete_box--img--ito, .athlete_box--img--kai, .athlete_box--img--kasai, .athlete_box--img--kikuchi, .athlete_box--img--koike, .athlete_box--img--uno {
    width: 100%;
    position: relative;
  }
  .athlete_lead {
    margin-bottom: 16%;
  }
  .athlete_leadName {
    font-size: 24px;
    font-size: 6.4vw;
    padding: 6% 0 0;
  }
  .athlete_leadName:after {
    bottom: -58%;
  }
  .athlete_label, .athlete_label--black, .athlete_label--white, .athlete_leadCompany {
    font-size: 14px;
    font-size: 3.73333vw;
  }
  .athlete_cap, .athlete_text {
    font-size: 16px;
    font-size: 4.26667vw;
  }
  .athlete_cap {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .product_img {
    width: 100%;
  }
  .product_text {
    font-size: 20px;
    font-size: 5.33333vw;
  }
}

@media screen and (max-width: 768px) and (min-width: 769px) {
  .heading--lv2 {
    font-size: 30px;
  }
  .modal_title {
    font-size: 14px;
  }
  .athlete_cap {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .heading--lv2 {
    font-size: 30px;
    font-size: 8vw;
  }
  .modal_title {
    font-size: 14px;
    font-size: 3.73333vw;
  }
  .athlete_cap {
    font-size: 12px;
    font-size: 3.2vw;
  }
}

@media screen and (min-width: 769px) and (min-width: 769px) {
  .swiper-pagination-bullet:before {
    font-size: 10px;
  }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
  .swiper-pagination-bullet:before {
    font-size: 10px;
    font-size: 2.66667vw;
  }
}

@media screen and (max-width: 980px) and (min-width: 769px) {
  .product_text {
    font-size: 16px;
  }
}

@media screen and (max-width: 980px) and (max-width: 768px) {
  .product_text {
    font-size: 16px;
    font-size: 4.26667vw;
  }
}
/*# sourceMappingURL=../../map/special/all-star/all_star.css.map */