@charset "UTF-8";

html {width: 100%;
}

body {
  background: url('/special_contents/dazn/images/bg.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/bg.webp') 1x);
  background-color: #000;
  color: white;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 18px;
  font-size: 2.4vw;
  font-family: 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif;
}

@media (min-width: 751px) {
  body {font-size: 1.63636vw;
  }
}

@media (min-width: 751px) {
  body {
    font-size: 10px;
    font-size: 1.33333vw;
    background: #000;
    margin: 0 auto;
  }
}

@media (min-width: 751px) and (min-width: 751px) {
  body {
    font-size: 0.90909vw;
  }
}

ol,
ul {
  padding-left: 0;
}

p {
  margin: 0;
}

img {
  width: 100%;
}

a {
  color: white;
  position: relative;
}

a img {
  border: none;
}

.taC {
  text-align: center !important;
}

@-webkit-keyframes scaling {
  from {
    transform: scale(0.9, 0.9);
  }

  to {
    transform: scale(1, 1);
  }
}

@keyframes scaling {
  from {
    transform: scale(0.9, 0.9);
  }

  to {
    transform: scale(1, 1);
  }
}

.scaling {
  -webkit-animation: scaling 0.5s ease 0s infinite alternate;
  animation: scaling 0.5s ease 0s infinite alternate;
  transform-origin: center;
  margin-bottom: 1rem;
}

@-webkit-keyframes blinking {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes blinking {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.blinking {
  -webkit-animation-name: blinking;
  animation-name: blinking;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
a .hover-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: 0.3s ease 0s;
}
a .hover-content:hover {
  opacity: 1;
}
a .hover-content .text {
  font-size: 22px;
  margin-bottom: 15px;
  line-height: 1;
}
.attention-contents-item a {
    display: block;
    position: relative;
}
@media (max-width: 768px) {
  a .hover-content .text {
    font-size: 4vw;
  }
  
}
a .hover-content .btn {
  display: block;
  width: 70%;
  padding: 0;
  margin: 0;
  height: auto;
}
@media (min-width: 751px) {
  .head-border {
    display: flex;
    align-items: center;
  }
  .head-border::before,
  .head-border::after {
    content: '';
    height: 1.5px;
    flex-grow: 1;
    background-color: #ffffff;
  }
  .head-border::before {
    margin-right: 1rem;
  }
  .head-border::after {
    margin-left: 1rem;
  }
}
.lead {
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 750px) {
  .lead {
    width: 70%;
    margin: 0 auto;
    padding: 3% 0 5% 0;
  }
}
.lead-text {
  margin: 0 auto;
  padding: 25px 0 50px;
  text-align: center;
  max-width: 65%;
}

@media (max-width: 750px) {
  .hideSP {
    display: none !important;
  }
}

@media (min-width: 751px) {
  .hidePC {
    display: none !important;
  }
}

#wrapper {
  background-color: #000;
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 751px) {
  .teaser #wrapper {
    max-width: 750px;
  }
}

/* =#sideMenu
-------------------------------------------------------------- */
#sideMenu {
  display: none;
  background-color: #323232;
  background-color: rgba(51, 51, 51, 0.98);
  box-sizing: border-box;
  position: fixed;
  padding-top: 20%;
  transform: translate3d(0, 0, 0);
  z-index: 1000;
  right: 0;
  margin-right: -60%;
  top: 0;
  width: 75.6%;
  height: 100%;
}
#sideMenu a img {
  width: 100%;
  height: auto;
}
#sideMenu .closeBtnWrapper {
  margin-right: 7%;
  padding-top: 10%;
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  width: 18%;
}
#sideMenu .btnListWrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
}
#sideMenu .jumpBtnList {
  margin-left: 7%;
  margin-bottom: 6%;
  width: 85%;
  list-style: none;
}
#sideMenu .jumpBtnList .jumpBtnList-item {
  width: 100%;
  margin-bottom: 12%;
}
#sideMenu .linkBtnList {
  margin-left: 7%;
  padding-bottom: 3.5%;
  width: 85%;
  list-style: none;
}
#sideMenu .linkBtnList .linkBtnList-item {
  margin-bottom: 3.5%;
  width: 100%;
  text-align: center;
}
#sideMenu .linkBtnList .linkBtnList-item img {
  width: 80%;
  margin: 0 auto;
}
#sideMenu .linkBtnList .linkBtnList-item.cancel {
  font-family: 'DAZN-normal', sans-serif;
  margin-top: 40px;
  font-size: 37.5px;
  letter-spacing: 0.73;
  font-weight: bold;
  text-align: center;
  color: rebeccapurple;
}
@media (min-width: 751px) {
  #sideMenu {
    padding-top: 7%;
    margin-right: -60%;
    width: 27.3%;
  }
  #sideMenu .closeBtnWrapper {
    margin-right: 7%;
    padding-top: 10%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    width: 16%;
  }
  #sideMenu .btnListWrapper {
    width: 100%;
  }
  #sideMenu .jumpBtnList {
    margin-left: 14%;
    margin-bottom: 6%;
  }
  #sideMenu .jumpBtnList .jumpBtnList-item {
    width: 100%;
    margin-bottom: 6%;
  }
  #sideMenu .linkBtnList {
    margin-left: 14%;
    width: 72%;
  }
  #sideMenu .linkBtnList .linkBtnList-item {
    width: 100%;
  }
   #sideMenu .linkBtnList .linkBtnList-item.cancel {
    font-size: 22px;
  }
}

/* =#header
-------------------------------------------------------------- */
#header {
  width: 100%;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
  justify-content: space-between;
  align-items: center;
}
#header a img {
  width: 100%;
  height: auto;
}
#header .logo {
  padding-left: 3.5%;
  padding-top: 3.5%;
  padding-bottom: 3.5%;
  line-height: 0;
  width: 40.3%;
}
#header .btnList {
  text-align: right;
  line-height: 0;
  top: 0;
  width: 50%;
}
#header .btnList a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 7%;
  vertical-align: top;
}
#header .btnList a.btn_signin {
  width: 53.4%;
}
#header .btnList a.btn_openMenu {
  width: 18.6%;
  margin-right: 10px;
}
@media (min-width: 751px) {
  #header a img {
    width: 100%;
    height: auto;
  }
  #header .logo {
    padding-left: 1.8%;
    padding-top: 1.8%;
    padding-bottom: 1.8%;
    width: 18.6%;
  }
  #header .logo a {
    width: 100%;
  }
  #header .btnList {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    right: 1.8%;
    width: 50%;
  }
  #header .btnList a {
    margin-left: 3.6%;
  }
  #header .btnList a.btn_signin {
    width: 25.4%;
  }
  #header .btnList a.btn_openMenu {
    width: 9%;
  }
}


/* =keyvisual
-------------------------------------------------------------- */
.keyvisual {
  width: 100%;
}
.keyvisual.kv1 {
  margin: 0 auto;
  padding: 0;
  max-width: 1010px;
  width: 100%;
}
@media (min-width: 751px) {
  .keyvisual {
    position: relative;
  }
}
@media screen and (max-width: 750px) {
  .keyvisual.kv1 {
    width: auto;
    padding: 0;
  }
}
.keyvisual-title {
  padding: 0;
  margin: 0 auto;
  line-height: 0;
  font-size: 1px;
  width: 100%;
}
.keyvisual-title-img {
  width: 100%;
  height: auto;
}

/* =btn-area
-------------------------------------------------------------- */
.btn-area {
  line-height: 1.6;
  text-align: center;
  margin: 0 auto 70px;
}
.btn-area.top {
  margin-top: 40px;
  margin-bottom: 100px;
}
.btn-area .balloon {
  width: 93.6%;
  margin: 0 auto 20px;
  line-height: 0;
}
.btn-area .btn {
  width: 100%;
  max-width: 485px;
}
.btn-area-text {
  font-size: 1.15rem;
  font-style: italic;
  font-family: 'DAZN-normal', sans-serif;
  line-height: 1;
}
.yellow {
  color: #f7fd1a !important;
}
.btn-area-text-big {
  font-size: 30px;
}
.news-text {
  display: inline-block;
  box-sizing: content-box;
  line-height: 1;
  margin: 20px auto 0;
  font-family: 'DAZN-normal', sans-serif;
  border: 1px solid #fff;
  font-size: 18px;
  padding: 11px 12px;
}
.mt0 {margin-top: 0!important;}
@media screen and (max-width: 750px) {
  .btn-area {
    max-width: none;
  }
  .btn-area.top{
    margin-bottom: 100px;
  }
  .btn-area-text {
    margin: 0 auto;
    font-size: 2rem;
    line-height: 1.5;
  }
  .btn-area-text-big {
    font-size: 42px;
  }
  .news-text {
    font-size: 30px;
    margin: 0 auto 110px;
    padding: 24px;
  }
}
.container {
  margin: 0 auto;
  padding: 0;
  max-width: 860px;
  width: 100%;
}
.container.headerContainer {max-width: 1080px;}

@media screen and (max-width: 750px) {
  .container {
    width: auto;
    margin: 0 1.5rem;
    padding: 0;
  }
}
/* =slideshow-content
-------------------------------------------------------------- */
.slideshow-content {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.slideshow-content .slideshow-title,
.slideshow-content .slideshow-title2 {
  background: #000;
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
}
.feature-slideshow {
  background: rgba(0, 0, 0, .4);
  overflow: hidden;
  max-width: 100vw;
  padding-top: 42px;
  padding-bottom: 42px;
  box-sizing: border-box;
}
.feature-slideshow .attention-contents {
  display: flex;
  justify-content: space-between;
  max-width: 450px;
}
.feature-slideshow .attention-contents-item {
  line-height: 0;
  width: 50%;
}
.feature-slideshow.slick-dotted.slick-slider {
  margin-top: 30px;
  margin-bottom: 0;
}
.feature-slideshow .slick-disabled {
  visibility: hidden;
}
.feature-slideshow .slick-dots {
  position: absolute;
  top: -10px;
  bottom: auto;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
  padding-right: 20px;
}
.feature-slideshow .slick-dots li {
  width: 17px;
  height: 3px;
  margin: 0 0 0 3px;
  background: #7a7a7a;
}
.feature-slideshow .slick-dots li.slick-active {
  background: #313131;
}
.feature-slideshow .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.feature-slideshow .slick-dots li button::before {
  display: none;
}

.feature-slideshow .slide-arrow {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  transform: translateY(-50%);
  z-index: 100;
}
.feature-slideshow .slide-arrow.prev-arrow {
  left: 0px;
}
.feature-slideshow .slide-arrow.next-arrow {
  right: 0px;
}
.feature-slideshow .slide-arrow .slick-arrow {
  height: 280px;
}
@media screen and (min-width: 751px) {
  .slideshow-content {
    padding: 0 1.5rem;
  }
  .slideshow-content .slideshow-title img {
    width: 64.4%;
  }
  .slideshow-content .slideshow-title2 img {
    width: 46.2%;
  }
  .kv-under {
    margin-top: 60px;
  }
  .feature-slideshow .slide-arrow {
    top: calc(100% / 2 + 4px);
    width: 33.7px;
  }
  .feature-slideshow .slick-list .slick-track .slick-slide {
   margin-right: 20px;
  }

  .slick-slide > a > .hover-content > picture{
    display: flex;
    justify-content: center;
    align-items: center;
  }

}
@media screen and (max-width: 750px) {
  .kv-under {
    margin-top: 6rem;
  }
  .slideshow-content .slideshow-title {
    background: #000;
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
  }
  .slideshow-content .slideshow-title img {
    width: 84.7%x;
  }
  .slideshow-content .slideshow-title2 img {
    width: 84.7%;
  }
  .feature-slideshow .attention-contents-item {
    width: 100%;
  }
  .feature-slideshow .slide-arrow {
    top: calc(100% / 2 - 16px);
    width: 67px;
    height: auto;
  }
  .feature-slideshow .slick-list .slick-track .slick-slide {
   margin: 0 10px;
  }
}
.sec3-banner-area {
  padding: 40px 10px 0 10px;
  background: rgba(0,0,0,.4);
}
.sec3-inner {
  margin: 0 auto;
  max-width: 1300px;
  padding-bottom: 20px;
}
.sec3-banner {
  max-width: fit-content;
}
.sec3-txt-area {
  text-align: left;
  flex-basis: 31%;
}
.sec3-txtB {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.sec3-txt_small {
  font-size: 14px;
}
.sec3-txt {
  font-size: 19px;
}
.sec3-banner .hover-content .btn {
  height: auto;
}
@media screen and (min-width: 751px) {
  .sec3-inner {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sec3-inner.sec3-flexStart {
    align-items: start;
  }
  .sec3-banner {
    margin: 0 30px 0 10px;
  }
}
@media screen and (max-width: 750px) {
  .sec3-banner {
    display: block;
    max-width: 100%;
    position: relative;
  }
  .sec3-banner-area {
    padding:0px;
  }
  .sec3-inner {
    padding: 0 40px;
  }
  .sec3-inner:not(:last-child) {
    margin-bottom: 40px;
  }
  .sec3-banner img {
    border: solid 1px #707070;
  }
  .sec3-txt-area {
    margin-top: 20px;
    text-align: center;
  }
  .sec3-txtB {
    font-size: 46px;
    margin-bottom: 10px;
  }
  .sec3-txt {
    font-size: 36px;
  }
  .sec3-txt_small {
    font-size: 26px;
  }
}
.feature-slideshow2 {
  background:rgba(0,0,0,.4);
  overflow: hidden;
  max-width: 100vw;
  /** スライドショーに戻す際には、こちらはblockに戻してください */
  /* display: flex; */
  display: block;
  /* justify-content: space-between; */
  box-sizing: border-box;
}
.feature-slideshow2 .attention-contents-item {
  line-height: 0;
  width: 32%;
}
.feature-slideshow2.slick-dotted.slick-slider {
  margin-top: 30px;
  margin-bottom: 30px;
}
.feature-slideshow2 .slick-disabled {
  visibility: hidden;
}
.feature-slideshow2 .slick-dots {
  position: absolute;
  top: -10px;
  bottom: auto;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
  padding-right: 20px;
}
.feature-slideshow2 .slick-dots li {
  width: 17px;
  height: 3px;
  margin: 0 0 0 3px;
  background: #7a7a7a;
}
.feature-slideshow2 .slick-dots li.slick-active {
  background: #313131;
}
.feature-slideshow2 .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.feature-slideshow2 .slick-dots li button::before {
  display: none;
}

.feature-slideshow2 .slide-arrow {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  transform: translateY(-50%);
  z-index: 100;
}
.feature-slideshow2 .slide-arrow.prev-arrow {
  left: 0px;
}
.feature-slideshow2 .slide-arrow.next-arrow {
  right: 0px;
}
.feature-slideshow2 .slide-arrow .slick-arrow {
  height: 280px;
}
@media screen and (min-width: 751px) {
  .feature-slideshow2 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .feature-slideshow2 .slide-arrow {
    top: calc((100% - 90px) / 2 + 40px);
    width: 33.7px;
  }
  .feature-slideshow2 .slick-list .slick-track .slick-slide img {
    margin: 0 auto;
    text-align: center;
    max-width: 640px;
  }
  .feature-slideshow2 .slick-list .slick-track .slick-slide {
    margin-right: 20px;
  }
}
@media screen and (max-width: 750px) {
  .feature-slideshow2 {
    padding-top: 42px;
    padding-bottom: 50px;
  }
  .feature-slideshow2 .attention-contents-item {
    width: 100%;
  }
  .feature-slideshow2 .slide-arrow {
    top: calc((100%) / 2 - 45px);
    width: 67px;
  }
  .feature-slideshow2 .slick-list .slick-track .slick-slide {
    margin: 0 10px;
  }
}

#bottomMenu {
  display: none;
  background-color: #000;
  border-top: solid 2px #fff;
  bottom: 0px;
  left: 0;
  position: fixed;
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 9999;
  line-height: 1.6;
}

#bottomMenu a img {
  width: 100%;
  height: auto;
}

#bottomMenu .btn_free {
}

@media (min-width: 751px) {
  #bottomMenu .btn_free {
    margin: 20px auto;
  }
}

/*230111追記*/

.pc {display: none;}
.sp {display: block;}
.price-content {margin: 10.666666vw 1.5rem 0;padding: 0;max-width: 1010px;}
.price-content .imgBox {}

.price-content .main-text {}
.price-content .main-text img {}
.price-content .price-table {}
.price-content .price-table tr {}
.price-content .price-table th  {}
.price-content .price-table td  {}
.price-content .price-table tr td:first-child  {}
.price-content .price-table tr td sub {}
.price-content .notice {}
.footer-bnr .col1Bnr {}
.sectionTtl {font-size: 46px;}
.sectionTtl .bgsub {display: inline-block;position: relative;color: #000;background: #fff;min-width: 270px;font-size: 32px;margin-right: 30px;}
.sectionTtl .bgsub:before {content: "";display: block;position: absolute;width: 9px;height: 100%;
  background: url('/special_contents/dazn/images/ttl_bg_img01.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/ttl_bg_img01.webp') 1x);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;left: -8px;}
.sectionTtl .bgsub:after {content: "";display: block;position: absolute;width: 9px;height: 100%;
  background: url('/special_contents/dazn/images/ttl_bg_img01.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/ttl_bg_img01.webp') 1x);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  right: -8px;transform: rotate(180deg);top: 0;}
.sectionTtl.slideshow-title {font-size: 66px;}
.sectionTtl.slideshow-title .small {font-size: 46px;}

.bakuage {}
.bakuage .poincoBox {position: relative;width: 670px;box-sizing: border-box;border-radius: 20px; margin: 200px auto 60px;background: linear-gradient(#fff,#ffaeae);border: 6px solid #cc0033;padding: 60px 40px 40px;}
.bakuage .poincoBox .sparkle {position: absolute;top: -160px;}
.bakuage .poincoBox .sparkleleft {left: 60px;}
.bakuage .poincoBox .sparkleright {right: 60px;}
.bakuage .poincoBox .accBox {border: 3px solid #cc0033;margin-top: 30px; border-radius: 10px;overflow: hidden; font-weight: bold;z-index: 9}
.bakuage .accBox .accttl {text-align: center;background: #cc0033;padding: 20px;font-size: 25px;display: block;position: relative;text-decoration: none;}
.bakuage .accBox .accttl .small {font-size: .8em;font-weight: normal;}
.bakuage .accBox .accttl .ico {top: 50%;right: 15px;transform: translate(0, -50%);position: absolute;width: 46px;height: 50px;
  background: url('/special_contents/dazn/images/ico_acc_open.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/ico_acc_open.webp') 1x);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  }
.bakuage .accBox.active .accttl .ico {
  background: url('/special_contents/dazn/images/ico_acc_close.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/ico_acc_close.webp') 1x);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bakuage .accBox .innerBox {padding: 35px;font-size: 20px;background: #fff;color: #000;}
.bakuage .accBox.active .innerBox {display: block;}
.bakuage .accBox .innerBox p {}
.bakuage .accBox .innerBox .note {font-weight: normal;}
.bakuage .accBox .innerBox a {color: #3374DA}
.bakuage .accBox .innerBox sub {vertical-align: text-top;}
.bakuage .poincoBox .poincoIco {position: absolute;display: block;width: 450px;left: 50%;top: -125px;transform: translate(-50%, 0);}
.bakuage .poincoBox .poincoIco img {}
.bakuage .poincoBox .logoIco {position: absolute;top: 30px;left: 30px;}
.bakuage .poincoBox .imgBox {}

.bakuage .sportsKujiBox {position: relative;border: 6px solid #0054a6;background: linear-gradient(#fff,#c6deea);width: 670px;box-sizing: border-box;border-radius: 20px; margin: 60px auto;padding: 40px;}
.bakuage .sportsKujiBox .sportsKujiBox_txt {text-align: center; color: black; font-size: 20px; margin-top: 20px;}
.bakuage .sportsKujiBox .imgBox {}
.bakuage .sportsKujiBox .accBox {padding: 3px;margin-top: 30px;border-radius: 10px;overflow: hidden;font-weight: bold;background: linear-gradient(to right,#ed1a3b,#8f499c,#0054a6);}
.bakuage .sportsKujiBox .accBox .accttl {background: linear-gradient(to right,#ed1a3b,#8f499c,#0054a6);}
.bakuage .sportsKujiBox .accBox .accttl .small {}
.bakuage .sportsKujiBox .accBox .accttl .ico {
  background: url('/special_contents/dazn/images/ico_acc_open2.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/ico_acc_open2.webp') 1x);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bakuage .sportsKujiBox .accBox.active .accttl .ico {
  background: url('/special_contents/dazn/images/ico_acc_close2.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/ico_acc_close2.webp') 1x);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bakuage .sportsKujiBox .accBox .innerBox {}
.bakuage .sportsKujiBox .accBox .innerBox p {}
.bakuage .sportsKujiBox .btnBox {}
.bakuage .sportsKujiBox .btnBox a {font-size: 24px;text-align: center;background: #0054a6;color: #fff;font-weight: bold;display: block;border-radius: 100px;width: 80%;margin: 30px auto 0;text-decoration: none;padding: 15px;}

.kvSlide {}
.kvSlide li {}
.kvSlide .slide-arrow {cursor: pointer;display: flex;justify-content: space-between;align-items: center;position: absolute;transform: translateY(-50%);z-index: 100;top: calc((100%) / 2 - 45px);width: 67px;}
.kvSlide .slide-arrow.prev-arrow {left: 0;}
.kvSlide .slide-arrow.next-arrow {right: 0;}
.kvSlide .slick-dots {display: flex;justify-content: center;margin-top: 40px;}
.kvSlide .slick-dots li {display: block;list-style: none;border-radius: 100px;border: 2px solid #fff;width: 15px;height: 15px;}
.kvSlide .slick-slide {transform: scale(.9);transition: .3s;filter:blur(1px) opacity(0.7);}
.kvSlide .slick-current {transform: scale(1);    filter:blur(0) opacity(1);;}
.kvSlide .slick-dots li button {display: none;}
.kvSlide .slick-dots li+li {margin-left: 15px;}
.kvSlide .slick-dots li.slick-active {background: #fff;}

@media (max-width: 750px) {
  .footer-bnr .bnr-xr.banner,.footer-bnr .bnr-xr {height: auto;}
  .footer-bnr .bnr-xr img {height: 100%;}
}

@media (min-width: 751px) {
  .pc {display: block;}
  .sp {display: none;}
  .price-content {margin: 90px auto;}
  .price-content .main-text {}
  .price-content .main-text .attention {}
  .price-content .price-table {}
  .price-content .price-table tr {}
  .price-content .price-table th  {}
  .price-content .price-table td  {}
  .price-content .price-table tr td:first-child  {}
  .price-content .price-table tr td sub {}
  .price-content .notice {}
  .footer-bnr .col1Bnr {max-width: 310px;}
  .section1 .section .section-inner .copyrights {display: block;text-align: right;margin-top: 30px;}
  .sectionTtl,.sectionTtl.slideshow-title {font-size: 36px;}
  .sectionTtl .bgsub {font-size: 24px;min-width: 190px;margin-right: 20px;padding: 2px;}
  .sectionTtl .bgsub:before {}
  .sectionTtl .bgsub:after {}
  .sectionTtl.slideshow-title .small {font-size: 28px;}

  .bakuage {}
  .bakuage .poincoBox {width: 800px;padding:40px 60px;}
  .bakuage .poincoBox .poincoIco {top: -128px;}
  .bakuage .poincoBox .sparkle {top: -140px;}
  .bakuage .poincoBox .sparkleleft {left: 120px;}
  .bakuage .poincoBox .sparkleright {right: 120px;}
  .bakuage .accBox {bottom: 40px;border: 4px solid #cc0033;}
  .bakuage .accBox .accttl {font-size: 24px;padding: 15px;}
  .bakuage .accBox .accttl .small {}
  .bakuage .accBox .accttl .ico {}
  .bakuage .accBox .innerBox {font-size: 15px;padding: 20px 30px;}
  .bakuage .accBox .innerBox p {}

  .bakuage .sportsKujiBox {width: 800px;padding:40px 60px;}
  .bakuage .sportsKujiBox .imgBox {}
  .bakuage .sportsKujiBox .accBox {border: none;}
  .bakuage .sportsKujiBox .accBox .accttl {}
  .bakuage .sportsKujiBox .accBox .accttl .small {}
  .bakuage .sportsKujiBox .accBox .accttl .ico {}
  .bakuage .sportsKujiBox .accBox .innerBox {}
  .bakuage .sportsKujiBox .accBox .innerBox p {}
  .bakuage .sportsKujiBox .btnBox {}
  .bakuage .sportsKujiBox .btnBox a {}

  .kvSlide .slide-arrow { width: 54px;}
  .kvSlide .slide-arrow.prev-arrow {left: 175px;}
  .kvSlide .slide-arrow.next-arrow {right: 175px;}
}

/*230524追記*/
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }
}

/* 231228追記 */
.campaign-btn-ttl {
  font-size: 30px;
  margin-bottom: 30px;
  margin-top: 50px;
}
.campaign-btn-ttl.ttl-mt {
  margin-top: 50px;
}
@media (min-width: 751px) {
  .campaign-btn-ttl {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .campaign-btn-ttl.ttl-mt {
    margin-top: 0;
  }
}

#section2 .campaign-btn-ttl{
  margin-top:100px;
}

.btn-area {}
.btn-area a.campaign-btn {
  -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
  display: flex;width: 590px;font-size: 24px;text-decoration: none;font-weight: 400; height: 100px;justify-content: center;align-items: center;position: relative; background: linear-gradient(to right, #CC0033,#A7002A);color: #fff;}
  .btn-area a.campaign-btn .contract-guide {font-size: 36px;}
  .btn-area a.campaign-btn.pink{
    background: #E90C73;
  }
.btn-area a.campaign-btn:after {content: "";position: absolute;width: 70px;height: 70px;
  background: url('/special_contents/dazn/images/ico_arrow.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/ico_arrow.webp') 1x);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;top: 50%;right: 0px;transform: translate(0,-50%);}
.container .leadTxt {font-size: 46px;font-weight: bold;text-align: center;}
sub {}
#bottomMenu.btn-area a.campaign-btn {animation: none;}
.contentSection {}
.contentSection .sectionTtl {text-align: center;}
.contentSection .sectionTtl .ttlTxt {font-size: 46px;line-height: 1.5;position: relative;}
.contentSection .sectionTtl .ttlTxt .big {font-size: 62px;}
.contentSection .sectionTtl .ttlTxt sub {font-size: 26px;}
.contentSection .sectionTtl .ttlNum {width: 185px;margin: auto;}
.contentSection .sectionTtl .ttlTxt .marker {color: #F6FE1E; display: inline-block;
  background: url('/special_contents/dazn/images/marker_01.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/marker_01.webp') 1x);
  background-repeat: no-repeat;
  background-size: 100%;background-position: bottom;}
.contentSection .sectionTtl .ttlTxt .marker.sp {display: inline-block;}
.contentSection .sectionTtl .ttlTxt .marker.pc {display: none;}
.contentSection .sectionTtl .ttlTxt .sub {display:block; font-size: 26px;font-weight: 200;}

.noteIndent {padding-left: 1em;text-indent: -1em;display: inline-block;}
.noteIndent02 {padding-left: 2em;text-indent: -2em;display: inline-block;}

/*section01*/
.contentSection.section02 {
  position: relative;
  margin-top: 140px;
  margin-bottom: 140px;
  padding: 10px 30px 10px;
  background: url('/special_contents/dazn/images/content_bg_01_middle_sp.png?241118');
  background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_01_middle_sp.webp?241118') 1x);
  background-position: center;
  background-repeat: repeat-y;
  background-size: contain;
}
.contentSection.section04 {
  position: relative;
  margin-top: 140px;
  margin-bottom: 140px;
  padding: 10px 30px 10px;
  background: url('/special_contents/dazn/images/content_bg_01_middle_sp.png?241118');
  background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_01_middle_sp.webp?241118') 1x);
  background-position: center;
  background-repeat: repeat-y;
  background-size: contain;
}
@media (min-width: 751px){
  .contentSection.section02::before,
  .contentSection.section02::after{
    position: inherit!important;
  }
}
.contentSection.section03 .bgContentBox{
  background: none!important;
}
@media (max-width: 750px){
  .contentSection.section02::before {
    position: absolute;
    content: '';
    background: url(/special_contents/dazn/images/content_bg_10_top_sp.webp);
    background: -webkit-image-set(url(/special_contents/dazn/images/content_bg_10_top_sp.webp) 1x);
    top: -101px;
    left: 0;
    width: 750px;
    height: 102px;
    background-repeat: no-repeat;
  }
  .contentSection.section05 {
    position: relative;
    margin-top: 140px;
    padding: 10px 30px 10px;
    background: url('/special_contents/dazn/images/content_bg_01_middle_sp.png?241118');
    background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_01_middle_sp.webp?241118') 1x);
    background-position: center;
    background-repeat: repeat-y;
    background-size: contain;
  }
  .contentSection.section05::before {
    position: absolute;
    content: '';
    background: url(/special_contents/dazn/images/content_bg_01_top_sp.webp);
    background: -webkit-image-set(url(/special_contents/dazn/images/content_bg_01_top_sp.webp) 1x);
    top: -101px;
    left: 0;
    width: 750px;
    height: 102px;
    background-repeat: no-repeat;
  }
}
.contentSection.section02::after {
  position: absolute;
  content: '';
  background: url(/special_contents/dazn/images/content_bg_10_bottom_sp.webp);
  background: -webkit-image-set(url(/special_contents/dazn/images/content_bg_10_bottom_sp.webp) 1x);
  bottom: -121px;
  left: 0;
  width: 750px;
  height: 122px;
  background-repeat: no-repeat;
}
@media (max-width: 750px){
.contentSection.section04::before{
  position: absolute;
  content: '';
  background: url(/special_contents/dazn/images/content_bg_01_top_sp.webp);
  background: -webkit-image-set(url(/special_contents/dazn/images/content_bg_01_top_sp.webp) 1x);
  top: -101px;
  left: 0;
  width: 750px;
  height: 102px;
  background-repeat: no-repeat;
}
.contentSection.section04::after {
  position: absolute;
  content: '';
  background: url(/special_contents/dazn/images/content_bg_10_bottom_sp.webp);
  background: -webkit-image-set(url(/special_contents/dazn/images/content_bg_10_bottom_sp.webp) 1x);
  bottom: -121px;
  left: 0;
  width: 750px;
  height: 122px;
  background-repeat: no-repeat;
}
}
.contentSection.section01 .sectionTtl {justify-content: center;}
.contentSection .sectionTtl .ttlTxt .fukidashiTxt {display: block; width: 686px;margin: 30px auto 10px;}
.bgItemList {margin-top: 60px;}
.bgItemList li {position: relative;}
.bgItemList li:nth-child(odd) {
  background: url('/special_contents/dazn/images/content_bg_04_sp.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_04_sp.webp') 1x);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgItemList li:nth-child(even) {
  background: url('/special_contents/dazn/images/content_bg_05_sp.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_05_sp.webp') 1x);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgItemList li+li {}

.contentSection.section01 .modalBtnBox {margin: 40px;position: relative;}
.contentSection.section01 .modalBtnBox img {}
.contentSection.section01 .modalBtnBox .modalBtn {display: block;width: 100%;position: absolute;left: 50%;transform: translate(-50%,0);}
.contentSection.section01 .modalBtnBox .modalBtn.modal01 {top: 560px;height: 175px;}
.contentSection.section01 .modalBtnBox .modalBtn.modal02 {top: 735px;height: 155px;}
.contentSection.section01 .modalBtnBox .modalBtn.modal03 {top: 890px;height: 140px;}
.contentSection.section01 .modalBtnBox .modalBtn.modal04 {top: 1360px;height: 165px;width: 90%;}


.contentSection.section01 .bgItemList.modalBtnList {margin-bottom: 100px;}
.contentSection.section01 .bgItemList.modalBtnList li+li {margin-top: 50px;}
.contentSection.section01 .bgItemList.modalBtnList li {position: relative; transition: .3s ease; display: flex;align-items: center;box-sizing: border-box;margin: auto;width: 686px;min-height: 200px;}
.contentSection.section01 .bgItemList.modalBtnList li:nth-child(odd) {
  background: url('/special_contents/dazn/images/content_bg_07_01_sp.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_07_01_sp.webp') 1x);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%;}
.contentSection.section01 .bgItemList.modalBtnList li:nth-child(even) {
  background: url('/special_contents/dazn/images/content_bg_07_02_sp.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_07_02_sp.webp') 1x);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%;}
.contentSection.section01 .bgItemList.modalBtnList li:nth-child(odd).sub {
  background: url('/special_contents/dazn/images/content_bg_09_01_sp.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_09_01_sp.webp') 1x);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%;}
.contentSection.section01 .bgItemList.modalBtnList li:nth-child(even).sub {
  background: url('/special_contents/dazn/images/content_bg_09_02_sp.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_09_02_sp.webp') 1x);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%;}
.contentSection.section01 .bgItemList.modalBtnList li:nth-child(odd):hover {
  background: url('/special_contents/dazn/images/content_bg_08_01_sp.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_08_01_sp.webp') 1x);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%;}
.contentSection.section01 .bgItemList.modalBtnList li:nth-child(even):hover {
  background: url('/special_contents/dazn/images/content_bg_08_02_sp.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_08_02_sp.webp') 1x);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn {text-decoration: none;display: flex;width: 100%;height: 295px;align-items: center;padding: 50px 20px;box-sizing: border-box;justify-content: center;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt {text-align: center;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt >span {display: block;color: #000;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .sub {font-size: 28px;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .point {display: inline-block;line-height: 1; margin:10px auto 0;font-size: 42px;font-weight: bold;
  background: url('/special_contents/dazn/images/marker_02.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/marker_02.webp') 1x);
  background-repeat: no-repeat;
background-size: 100%;background-position: bottom;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .point.sp {display: inline-block;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .point.pc {display: none;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .small {font-size: 21px;margin-top: 15px;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .point .attention {font-size: 56px;color: #CC0033;padding: 0 5px}
.contentSection.section01 .bgItemList.modalBtnList li.sub .modalBtn .txt .point {background: transparent;}
.contentSection.section01 .bgItemList.modalBtnList li.sub .modalBtn .txt .point .attention {color: #000;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn .icoArr {position: absolute;width: 108px;}
.contentSection.section01 .bgItemList.modalBtnList li:nth-child(odd) .modalBtn .icoArr {right: 10px;top: -15px;}
.contentSection.section01 .bgItemList.modalBtnList li:nth-child(even) .modalBtn .icoArr {left: 50px;top: -20px;}
.contentSection.section01 .bgItemList.modalBtnList li .modalBtn .icoArr img {}

.modalWrap {padding: 150px 0;overflow-y: scroll;box-sizing: border-box;background: rgba(0, 0, 0,.5);position: fixed;justify-content: center;align-items: center;width: 100%;height: 100vh;top: 0;left: 0;z-index: 999999;display: none;}
.modalWrap.active {display: flex;}

.modalWrap .modalBox {display: none; position: relative;width: 670px;border-radius: 20px;box-sizing: border-box;margin: auto;padding: 50px 40px;}
.modalWrap .modalBox.active {display: block;}
.modalWrap .modalBox .closeBtn {position: absolute;top: 20px;right: 20px;}
.modalWrap .modalBox .closeBtn img {}
.modalWrap .modalBox.modal01 {}

.modalWrap .modalBox.modal02 {background: linear-gradient(#fff,#EED388);border: 4px solid #AB8C37;}
.modalWrap .modalBox.modal02 .imgBox {}
.modalWrap .modalBox.modal02 .imgBox img {}
.modalWrap .modalBox.modal02 .accBox {border: 4px solid #AB8C37;margin-top: 30px;border-radius: 10px;font-weight: bold;}
.modalWrap .modalBox.modal02 .accBox .accttl {background: #AB8C37;}
.modalWrap .modalBox.modal02 .accBox .innerBox {}
.modalWrap .modalBox.modal02 .accBox .innerBox p {}

.modalWrap .modalBox.modal03 {background: linear-gradient(#FFF6E5,#FFCAC8,#FFD1E5);border: 4px solid #FF0D72;color: #000;}
.modalWrap .modalBox.modal03 .mainTtl {text-align: center;font-size: 32px;margin: 0;}
.modalWrap .modalBox.modal03 .mainTtl sub {vertical-align: text-top;}
.modalWrap .modalBox.modal03 .contentWrap {margin-top: 40px;}
.modalWrap .modalBox.modal03 .contentWrap+.contentWrap {}
.modalWrap .modalBox.modal03 .contentWrap .contentTtl {font-size: 28px;text-align: center;font-weight: bold;}
.modalWrap .modalBox.modal03 .contentWrap .contentTtl .ico {}
.modalWrap .modalBox.modal03 .contentWrap .contentTtl .ico img {display: inline-block;width: auto;vertical-align: middle;}
.modalWrap .modalBox.modal03 .contentWrap .contentTtl .ico img:nth-child(2) {margin: 0 10px;}
.modalWrap .modalBox.modal03 .contentWrap .contentTtl sub {vertical-align: text-top;font-size: 18px;}
.modalWrap .modalBox.modal03 .contentWrap .box {margin-top: 30px;border-radius: 10px;font-weight: bold;text-align: center;position: relative;}
.modalWrap .modalBox.modal03 .contentWrap.content01 .box {border: 4px solid #FF0D72;}
.modalWrap .modalBox.modal03 .contentWrap.content02 .box {border: 4px solid #00A2E6;}
.modalWrap .modalBox.modal03 .contentWrap .box .fukidashi {top: -30px;right: -30px;justify-content: center;align-items: center;font-size: 20px;font-weight: bold;display: flex;position: absolute;width: 166px;height: 42px;border-radius: 100px;background: #F6FE1E;}
.modalWrap .modalBox.modal03 .contentWrap .box .fukidashi:after {content: "";display: block;position: absolute;bottom: -15px;width: 15px;height: 15px; left: 50%;transform: translate(-50%,0);
  background: url('/special_contents/dazn/images/fukidashi_02.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/fukidashi_02.webp') 1x);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.modalWrap .modalBox.modal03 .contentWrap .box .ttl {padding: 20px;color: #fff;font-size: 25px;}
.modalWrap .modalBox.modal03 .contentWrap.content01 .box .ttl {background: #FF0D72;}
.modalWrap .modalBox.modal03 .contentWrap.content02 .box .ttl {background: #00A2E6;}
.modalWrap .modalBox.modal03 .contentWrap .box .ttl .small {font-size: 18px;}
.modalWrap .modalBox.modal03 .contentWrap .box .contentBox {font-size: 20px;background: #fff;color: #000;}
.modalWrap .modalBox.modal03 .contentWrap .box .contentBox p {font-size: 28px;padding: 35px;}
.modalWrap .modalBox.modal03 .contentWrap .box .contentBox p .main {font-size: 40px;}
.modalWrap .modalBox.modal03 .contentWrap .box .contentBox.col2 {}
.modalWrap .modalBox.modal03 .contentWrap .box .contentBox.col2 p+p{border-top: 4px solid #00A2E6;}

.modalWrap .modalBox.modal06 {background: linear-gradient(to bottom, #FFCED6, #fff, #FFCED6);border: 4px solid #FF0D72;}
.modalWrap .modalBox.modal06 .imgBox {}
.modalWrap .modalBox.modal06 .imgBox img {}
.modalWrap .modalBox.modal06 .accBox {border: 4px solid #FF0D72;margin-top: 30px;border-radius: 10px;font-weight: bold;}
.modalWrap .modalBox.modal06 .accBox .accttl {background: #FF0D72;}
.modalWrap .modalBox.modal06 .accBox .innerBox {}
.modalWrap .modalBox.modal06 .accBox .innerBox p {}
.modalWrap .modalBox.modal06 sup{ font-size: 0.7em;vertical-align: text-top;}
.modalWrap .modalBox.modal06 .modal06_img{margin-top: 20px;}

.dtv_link {text-align: right;margin-top: 15px;}
.dtv_link a {font-size: 20px;color: #000;}

.indentList {font-size: 20px;}
.indentList li {list-style: none;padding-left: 1.75em;text-indent: -1.75em;}
.indentList li+li {margin-top: 1em;}

li {list-style: none;}
.maintenance_box {
  padding: 40px;
  text-align: center;
  background-color: #C4C4C3;
  color: black;
  font-weight: bold;
}
.maintenance_box a {
  color: black !important;
}
.maintenance_box a:hover {
  text-decoration: none;
}
.section01 .sliderTtl {
  text-align: center;
  display: inline-block;
  padding: 10px;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  font-size: 44px;
  text-align: center;
  font-weight: bold;
  margin: 20px auto 60px;
}
.section01 .sliderTtl .marker {color: #F6FE1E;}
.section01 .big {font-size: 38px; font-weight: bold;}
.section01 .middle {font-size: 30px; font-weight: bold;}
.section01 .middle.spm {font-size: 56px;}
.section01 .middle.spm .big {font-size: 100px; line-height: 1;}
.section01 .exBig {font-size: 75px; font-weight: bold;}
.section01_contents .middle {
  text-align: center;
  font-size: 53px;
}
.section01 .exBig {
  font-size: 150px;
}
.contents01BnrBox {
  position: relative;
  margin-bottom: 30px;
}
.accordion01_area {
  margin-top: 30px;
}
.accordion01_box {
  border: 5px solid #FFFFFF;
  background-color: rgb(0 0 0 / 50%);
}
.accordion01_box:first-child {
  margin-bottom: 40px;
}
.accordion01_box:last-child {
  margin-bottom: 85px;
}
.accordion01_head {
  display: flex;
  height: 90px;
  font-size: 33px;
  position: relative;
  cursor: pointer;
  text-align: center;
  color: white;
  align-items: center;
  justify-content: center;
}
.accordion01_head::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  right: 30px;
  border-style: solid;
  border-width: 0px 13px 13px 13px;
  border-color: transparent transparent #ffffff transparent;
}
.accordion01_head.acc_active::after {
  transform: translateY(-50%) rotate(0deg);
}
.accordion01_detail ul {
  margin: 0;
}
.accordion01_detail {
  padding: 20px 15px;
  color: white;
}
.accordion01_detail .mb20 {
  margin-bottom: 20px !important;
}
.acc_komenum > li {
  text-indent: -25px;
  padding-left: 25px;
}
.acc_kome > li {
  text-indent: -18px;
  padding-left: 18px;
}
.acc01_bold {
  font-weight: bold;
}
.contents01_entry {
  text-align: center;
}
.contents01_entry .big {
  font-size: 53px;
}
.contents01_entry .marker {
  color: #F6FE1E;
  display: inline-block;
  background: url(/special_contents/dazn/images/marker_01.png);
  background: -webkit-image-set(url(/special_contents/dazn/images/marker_01.webp) 1x);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}
.contents01_entry img {
  margin: 60px auto 35px;
}
.small_att {
  margin: 25px auto 50px;
}
.modalBtn.modal05 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 691px;
  height: 300px;
}
.modal05 .poincoBtnBox {
  display: flex;
  margin-top: 35px;
  gap: 25px;
  flex-direction: column;
}

.poincoBtnBox a {
  position: relative;
  width: 100%;
  padding: 12px 0;
  background-color: #CC0033;
  border-radius: 50px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 25px;
}

.poincoBtnBox a::after {
  position: absolute;
  content: '';
  background: url('/special_contents/dazn/images/arrow_single.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/arrow_single.webp') 1x);
  top: 50%;
  transform: translateY(-50%);
  right: 29px;
  width: 20px;
  height: 34px;
  background-size: contain;
  background-repeat: no-repeat;
}

.camp_code {
  margin: 10px 0 70px;
  text-align: right;
  color: white;
}

@media (min-width: 751px) {
  .sectionWrap {
    background: url('/special_contents/dazn/images/section_bg.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/section_bg.webp') 1x);
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
  }
  .contentSection .sectionTtl .ttlTxt .sub {font-size: 16px;}
  .container .leadTxt {font-size: 32px;}
  .btn-area {}
  .btn-area a.campaign-btn {font-size: 24px;}
  .btn-area a.campaign-btn .contract-ttl {font-size: 24px;}
  .btn-area a.campaign-btn .contract-price {font-size: 18px;}
  .btn-area a.campaign-btn .contract-guide {font-size: 34px;}
  .btn-area a.campaign-btn:after {}
  .contentSection {}
  .contentSection .sectionTtl {display: flex;width: 880px;margin: auto;text-align: left;justify-content: space-between;}
  .contentSection .sectionTtl .ttlTxt {font-size: 27px;}
  .contentSection .sectionTtl .ttlTxt .small {font-size: 24px;}
  .contentSection .sectionTtl .ttlTxt .big {font-size: 38px;}
  .contentSection .sectionTtl .ttlTxt .middle {font-size: 30px;}
  .contentSection .sectionTtl .ttlTxt .middle.spm {font-size: 30px;}
  .contentSection .sectionTtl .ttlTxt .exBig {font-size: 42px;}
  .contentSection .sectionTtl .ttlNum {margin: 0;}
  .contentSection .sectionTtl .ttlTxt .marker.sp {display: none;}
  .contentSection .sectionTtl .ttlTxt .marker.pc {display: inline-block;}
  .marker {}
  .noteIndent {}

  /*section01*/
  .contentSection.section02 {
    margin-top: 60px;
    margin-bottom: 20px;
    background: url(/special_contents/dazn/images/content_bg_02.webp);
    background: -webkit-image-set(url(/special_contents/dazn/images/content_bg_02.webp) 1x);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 160px 0 140px;
    background-size: 100% 100%;
  }
  .contentSection.section04 {
    margin-top: 60px;
    margin-bottom: 20px;
    background: url(/special_contents/dazn/images/content_bg_01_pc.webp);
    background: -webkit-image-set(url(/special_contents/dazn/images/content_bg_01_pc.webp) 1x);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 230px 0 140px;
    background-size: 100% 100%;
  }
    .contentSection.section01::before {
      content: none;
    }
    .contentSection.section01::after {
      content: none;
    }
  .contentSection.section01 .sectionTtl .ttlNum {margin-right: 34px;}
  .contentSection .sectionTtl .ttlTxt .fukidashiTxt {position: absolute;
    top: -65px;
    left: 0;
    width: fit-content;
    margin: 0;}
  .contentSection .sectionTtl .ttlTxt .fukidashiTxt img {width: 55%;}
  .bgItemList {}
  .bgItemList li {}
  .bgItemList li:nth-child(odd) {
      background: url('/special_contents/dazn/images/content_bg_04.png');
      background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_04.webp') 1x);
      background-position: center;
      background-repeat: no-repeat;
  }
  .bgItemList li:nth-child(even) {
      background: url('/special_contents/dazn/images/content_bg_05.png');
      background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_05.webp') 1x);
      background-position: center;
      background-repeat: no-repeat;
  }
  .bgItemList li+li {}

  .contentSection.section01 .modalBtnBox {max-width: 860px;margin: 60px auto;}
  .contentSection.section01 .modalBtnBox img {}
  .contentSection.section01 .modalBtnBox .modalBtn {width: 390px;left: auto;right: 0;transform: translate(0, 0);}
  .contentSection.section01 .modalBtnBox .modalBtn.modal01 {top: 30px;height: 100px;}
  .contentSection.section01 .modalBtnBox .modalBtn.modal02 {top: 130px;height: 90px;}
  .contentSection.section01 .modalBtnBox .modalBtn.modal03 {top: 220px;height: 75px;}
  .contentSection.section01 .modalBtnBox .modalBtn.modal04 {top: auto;bottom: 0;width: 390px;height: 100px;}


  .contentSection.section01 .bgItemList.modalBtnList {margin-bottom: 60px;}
  .contentSection.section01 .bgItemList.modalBtnList li:nth-child(odd),
  .contentSection.section01 .bgItemList.modalBtnList li:nth-child(even) {min-height: auto; padding-left: 100px;height: 150px;width: 1346px;
    background: url('/special_contents/dazn/images/content_bg_07.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_07.webp') 1x);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;}
  .contentSection.section01 .bgItemList.modalBtnList li:nth-child(odd).sub,
  .contentSection.section01 .bgItemList.modalBtnList li:nth-child(even).sub {
    background: url('/special_contents/dazn/images/content_bg_09.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_09.webp') 1x);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;} 
  .contentSection.section01 .bgItemList.modalBtnList li:nth-child(odd):hover,
  .contentSection.section01 .bgItemList.modalBtnList li:nth-child(even):hover {
    background: url('/special_contents/dazn/images/content_bg_08.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_08.webp') 1x);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;}
  .contentSection.section01 .bgItemList.modalBtnList li:before, 
  .contentSection.section01 .bgItemList.modalBtnList li:after {transform: skew(-17.25deg); content:'';display:block;position:absolute;border-color:#fff;box-sizing:border-box;border-style:solid;width:350px;height:100px;transition:all 0.3s ease-in-out}
  .contentSection.section01 .bgItemList.modalBtnList li:before {top:0;left:48px;border-width:2px 0 0 2px;z-index:5;}
  .contentSection.section01 .bgItemList.modalBtnList li:after {bottom:0;right:48px;border-width:0 2px 2px 0;}
  .contentSection.section01 .bgItemList.modalBtnList li:hover:before, .contentSection.section01 .bgItemList.modalBtnList li:hover:after {width: calc(94%);height: calc(100%);border-color: #fff;}
  .contentSection.section01 .bgItemList.modalBtnList li:hover:before {left:40px;}
  .contentSection.section01 .bgItemList.modalBtnList li:hover:after {right:40px;}
  .contentSection.section01 .bgItemList.modalBtnList li .modalBtn {position: relative;justify-content: flex-start; z-index: 9; width: 100%;padding: 0;display: flex;align-items: center;height: 100%;box-sizing: border-box;}
  .contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt {position: relative;height: 100%; align-items: center; display: flex;width: 70%;justify-content: center;}
  .contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .sub {font-size: 18px;}
  .contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .small {font-size: 13px;margin-top: 0;}
  .contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .small.sp {display: none;}
  .contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .point {margin: 0; margin-left: 16px;padding: 0 10px;font-size: 27px;}
  .contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .point.sp {display: none;}
  .contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .point.pc {display: inline-block;}
  .contentSection.section01 .bgItemList.modalBtnList li .modalBtn .txt .point .attention {font-size: 34px;}
  .maintenance_box {
    padding: 40px;
  }
  .maintenance_ttl {
    padding-bottom: 15px;
    margin-bottom: 23px;
    font-size: 24px;
    border-bottom: solid 2px;
  }
  .modalWrap .modalBox {width: 100%;max-width: 860px;}
  .section01 .section01_contents {
    width: 860px;
    margin: 0 auto 78px;
    text-align: center;
  }
  .section01 .big {font-size: 38px; font-weight: bold;}
  .section01 .middle {font-size: 30px; font-weight: bold;}
  .section01 .exBig {font-size: 75px; font-weight: bold;}
  .section01_contents .middle {
    font-size: 30px;
  }
  .section01 .sliderTtl {
    margin: 10px auto 45px;
    font-size: 24px;
  }
  .section01 .section01_contents .sub {
    text-align: left;
  }
  .section01 .contents01BnrBox {
    margin-bottom: 30px;
  }

  .accordion01_box:first-child {
    margin-bottom: 40px;
  }
  .accordion01_box:last-child {
    margin-bottom: 70px;
  }
  .accordion01_area {
    width: 860px;
    margin: 0 auto;
  }
  .accordion01_head {
    height: unset;
    padding: 8px 0px;
    font-size: 22px;
  }
  .accordion01_detail {
    padding: 0 40px 60px;
  }
  .accordion01_detail .mb20 {
    margin-bottom: 20px !important;
  }
  .acc_komenum > li {
    text-indent: -26px;
    padding-left: 26px;
  }
  .acc_kome > li {
    text-indent: -0.90909vw;
    padding-left: 0.90909vw;
  }
  .contents01_entry {
    margin-bottom: 40px;
  }
  .contents01_entry picture img {
    width: 65%;
    margin: 40px auto 10px;
  }
  .small_att {
    margin-top: 40px;
  }
  .contents01_entry .eXsmall {
    font-size: 20px;
  }
  .contents01_entry .small {
    font-size: 25px;
  }
  .contents01_entry .big {
    font-size: 38px;
  }
  .modalBtn.modal05 {
    position: absolute;
    top: 0;
    right: 0;
    width: 403px;
    height: 222px;
  }
  .modal05 .poincoBtnBox {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
  }
  .poincoBtnBox a {
    width: 48%;
    padding: 10px 0;
    font-size: 20px;
  }
  .poincoBtnBox a::after {
    position: absolute;
    content: '';
    background: url('/special_contents/dazn/images/arrow_single.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/arrow_single.webp') 1x);
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 13px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .camp_code {
    margin: 10px 0 30px;
  }
}


/*section02*/
.contentSection.section02 {}
.contentSection.section02 .sectionTtl {display: flex;flex-wrap: wrap;justify-content: center;flex-flow: column-reverse;}
.scrollBox {overflow-x: scroll;}
.scrollWrap {background: rgba(255, 255, 255, .65);margin: 40px;padding: 40px 20px 30px;} 
.contentSection.section02 .scrollBox {}
.scrollBox::-webkit-scrollbar {height: 20px;border-radius: 100px;background: #fff;} 
.scrollBox::-webkit-scrollbar-thumb {background: #000;border-radius: 100px;} 
.contentSection.section02 .scrollBox .innerBox {display: flex; width: 4400px;position: relative;margin-bottom: 30px;}
.contentSection.section02 .scrollBox .stepList {display: flex;margin: 0;position: relative;}
.contentSection.section02 .scrollBox .stepList+.stepList {margin-left: 95px;}
.contentSection.section02 .scrollBox .stepList+.stepList:before {}
.contentSection.section02 .scrollBox .stepList li {position: relative;list-style: none;}
.contentSection.section02 .scrollBox .stepList li+li {margin-left: 95px;}
.contentSection.section02 .scrollBox .stepList+.stepList li .ttl:before,
.contentSection.section02 .scrollBox .stepList li+li .ttl:before {content: "";position: absolute;top: 0;left: -95px; width: 95px;height: 100%;
    background: url('/special_contents/dazn/images/arrow_step.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/arrow_step.webp') 1x);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*body.Android .contentSection.section02 .scrollBox .stepList+.stepList:before,
body.Android .contentSection.section02 .scrollBox .stepList li+li:before {height: 75px !important;}*/
.contentSection.section02 .scrollBox .stepList li .ttl {color: #fff;background: #000;padding: 0 50px;text-align: center;font-size: 29px;max-height: 100%;position: relative;min-height: 145px;white-space: pre;display: flex;justify-content: center;align-items: center;}
.contentSection.section02 .scrollBox .stepList li .imgBox {margin: 30px 60px;min-width: 200px;}
.contentSection.section02 .scrollBox .stepList li .imgBox img {}
.contentSection.section02 .scrollBox .stepList li p {color: #000;font-size: 28px;}
.contentSection.section02 .btn-area {}


@media (min-width: 751px) {
  .contentSection.section02 {}
  .contentSection.section02 .sectionTtl {flex-flow: row;text-align: right;margin-bottom: 54px;justify-content: space-around;}
  .scrollBox {}
  .scrollBox::-webkit-scrollbar {display: none;}
  .scrollWrap {width: 860px;margin: auto;padding: 27px 14px 20px;box-sizing: border-box;}
  .contentSection.section02 .scrollBox .innerBox {width: 100%;flex-wrap: wrap;margin-bottom: 0;}
  .contentSection.section02 .scrollBox {}
  .contentSection.section02 .scrollBox .stepList {width: 100%;}
  .contentSection.section02 .scrollBox .stepList+.stepList {margin-left: 0;margin-top: 40px;}
  .contentSection.section02 .scrollBox .stepList+.stepList:before {display: none;}
  .contentSection.section02 .scrollBox .stepList li {}
  .contentSection.section02 .scrollBox .stepList li+li {margin-left: 34px;}
  .contentSection.section02 .scrollBox .stepList li+li:before {width: 24px;left: -24px;height: 40px;}
  .contentSection.section02 .scrollBox .stepList li .ttl {font-size: 10px;padding: 0 10px; min-height: 55px;display: flex;justify-content: center;align-items: center;}
  .contentSection.section02 .scrollBox .stepList li+li .ttl:before {width: 38px;left: -24px}
  .contentSection.section02 .scrollBox .stepList:nth-child(2) li .ttl {padding: 0;}
  .contentSection.section02 .scrollBox .stepList li .imgBox {text-align: center;margin: 20px 4px;min-width: auto;}
  .contentSection.section02 .scrollBox .stepList li .imgBox img {width: 100%;max-width: 150px;}
  .contentSection.section02 .scrollBox .stepList li p {font-size: 12px;}
  .contentSection.section02 .btn-area {margin-top: 67px;}
  .contentSection.section02 .scrollBox .stepList+.stepList li .ttl:before, .contentSection.section02 .scrollBox .stepList li+li .ttl:before {width: 35px;left: -35px;}
}



/*section03*/
/*.contentSection.section05 {
    background: url('/special_contents/dazn/images/content_bg_06_sp.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_06_sp.webp') 1x);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}*/
/*.contentSection.section03 {margin-top: 80px;padding: 150px 0 100px;
    background: url('/special_contents/dazn/images/content_bg_02_sp.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_02_sp.webp') 1x);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  background-size: 100% 20%;}*/
.contentSection.section03 .sectionTtl {}
.contentSection.section03 .slideBox {text-align: center;}
.contentSection.section03 .slideBox+.slideBox {}
.contentSection.section03 .slideBox .sliderTtl {text-align: center;display: inline-block;padding: 10px;border-top: 4px solid #fff;border-bottom: 4px solid #fff;font-size: 56px;text-align: center;font-weight: bold;margin: 60px auto 40px;}
.contentSection.section03 .slideBox .sliderTtl .marker {color: #F6FE1E;}
.contentSection.section03 .slideBox .sliderTtl .marker.sp {display: inline-block;}
.contentSection.section03 .slideBox .slider {}
.contentSection.section03 .bgContentBox {text-align: center;padding: 0 0 50px;
  background: url('/special_contents/dazn/images/bg_pattern_02.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/bg_pattern_02.webp') 1x);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: -1510px;}
.contentSection.section03 .bgContentBox .subTtl {font-size: 36px;}
.contentSection.section03 .bgContentBox .mainTtl {color: #F6FE1E;display: none;font-size: 56px;margin-top: 20px;
  background: url('/special_contents/dazn/images/marker_01.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/marker_01.webp') 1x);
  background-repeat: no-repeat;
  background-size: 100%;background-position: bottom;}
.contentSection.section03 .bgContentBox .mainTtl.sp {display: inline-block;}
.contentSection.section03 .bgContentBox .btnBox {}
@keyframes btnEffect {
  from {
    margin-left: 0;
  }

  to {
    margin-left: 300%;
  }
}
.contentSection.section03 .bgContentBox .btnBox a {-webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;display: flex;overflow: hidden; background: #000; text-decoration: none;box-sizing: border-box;color: #F6FE1E;width: 590px;height: 175px;padding: 30px;border: 2px solid #F6FE1E;box-shadow: 0 10px 20px rgba(0, 0, 0, .6);font-size: 44px;margin: 60px auto 0; justify-content: space-between;text-align: center;align-items: center;}
.contentSection.section03 .bgContentBox .btnBox a:before {    -webkit-animation-name: btnEffect;
    animation-name: btnEffect;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;content:"";display:block;width:75%;height:100%;background:rgba(255, 255, 255, .4);position:absolute;top:-10px;left:-200px;transform:rotate(-45deg);transition:all 1s ease-in-out;  }
.contentSection.section03 .bgContentBox .btnBox a:after {content: "";display: block;width: 48px;height: 37px;
    background: url('/special_contents/dazn/images/ico_movie.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/ico_movie.webp') 1x);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.contentSection.section03 .contentTtl {text-align: center;font-size: 56px;}
.contentSection.section03 .bgItemList {}
.contentSection.section03 .bgItemList li {position: relative;text-align: center;padding: 40px 25px;color: #000;margin-bottom: 50px;}
.contentSection.section03 .bgItemList li.pT20 {padding: 20px 25px 90px;}
.contentSection.section03 .bgItemList li:first-child {margin-bottom: 140px;}
.contentSection.section03 .bgItemList li .txt {font-size: 28px;}
.contentSection.section03 .bgItemList li .mainTxt {font-weight: bold;display: inline-block;margin-top: 20px; line-height: 1; font-size: 56px;
  background: url('/special_contents/dazn/images/marker_02.png');
  background: -webkit-image-set(url('/special_contents/dazn/images/marker_02.webp') 1x);
  background-repeat: no-repeat;
  background-size: 100%;background-position: bottom;}
.contentSection.section03 .bgItemList li .mainTxt .point {color: #CC0033;}
.contentSection.section03 .bgItemList li .mainTxt .small {font-size: 46px;}
.contentSection.section03 .bgItemList li .note {position: absolute;font-size: 18px;width: 75%;color: #fff;text-align: left;bottom: -79px;left: 70px;}
.contentSection.section03 .bgItemList li .note.note_02 {bottom: -140px;}
.contentSection.section03 .bgItemList li .note2 {position: absolute;font-size: 18px;width: 75%;color: #fff;text-align: left;bottom: -135px;left: 70px;}
.contentSection.section03 .bgItemList li .note3 {position: absolute;font-size: 18px;width: 75%;text-align: center;bottom: 50px;left: 90px;}
.contentSection.section03 .infoTxt {font-size: 28px;text-align: center; margin-top: 120px;}
.contentSection.section03 .infoTxt a {color:#3374DA;}
.contentSection.section03 .btn-area {margin-top: 100px;}
/* 240115 修正 */
.dazn_notice{ background-color: rgba( 255, 255, 255, 1 ); position:relative;text-align: center;padding:40px 20px;margin-bottom:90px;}
.dazn_notice .only_pc{display:block;}
.dazn_notice > p {color:#000;font-size:23px;}
.dazn_notice > p a{color:#000;text-decoration: underline;}
.dazn_notice > .notice_tt{font-size:32px;font-weight:bold;}
.dazn_notice .notice_line{display:inline-block;width:100%;height: 1px;background: #000;}
@media (min-width: 751px) {
  .btn-area a.campaign-btn {width: 520px;height: 90px;}
  .btn-area a.campaign-btn:after {width: 47px;height: 47px;right: 20px;}
  .contentSection.section03.bgNone {background: transparent;padding: 0;}
  /*.contentSection.section03 {margin-top: 0; padding: 210px 0 175px;
    background: url('/special_contents/dazn/images/content_bg_02.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_02.webp') 1x);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;}*/
  .contentSection.section03 .sectionTtl {justify-content: flex-start;align-items: center;margin-bottom: 35px;}
  .contentSection.section03 .sectionTtl .ttlTxt {margin-left: 34px;}
  .contentSection.section03 .slideBox {}
  .contentSection.section03 .slideBox+.slideBox {margin-top: 67px;}
  .contentSection.section03 .slideBox .sliderTtl {font-size: 27px;}
  .contentSection.section03 .slideBox .sliderTtl .marker {display: inline-block;}
  .contentSection.section03 .slideBox .sliderTtl .marker.sp {display: none;}
  .contentSection.section03 .slideBox .slider {}
  .contentSection.section03 .bgContentBox {padding: 60px 0 0;
    background: url('/special_contents/dazn/images/bg_pattern_01.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/bg_pattern_01.webp') 1x);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;}
  .contentSection.section03 .bgContentBox .subTtl {font-size: 24px;}
  .contentSection.section03 .bgContentBox .mainTtl {font-size: 38px; display: inline-block;background-size: 100% 30%;padding-left: 10px;}
  .contentSection.section03 .bgContentBox .btnBox {}
  .contentSection.section03 .bgContentBox .mainTtl.sp {display: none;}
  .contentSection.section03 .bgContentBox .btnBox a {width: 470px;height: 60px;font-size: 22px;padding: 0 20px; margin-top: 40px;}
  .contentSection.section03 .bgContentBox .btnBox a:after {}
  .contentSection.section03 .contentTtl {font-size: 30px;}
  .contentSection.section03 .bgItemList {}
  .contentSection.section03 .bgItemList li {display: flex;align-items: center;justify-content: center;min-width: 860px;}
  .contentSection.section03 .bgItemList li.pT20{padding: 20px 25px 60px;}
  .contentSection.section03 .bgItemList li:first-child {padding-right: 100px;}
  .contentSection.section03 .bgItemList li .txt {}
  .contentSection.section03 .bgItemList li .mainTxt {margin-top: 0;margin-left: 14px;font-size: 24px;}
  .contentSection.section03 .bgItemList li .mainTxt .point {padding: 0 7px;}
  .contentSection.section03 .bgItemList li .mainTxt .small {font-size: 27px;}
  .contentSection.section03 .bgItemList li .note {width: 725px;left: 50%;transform: translate(-50%,0);bottom: -54px;font-size: 16px;}
  .contentSection.section03 .bgItemList li .note.note_02 {bottom: -75px;}
  .contentSection.section03 .bgItemList li .note2 {width: 725px;left: 50%;transform: translate(-50%,0);bottom: -105px;font-size: 16px;}
  .contentSection.section03 .bgItemList li .note3 {width: 725px;left: 50%;transform: translate(-50%,0);bottom: 40px;font-size: 16px;}
  .contentSection.section03 .infoTxt {}
  .contentSection.section03 .infoTxt a {}
  .contentSection.section03 .btn-area {margin-top: 60px;}
}

/*section04*/
.contentSection.section04 {}
.contentSection.section04 .sectionTtl {display: flex;flex-wrap: wrap;justify-content: center;flex-flow: column-reverse;}
.contentSection.section04 .scrollBox {}
.contentSection.section04 .scrollBox .mainTtl {display: none; text-align: center;font-size: 38px;background: #000;padding: 25px;line-height: 1;}
.contentSection.section04 .scrollBox .itemList {display: flex;width: fit-content;}
.contentSection.section04 .scrollBox .itemList li {width: 388px;list-style: none;}
.contentSection.section04 .scrollBox .itemList li+li {margin-left: 40px;}
.contentSection.section04 .scrollBox .itemList li .ttl {text-align: center;padding: 25px;margin-bottom: 45px; position: relative;background: #000; font-size: 28px;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.contentSection.section04 .scrollBox .itemList li .ttl:after {content: "";position: absolute;width: 25px;bottom: -15px;left: 50%;transform: translate(-50%,0); height: 15px;
    background: url('/special_contents/dazn/images/fukidashi_01.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/fukidashi_01.webp') 1x);
    background-position: center;
    background-repeat: no-repeat;
}
.contentSection.section04 .scrollBox .itemList li .ttl .num {width: 95px;position: absolute;left: 30px;top: -10px;}
.contentSection.section04 .scrollBox .itemList li .ttl .num img {}
.contentSection.section04 .scrollBox .itemList li .imgBox {height: 220px;}
.contentSection.section04 .scrollBox .itemList li .imgBox img {}
.contentSection.section04 .scrollBox .itemList li .txt {font-size: 26px;margin-top: 25px;color: #000;}
.contentSection.section04 .btn-area {}

@media (min-width: 751px) {
  .contentSection.section04 {}
  .contentSection.section04 .sectionTtl {flex-flow: row;align-items: center;text-align: right;margin-bottom: 54px;justify-content: flex-end;}
  .contentSection.section04 .sectionTtl .ttlTxt {margin-right: 34px;}
  .contentSection.section04 .scrollBox {}
  .contentSection.section04 .scrollBox .mainTtl {display: block;margin-bottom: 20px;font-size: 26px;}
  .contentSection.section04 .scrollBox .itemList {width: 100%;justify-content: flex-start;flex-wrap: wrap;margin: 0;}
  .contentSection.section04 .scrollBox .itemList li {width: 260px;}
  .contentSection.section04 .scrollBox .itemList li:nth-child(n+4) {margin-top: 54px;}
  .contentSection.section04 .scrollBox .itemList li+li {margin-left: 25px;}
  .contentSection.section04 .scrollBox .itemList li:nth-child(4) {margin-left: 0;}
  .contentSection.section04 .scrollBox .itemList li .ttl {font-size: 18px;padding: 16px;margin-bottom: 30px;}
  .contentSection.section04 .scrollBox .itemList li .ttl:after {}
  .contentSection.section04 .scrollBox .itemList li .ttl .num {width: 64px;left: 15px;top: -10px;}
  .contentSection.section04 .scrollBox .itemList li .ttl .num img {}
  .contentSection.section04 .scrollBox .itemList li .imgBox {height: 147px;}
  .contentSection.section04 .scrollBox .itemList li .imgBox img {}
  .contentSection.section04 .scrollBox .itemList li .txt {font-size: 16px;margin-top: 16px;}
  .contentSection.section04 .btn-area {margin-top: 67px;}
}

/*section05*/
.contentSection.section05 {padding: 150px 0;/*background: url(/special_contents/dazn/images/content_bg_03_sp.png) center/cover no-repeat;*/}
@media (max-width: 750px) {.contentSection.section05 {padding: 50px 0;}}
.contentSection.section05 .sectionTtl {margin: 0 auto 50px;text-align: center;}
.contentSection.section05 .infoBox {background: rgba(255, 255, 255, .65);padding: 40px;margin: 40px;font-size: 26px;color: #000;}
.contentSection.section05 .infoBox .icoBox {text-align: center;margin-bottom: 30px;}
.contentSection.section05 .infoBox .icoBox .imgBox {width: 80px;margin:0 auto 15px;}
.contentSection.section05 .infoBox .icoBox .imgBox img {}
.contentSection.section05 .infoBox .icoBox p {}
.contentSection.section05 .infoBox .txtBox {}
.contentSection.section05 .infoBox .txtBox .noteIndent {}
.contentSection.section05 .infoBox .txtBox .txt {margin-top: 20px;}
.contentSection.section05 .infoBox .txtBox .bt {border-top: 1px solid #717171;padding-top: 30px;margin-top: 30px;}
.contentSection.section05 .infoBox .txtBox .bt a {color: #3374DA;}
.txtlinkB {color: #3374DA;}
.infoBox+.footer-bnr {margin-top: 80px;}
#bottomMenu {background: rgba(0, 0, 0, .4);}
#bottomMenu .btn_free {margin: 3.5% auto;}
#bottomMenu .close {width: 30px;position: absolute;right: 15px;top: 15px;}
.hide {display: none!important;}


#sideMenu .jumpBtnList .jumpBtnList-item a {font-weight: bold;font-size: 24px;text-decoration: none;}
#sideMenu .jumpBtnList .jumpBtnList-item a .ico {width: 35px;display: inline-block;vertical-align: middle;}

.modalBtnImgBox {position: relative;margin: 0 auto;}
.modalBtnImgBox img {}
.modalBtnImgBox .modalBtn {position: absolute;opacity: .5; display: block;width: 567px;left: 50%;transform: translate(-50%,0);}
.modalBtnImgBox .modalBtn.modal01 {top: 25px;height: 200px;}
.modalBtnImgBox .modalBtn.modal02 {top: 231px;height: 114px}
.modalBtnImgBox .modalBtn.modal03 {top: 969px;height: 106px;}
.modalBtnImgBox .modalBtn.modal04 {height: 135px;top: 1073px;}


@media (min-width: 751px) {
  .contentSection.section05 {
    background: url('/special_contents/dazn/images/content_bg_03.png');
    background: -webkit-image-set(url('/special_contents/dazn/images/content_bg_03.webp') 1x);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100% 100%;}
  .contentSection.section05 .sectionTtl {justify-content: center;font-size: 30px;margin-bottom: 34px;}
  .contentSection.section05 .infoBox {display: flex;width: 860px;margin: auto;align-items: center; justify-content: center;padding: 40px;}
  .contentSection.section05 .infoBox+.infoBox {margin-top: 7px;}
  .contentSection.section05 .infoBox .icoBox {width: 95px;margin-right: 40px;margin-bottom: 0;}
  .contentSection.section05 .infoBox .icoBox .imgBox {width: 60px;margin: 0 auto;}
  .contentSection.section05 .infoBox .icoBox .imgBox img {}
  .contentSection.section05 .infoBox .icoBox p {font-size: 14px;}
  .contentSection.section05 .infoBox .txtBox {font-size: 14px;width: 536px;height: fit-content;}
  .contentSection.section05 .infoBox .txtBox .noteIndent {}
  .contentSection.section05 .infoBox .txtBox .txt {margin-top: 1em;}
  .contentSection.section05 .infoBox .txtBox .bt {padding-top: 20px;margin-top: 20px;}
  .contentSection.section05 .infoBox .txtBox .bt a {}
  #bottomMenu .btn_free {margin: 14px auto;}
  .infoBox+.footer-bnr {margin-top: 57px!important;}
  .footer-bnr {margin: 12px auto 0!important;}

  #header .btnList {display: flex;justify-content: flex-end;width: 80%;align-items: center;}
  #header .btnList a.btn_signin {width: 90px;}
  #header .btnList a.btn_openMenu {width: 32px;}
  #header .btnList .gnbList {display: flex;justify-content: space-between;text-align: center;width: fit-content;}
  #header .btnList .gnbList li {}
  #header .btnList .gnbList li+li {margin-left: 5px;}
  #header .btnList .gnbList li a {font-size: 12px;text-decoration: none;line-height: 1;display: block;width: 100%;}
  #header .btnList .gnbList .spot {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
  #header .btnList .gnbList .svg-wrapper {margin-top: 0;position: relative;width: 95px;height: 35px;display: inline-block;border-radius: 3px;}
  #header .btnList .gnbList .shape {stroke-width: 6px;fill: transparent;stroke: #CC0033;stroke-dasharray: 85 400;stroke-dashoffset: -135;transition: 1s all ease;}
  #header .btnList .gnbList .header_text {margin-top: -35px;text-align: center;height: 100%;display: flex;width: 100%;justify-content: center;align-items: center;}
  #header .btnList .gnbList .header_text a {color: white;text-decoration: none;}
  #header .btnList .gnbList .svg-wrapper:hover .shape {stroke-dasharray: 50 0;stroke-width: 3px;stroke-dashoffset: 0;stroke: #fff;}


  .modalBtnImgBox {width: 100%;margin: 0 auto;}
  .modalBtnImgBox img {}
  .modalBtnImgBox .modalBtn {transform: translate(0, 0);}
  .modalBtnImgBox .modalBtn.modal01 {height:198px; width:378px; left: 8px;top: 12px;}
  .modalBtnImgBox .modalBtn.modal02 {left: 392px;top: 94px;height: 114px;width: 380px;}
  .modalBtnImgBox .modalBtn.modal03 {top: 914px;left: 8px;width: 763px;height: 129px;}
  .modalBtnImgBox .modalBtn.modal04 {top: 901px;left: 375px;width: 385px;height: 129px;}

  
.footer-bnr .bnr-xr.bnr_fashion_img img {
  width:272px
}
}


.loader {
    
}
#splash {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  background:#333;
  text-align:center;
  color:#fff;
}

#splash_text {
  position: absolute;
  top: 50%;
  left: 50%;
    z-index: 999;
  width: 100%;
  transform: translate(-50%, -50%);
  color: #fff;
}

#splash_text svg{
    height: 2px;
}
.progressbar-text {font-family: 'DAZN-normal', sans-serif;}

#section06 {
  margin: 55px 10px 0;
}

.tokyo-dome_area {
  width: 860px;
  max-width: 100%;
  margin: auto;
  margin-bottom: 50px;
  padding: 60px 50px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,200,135,0.65) 100%);
  border: solid 4px #FF6F00;
  border-radius: 5px;
  text-align: center;
}

.tokyo-dome_ttl_s {
  font-size: 30px;
  color: black;
}

.tokyo-dome_ttl_s > img {
  width: 60%;
  max-width: 100%;
}

.tokyo-dome_ttl_b {
  font-size: 38px;
  color: black;
  line-height: 1;
}
.tokyo-dome_box {
  background-color: white;
  border: solid 4px #FF6F00;
  border-radius: 5px;
  margin: 30px 0 50px;
}

.tokyo-dome_box_head {
  background-color: #FF6F00;
  color: white;
  font-size: 20px;
  padding: 5px 0;
}
.tokyo-dome_box_inner {
  text-align: left;
  color: black;
  padding: 30px;
}
.tokyo-dome_btn {
  display: block;
  width: 240px;
  max-width: 100%;
  margin: 0 auto;
  background-color: #231815;
  color: white;
  font-size: 24px;
  border-radius: 40px;
  padding: 8px 30px;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  #section06 {
    margin: 40px;
    padding: 27px 14px 20px;
  }

  .tokyo-dome_area {
    padding: 50px 40px;
  }

  .tokyo-dome_ttl_s {
    font-size: 40px;
  }
  .tokyo-dome_ttl_b {
    font-size: 56px;
  }

  .tokyo-dome_box_head {
    font-size: 28px;
  }

  .tokyo-dome_box_inner {
    font-size: 20px;
  }

  .tokyo-dome_btn {
    width: unset;
    font-size: 44px;
  }
  .slick-slide > a > .hover-content > picture {
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* 240115 修正 */
  .dazn_notice > p {color:#000;font-size:23px;text-align: left;}
  .dazn_notice > p a{color:#000;text-decoration: underline;}
  .dazn_notice > .notice_tt{font-size:30px;font-weight:bold;text-align: center;}
  .dazn_notice .only_pc{display:inline-block;}
  .dazn_notice .notice_line{margin:1vh 0;}
}

/* 240126追加 */

.sp_only {
  display: none;
}

.pc_only {
  display: block;
}

.accordionWrap {
  width: 860px;
  max-width: 860px;
  margin: 0 auto;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 241, 183, .75));
  border: 4px solid rgba(246, 254, 30, .75);
  border-radius: 10px;
  overflow: hidden;
}

#accordion01, #accordion02 {
  padding-top: 30px;
  margin-top: 70px;
}

.accordionTitle {
  margin-bottom: -330px;
  padding: 56px 110px 330px;
  background: url(../images/accordionBgImg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.accordionTitle .title01 {
  padding: 0 20px;
}

.accordionTitle .title02 {
  margin-top: 20px;
}

.accordionTitle p {
  padding: 20px 0 50px;
  color: #000000;
  font-size: 18px;
  text-align: center;
}

.accordionBox {
  padding: 0 50px;
}

.acBlock {
  margin-bottom: 40px;
}

.acBtn {
  margin: 0 auto;
  padding: 14px 0;
  font-size: 28px;
  text-align: center;
  cursor: pointer;
  background-size: 15px 15px;
  border-radius: 10px;
}

.acBtn.active {
  background-size: 15px 15px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion.ac01 .acBtn,
.accordion.ac03 .acBtn {
  background: url(../images/ac_open_white.png) no-repeat 98% center;
}

.accordion.ac01 .acBtn.active,
.accordion.ac03 .acBtn.active {
  background: url(../images/ac_close_white.png) no-repeat 98% center;
}

.accordion.ac02 .acBtn {
  background: url(../images/ac_open_black.png) no-repeat 98% center;
}

.accordion.ac02 .acBtn.active {
  background: url(../images/ac_close_black.png) no-repeat 98% center;
}

.accordion.ac01 .acBtn,
.accordion.ac03 .acBtn,
.accordion.ac01 .acBtn.active,
.accordion.ac03 .acBtn.active {
  color: #FFFFFF;
  background-color: #000000;
}

.accordion.ac02 .acBtn,
.accordion.ac02 .acBtn.active {
  color: #000000;
  background-color: #F6FE1E;
}

.acInner {
  display: none;
  padding: 40px;
  color: #000;
  font-size: 18px;
  background-color: #FFFFFF;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.accordion.ac01 .acInner {
  border-left: 4px solid #000;
  border-right: 4px solid #000;
  border-bottom: 4px solid #000;
}

.accordion.ac01 .acInner p:not(:last-child) {
  margin-bottom: 30px;
}

.accordion.ac01 .acInner img {
  width: 340px;
  max-width: 100%;
}

.accordion.ac02 .acInner {  
  border-left: 4px solid #F6FE1E;
  border-right: 4px solid #F6FE1E;
  border-bottom: 4px solid #F6FE1E;
}

.accordion.ac02 .acInner .goods:not(:last-child) {
  margin-bottom: 60px;
}

.accordion.ac02 .acInner .goods .goodsTitle {
  margin-bottom: 30px;
  padding: 10px 0;
  font-size: 28px;
  font-weight: bold;
}

.accordion.ac02 .acInner .goods .goodsTitle .goodsYellow {
  margin-right: 20px;
  padding: 10px 26px;
  background-color: #F6FE1E;
  border-radius: 28px;
}

.accordion.ac02 .acInner .goods .teamText {
  margin-top: 30px;
  font-weight: bold;
}

.accordion.ac02 .acInner .goods .teamList {
  margin-top: 20px;
  margin-bottom: 0;
}

.accordion.ac02 .acInner .goods .teamList li:not(:last-child) {
  margin-bottom: 10px;
}

.accordion.ac02 .acInner .goods .teamList li::before {
  content: '●';
  display: inline-block;
  color: #F6FE1E;
  margin-right: 10px;
}

.accordion.ac03 .acInner {
  border-left: 4px solid #000;
  border-right: 4px solid #000;
  border-bottom: 4px solid #000;
}

.acInner ul {
  margin: 0;
}

.acInner ul:first-child li:not(li ul li) {
  margin-bottom: 20px;
}

.acInner .textIndent {
  margin-left: 24px;
  text-indent: -24px;
}

.accordionWrap .entryBtn {
  margin: 80px auto;
  text-align: center;
}

.accordionWrap .entryBtn a {
  margin: 0 auto;
  padding: 24px 130px;
  font-size: 34px;
  background: url(../images/ico_arrow.png) no-repeat #CC0033 94%;
  text-decoration: none;
  border-radius: 45px;
}

@media (max-width: 750px) {

  .sp_only {
    display: block;
  }

  .pc_only {
    display: none;
  }

  .acBtn {
    margin-top: 25px;
    padding: 18px;
    font-size: 28px;
    border-radius: 10px;
  }

  .acBtn .acBtn.active {
    background-position: 96% center !important;
  }

  .acInner {
    padding: 30px;
  }

  .accordionWrap {
    width: 670px;
    max-width: 670px;
    margin: 0 auto;
  }

  #accordion01, #accordion02 {
    padding-top: 30px;
    margin-top: 70px;
  }

  .accordionTitle {
    margin-bottom: -330px;
    padding: 50px 40px 300px;
    background: url(../images/accordionBgImgSP.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .accordionTitle p {
    padding: 30px 0 40px;
    font-size: 26px;
  }

  .accordionTitle .title02 {
    margin-top: 50px;
    padding: 0 58px;
  }

  .accordion.ac01 .acInner img {
    width: 100%;
    margin-left: -32px;
  }

  .accordion.ac02 .acInner .goods .goodsTitle {
    text-align: center;
    margin-bottom: 10px;
  }

  .accordion.ac02 .acInner .goods .goodsTitle .goodsTextSP {
    display: block;
    margin-top: 15px;
  } 

  .accordionWrap .entryBtn {
    margin: 84px 0;
  }

  .accordionWrap .entryBtn a {
    font-size: 44px;
  }

  .acInner .textIndent02 {
    margin-left: 64px;
    text-indent: -64px;
  }

}

/* 240321追加 */

#accordion02 .accordionWrap {
  background: linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 180, 203, .75));
  border: 4px solid rgba(204, 0, 51, .75);
}

#accordion02 .accordionTitle {
  padding: 56px 56px 330px;
}

#accordion02 .accordionTitle .title01 {
  padding: 0;
}

#accordion02 .title02 {
  padding: 0 34px;
}

#accordion02 .accordion.ac01 .acInner img {
  width: auto;
}

#accordion02 ul.prizeImg li {
  margin-bottom: 30px;
}

#accordion02 ul.prizeImg li:last-child {
  margin-bottom: -20px;
}

#accordion02 ul.prizeImg picture {
  display: block;
  font-size: 0;
}

#accordion02 .accordion.ac02 .acInner {
  border-left: 4px solid #CC0033;
  border-right: 4px solid #CC0033;
  border-bottom: 4px solid #CC0033;
}

#accordion02 .accordion.ac02 .acInner .goods .teamList li::before {
  color: #CC0033;
}

#accordion02 .accordion.ac02 .acBtn {
  background: url(../images/acc02_ac_open_white.png) no-repeat 98% center;
  background: -webkit-image-set(url('/special_contents/dazn/images/acc02_ac_open_white.webp') 1x no-repeat 98% center);
}

#accordion02 .accordion.ac02 .acBtn.active {
  background: url(../images/acc02_ac_close_white.png) no-repeat 98% center;
  background: -webkit-image-set(url('/special_contents/dazn/images/acc02_ac_close_white.webp') 1x no-repeat 98% center);
}

#accordion02 .accordion.ac02 .acBtn, #accordion02 .accordion.ac02 .acBtn.active {
  color: #fff;
  background-color: #CC0033;
}

#accordion02 .acBtn02 {
  margin: 0 auto;
  padding: 14px 0;
  font-size: 28px;
  text-align: center;
  cursor: pointer;
  background-size: 15px 15px;
  border-radius: 10px;
}

#accordion01 .acInner02 {
  display: none;
}

#accordion01 .acBtn02 {
  background: url(../images/acc02_ac_open_arrow.png) no-repeat 98% center;
  background: -webkit-image-set(url('/special_contents/dazn/images/acc02_ac_open_arrow.webp') 1x no-repeat 98% center);
}

#accordion01 .acBtn02.active {
  background: url(../images/acc02_ac_close_arrow.png) no-repeat 98% center;
  background: -webkit-image-set(url('/special_contents/dazn/images/acc02_ac_close_arrow.webp') 1x no-repeat 98% center);
}

#accordion01 .acBtn02 {
  margin-top: 25px;
  padding: 18px;
  font-size: 28px;
  text-align: center;
  border-radius: 10px;
  color: #FFFFFF;
  background-color: #000000;
  cursor: pointer;
}

#accordion01 .acBtn02.active {
  color: #FFFFFF;
  background-color: #000000;
}

.commentText {
  font-size: 14px;
}

.ttl.fdc {
  flex-direction: column;
}

ul.prizeIndent li {
  text-indent: -3.8em;
  margin-left: 3.8em;
}

#accordion01 .accordionBox {
  margin: 60px 0 40px;
}

.contentSection.section04 .scrollBox .itemList li .txt_small {
  font-size: 12px;
  color: #000;
}


@media (max-width: 750px) {
  #accordion02 .accordionTitle .title02 {
    margin-top: -70px;
  }

  #accordion02 ul.prizeImg li {
    margin-bottom: 2.67vw;
  }

  #accordion02 .accordion.ac01 .acInner img {
    margin-left: 0;
  }

  #accordion02 .accordion.ac02 .acInner .goods:not(:last-child) {
    margin-bottom: 5.33vw;
  }
  
  .commentText {
    font-size: 20px;
  }

  .contentSection.section03 .infoTxt {
    margin-top: 25.2vw;
  }

  .contentSection.section04 .scrollBox .itemList li .txt_small {
    font-size: 18px;
  }
}

/* 240430 */
.kvSlide .slick-dots {
  display: none;
}
/* 241001 */
.closeCaution{
  background-color: #c4c4c3;
  color: #000;
  font-weight: bold;
  padding: 20px;
  margin-top: 30px;
}
.closeCautionTtl{
  border-bottom: 2px solid #787878;
  font-size: 28px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.closeCautionTxt{
  font-size: 24px;
}
@media (min-width: 751px){
  .closeCaution{
    padding: 20px;
    margin-top: 30px;
  }
  .closeCautionTtl{
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .closeCautionTxt{
    font-size: 12px;
  }
}
/*241008*/
.top_btm_txt{
  text-align: center;
  margin-top: 50px;
  font-weight: bold;
  font-size: 36px;
  line-height: 1.6;
}
.top_btm_txt span{
  font-size: 0.7em;
}
.top_btm_txt02{
  margin-top: 10px;
  font-size: 30px;
}
@media (min-width: 751px){
  .top_btm_txt02{
    font-size: 18px;
  }
}

/* kaizen */


.remodal-close {
  position: absolute;
  top: 30px;
  right: 20px;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: transparent;
}
.remodal-close:before {
  top: 10px;
  left: -10px;
  content: url("/special_contents/dazn/images/icon_close.webp");
}
.remodal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 10000;
  transition: opacity .3s, visibility .3s;
}
.modal-shadow {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.remodal.open {
  opacity: 1;
  visibility: visible;
}
.remodal .in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-height: 80%;
  width: 80%;
  line-height: 1;
  border-radius: 10px;
  max-width: 750px;
  font-family: 'Hiragino Kaku Gothic Pro', sans-serif;
  margin-bottom: 0;
  padding: 30px 20px 35px;
  box-sizing: border-box;
  background-color: #fff;
}
.remodal .bnr-qr {
  width: 29.3%;
  min-width: 220px;
}

.remodal-header {
  color: #2b2e38;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  margin: 0 35px;
  padding: 15px 0 30px;
  border-bottom: 2px solid #a5a5a5;
}

.remodal-container {
  text-align: center;
  padding: 65px 0 40px;
}

.campaign-btn {
  margin: 1rem auto;
  width: 485px;
}

.campaign-btn img {
  width: 100%;
}


/* =footer
-------------------------------------------------------------- */
#footer {
  padding: 90px 0 110px;
  font-size: 11px;
}
#footer .linklist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto 50px;
  list-style: none;
}
#footer .linklist li {
  text-align: center;
  padding: 0 1em;
  border-right: 1px solid #fff;
}
#footer .linklist li:first-of-type {
  border-left: 1px solid #fff;
}
#footer .linklist li a {
  text-decoration: none;
  color: #fff;
}
#footer .linklist li a:hover {
  text-decoration: underline;
}
#footer .copyright {
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  #footer {
    padding-top: 25px;
    padding-bottom: 22vw;
    font-size: 3vw;
  }
  #footer .linklist li {
    padding: 0 0.7em;
  }
  #footer .linklist li:first-of-type {
    border-left: none;
  }
  #footer .linklist li:nth-of-type(n + 3) {
    margin-top: 2em;
  }
  #footer .linklist li:nth-of-type(2n) {
    border-right: none;
  }
}




.footer-bnr {
  margin: 17px 10px 0;
  max-width: 1044px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.footer-bnr.firstcontents {
    margin-top: 0;
}
.footer-bnr.lastcontents {
  margin-top: 17px;
}

@media screen and (max-width: 750px) {
  .footer-bnr.lastcontents {
    margin-top: 0;
  }
}

.footer-bnr a {
  line-height: 0;
}

@media screen and (max-width: 750px) {
  .footer-bnr {
    flex-direction: column;
    width: 89.3%;
    margin: 0 auto;
  }
}

.footer-bnr .bnr-giants {
  cursor: pointer;
  margin-right: 5px;
}

@media screen and (max-width: 750px) {
  .footer-bnr .bnr-giants {
    margin-right: 0;
    margin-bottom: 25px;
    width: 100%;
  }
}

.footer-bnr .bnr-xr {
  margin: 0 5px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .footer-bnr .bnr-xr {
    width: 100%;
    margin: 0 auto 25px;
  }
}

.footer-bnr .bnr-fashion {
  margin-left: 5px;
}

@media screen and (max-width: 750px) {
  .footer-bnr .bnr-fashion {
    margin: 0 auto 25px;
    width: 100%;
  }
}
/*250203*/
.mt-20{margin-top: 20px;}
.mt-40{margin-top: 40px;}
.mt-100{margin-top: 100px;}
.marker_top_text{
  font-size: 22px;
  font-weight: bold;
  color: #DADAC4;
}
.marker_before_text{
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
}
.marker_bbl_text{
  font-size: 22px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
}
.marker_flex_box{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  color: #DADAC4;
  line-height: 1;
}
.marker_flex_box p:first-child{
  margin-right: 5px;
}
.marker_flex_box .mini_font{
  font-size: 0.55em;
}
@media (min-width: 751px){
  .marker_before_text{
    margin-right: 10px;
  }
}
@media (max-width: 750px){
  .marker_before_text{
    display: block;
    margin-top: 10px;
  }
}
/*250218*/
.kv_bottom_area img{
  width: 100%;
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.kv_bottom_link{
  margin-top: 20px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}
.campaign_2502_area{
  text-align: center;
  font-size: 30px;
}
.campaign_2502_area img{
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
.campaign_2502_area .campaign_2502_img{
  position: relative;
}
.campaign_2502_area .campaing_2502_btn{
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 450px;
}
.useful_box {
  width: 860px;
  padding: 90px 90px 0;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}
.useful_box img{
  width: 100%;
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 751px){
  .kv_bottom_area img{
    max-width: 395px;
  }
}
@media (max-width: 750px){
  .campaign_2502_area .campaing_2502_btn{
    bottom: 8vw;
    max-width: inherit;
    width: 84vw;
  }
  .useful_box {
    width: inherit;
    padding: 90px 20px 0;
  }
}
/*250605*/
.bnr-txt {
  font-size: 36px;
  text-align: center;
  margin-bottom: 0.5em;
}
@media (min-width: 751px){
  .bnr-txt {
    font-size: 45px;
  }
}
/*251027*/
.top_white_box{
  background-color: #fff;
  border: 1px solid #707070;
  color: #000;
  text-align: center;
  padding: 20px;
  font-size: 20px;
}
.top_white_box_ttl{
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 10px;
}