@charset "UTF-8";
/* ----------------------------------------
// サンダーズ 猫田勝敏CSS
// Sassからコンパイルしています
// ----------------------------------------*/
.volleyMainArea figure:not(.notRadius) {
  border-radius: 10px;
  overflow: hidden;
}
.volleyMainArea .letterLinkArea {
  background-color: #cccccc;
}
@media (min-width: 768px) {
  .volleyMainArea .letterLinkArea {
    margin: 0 -200% 50px;
    padding: 0 200%;
    position: relative;
  }
  .volleyMainArea .letterLinkArea::after {
    content: "";
    background-color: #00A273;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
  }
  .volleyMainArea .letterLinkArea.page01::after {
    left: -50%;
  }
  .volleyMainArea .letterLinkArea.page02::after {
    content: none;
  }
  .volleyMainArea .letterLinkArea.page03::after {
    right: -50%;
  }
}
@media (max-width: 767px) {
  .volleyMainArea .letterLinkArea {
    margin: 10vw 0;
  }
}
.volleyMainArea .letterLinkArea .letterLinkDetail {
  position: relative;
  z-index: 1;
}
.volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a,
.volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > p {
  padding: 40px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a,
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > p {
    transform: skewX(-36deg);
  }
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a > *,
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > p > * {
    transform: skewX(36deg);
  }
}
@media (max-width: 767px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a,
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > p {
    padding: 5vw 0;
  }
}
.volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a {
  background-color: #cccccc;
  position: relative;
}
.volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a:hover {
  opacity: 1;
}
.volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a:hover * {
  opacity: 0.7;
}
@media (min-width: 768px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a:hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
  @keyframes icon-arrow {
    100% {
      background-position: 0 -288px;
    }
  }
}
.volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a::after {
  content: "";
  position: absolute;
  top: 50%;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media (min-width: 768px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a::after {
    width: 32px;
    height: 32px;
    transform: translateY(-50%) skewX(36deg);
  }
}
@media (max-width: 767px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a::after {
    width: 5vw;
    height: 5vw;
    transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a.prevLink {
    justify-content: flex-start;
    padding-left: 13vw;
  }
}
.volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a.prevLink::after {
  left: 40px;
  background-image: url(/sports/thunders/assets/images/icon_anime_arrow_back_black.png);
}
@media (max-width: 767px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a.prevLink::after {
    left: 5vw;
  }
}
@media (max-width: 767px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a.nextLink {
    justify-content: flex-end;
    padding-right: 10vw;
  }
}
.volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a.nextLink::after {
  right: 40px;
  background-image: url(/assets/img/component/icon_anime_arrow_black.png);
}
@media (max-width: 767px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > a.nextLink::after {
    right: 5vw;
  }
}
.volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col] > p {
  background-color: #00A273;
  color: #ffffff;
}
@media (min-width: 768px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col]:nth-child(2) > a,
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col]:nth-child(2) > p {
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
  }
}
@media (max-width: 767px) {
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col]:nth-child(2) > a,
  .volleyMainArea .letterLinkArea .letterLinkDetail .row [class^=_col]:nth-child(2) > p {
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
  }
}

.aboutNekodaHistory .hitoryLeadArea {
  padding: 50px 0 30px;
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryLeadArea {
    padding: 8vw 0 4vw;
  }
}
.aboutNekodaHistory .hitoryLeadArea .txtLead {
  text-align: center;
}
.aboutNekodaHistory .hitoryMvArea {
  position: relative;
  padding: 0;
  background: url(/sports/thunders/team/nekoda/images/mv_bg_pc.png) #e3ebe8 center no-repeat;
  overflow: hidden;
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryMvArea {
    padding-top: 75vw;
    background: url(/sports/thunders/team/nekoda/images/mv_bg_sp.png) #000000 top center no-repeat;
    background-size: 100%;
  }
  .aboutNekodaHistory .hitoryMvArea .txtMvLead {
    padding: 0 4vw 4vw;
    color: #ffffff;
  }
}
@media (min-width: 768px) {
  .aboutNekodaHistory .hitoryMvArea .volleyInner {
    position: relative;
    height: 520px;
    z-index: 1;
  }
  .aboutNekodaHistory .hitoryMvArea .volleyInner .txtMvLead {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 600px;
    color: #ffffff;
  }
}
.aboutNekodaHistory .hitoryEpisodeArea {
  padding: 90px 0 90px;
  background-color: #e3ebe8;
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryEpisodeArea {
    padding: 10vw 0;
  }
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryEpisodeArea .volleyInner {
    padding: 0 4vw;
  }
}
.aboutNekodaHistory .hitoryEpisodeArea .volleyInner .episodeBox {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryEpisodeArea .volleyInner .episodeBox {
    margin-bottom: 10vw;
  }
}
.aboutNekodaHistory .hitoryEpisodeArea .volleyInner .episodeBox .ttlVolleyLv2 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryEpisodeArea .volleyInner .episodeBox .ttlVolleyLv2 {
    margin-bottom: 5vw;
  }
}
.aboutNekodaHistory .hitoryEpisodeArea .volleyInner .linkBtnArea {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.aboutNekodaHistory .hitoryRelationArea {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryRelationArea {
    padding: 10vw 0;
  }
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryRelationArea .volleyInner {
    padding: 0 4vw;
  }
}
.aboutNekodaHistory .hitoryRelationArea .volleyInner .relationBox {
  padding: 5px 10px 100px;
  border: 2px solid #00A273;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryRelationArea .volleyInner .relationBox {
    padding: 1vw 3vw 8vw;
  }
}
.aboutNekodaHistory .hitoryRelationArea .volleyInner .relationBox .ttlVolleyLv4 {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryRelationArea .volleyInner .relationBox .ttlVolleyLv4 {
    padding: 2vw 0;
    margin-bottom: 2vw;
  }
}
.aboutNekodaHistory .hitoryRelationArea .volleyInner .relationBox .imgRelation {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryRelationArea .volleyInner .relationBox .imgRelation {
    margin-bottom: 3vw;
  }
}
@media (min-width: 768px) {
  .aboutNekodaHistory .hitoryRelationArea .volleyInner .relationBox .linkBtnArea {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
  }
}
@media (max-width: 767px) {
  .aboutNekodaHistory .hitoryRelationArea .volleyInner .relationBox .linkBtnArea {
    margin-top: 5vw;
  }
}

.nekodaStory .ttlVolleyLv1 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .nekodaStory .ttlVolleyLv1 {
    margin-bottom: 10vw;
  }
}
.nekodaStory .storyMv {
  height: 450px;
  color: #ffffff;
  margin: 0;
  background-image: url(/sports/thunders/team/nekoda/story/01/images/main_pc.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #050705;
}
@media (max-width: 767px) {
  .nekodaStory .storyMv {
    width: 100%;
    height: 100%;
    background-image: url(/sports/thunders/team/nekoda/story/01/images/main_sp.png);
    background-size: 100% auto;
    padding: 5vw 4vw;
    box-sizing: border-box;
  }
}
.nekodaStory .storyMv .ttlVolleyLv2 {
  padding-top: 5px;
  border-bottom-color: #ffffff;
}
@media (max-width: 767px) {
  .nekodaStory .storyMv .ttlVolleyLv2 {
    padding-top: 58vw;
    position: relative;
  }
}
@media (max-width: 767px) {
  .nekodaStory .storyMv .ttlVolleyLv2._underLine {
    border-bottom: none;
  }
  .nekodaStory .storyMv .ttlVolleyLv2._underLine::after {
    content: "";
    width: 150%;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    bottom: -5px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .nekodaStory .storyMv .ttlVolleyLv2 {
    padding-top: 58vw;
    border-bottom: none;
    position: relative;
  }
}
.nekodaStory .storyMv .ttlVolleyLv2 .txtNo {
  font-size: 1.5em;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .nekodaStory .storyMv .ttlVolleyLv2 .txtNo {
    font-size: 1.5em;
    margin-left: 4vw;
  }
}
.nekodaStory .storyMv .ttlVolleyLv4 {
  padding-top: 30px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .nekodaStory .storyMv .ttlVolleyLv4 {
    padding-top: 4vw;
    margin-bottom: 8vw;
  }
}
@media (max-width: 767px) {
  .nekodaStory .storyMv .ttlVolleyLv4 p {
    font-size: 6vw;
  }
}
.nekodaStory .storyDetail > section:nth-child(odd) .storyBox {
  background-color: #ffffff;
}
.nekodaStory .storyDetail > section:nth-child(even) .storyBox {
  background-color: #eff2f1;
}
.nekodaStory .storyDetail > section .storyBox {
  margin: 0;
  padding: 50px;
}
@media (max-width: 767px) {
  .nekodaStory .storyDetail > section .storyBox {
    padding: 10vw 4vw;
  }
}
@media (min-width: 768px) {
  .nekodaStory .storyDetail > section .storyBox > .row .pcMt-80 {
    margin-top: -80px;
  }
  .nekodaStory .storyDetail > section .storyBox > .row .pcMt-100 {
    margin-top: -100px;
  }
}
@media (max-width: 767px) {
  .nekodaStory .storyDetail > section .storyBox > .row {
    flex-direction: column;
  }
  .nekodaStory .storyDetail > section .storyBox > .row [class^=_col] {
    width: auto;
  }
  .nekodaStory .storyDetail > section .storyBox > .row [class^=_col].sp_order1 {
    order: 1;
  }
  .nekodaStory .storyDetail > section .storyBox > .row [class^=_col].sp_order2 {
    order: 2;
  }
  .nekodaStory .storyDetail > section .storyBox > .row [class^=_col].sp_order3 {
    order: 3;
  }
  .nekodaStory .storyDetail > section .storyBox > .row [class^=_col].sp_order4 {
    order: 4;
  }
}
.nekodaStory .storyDetail > section .storyBox .ttlVolleyLv4 {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .nekodaStory .storyDetail > section .storyBox .ttlVolleyLv4 {
    margin-bottom: 10vw;
  }
}
.nekodaStory .storyDetail > section .storyBox .ttlVolleyLv4 h2 {
  line-height: 1.5;
}
@media (min-width: 768px) {
  .nekodaStory .storyDetail .letterLinkArea {
    margin-top: 50px;
  }
}

.nekodaHistory .ttlVolleyLv1 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .nekodaHistory .ttlVolleyLv1 {
    margin-bottom: 5vw;
  }
}
.nekodaHistory .historyHead {
  width: 1050px;
  height: 450px;
  color: #ffffff;
  margin: 0 0 50px;
  background-image: url(/sports/thunders/team/nekoda/history/images/main_pc.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #426363;
}
@media (max-width: 767px) {
  .nekodaHistory .historyHead {
    width: 100%;
    height: 100%;
    background-image: url(/sports/thunders/team/nekoda/history/images/main_sp.png);
    background-size: 100% auto;
    padding: 5vw 4vw;
    box-sizing: border-box;
  }
}
.nekodaHistory .historyHead .ttlVolleyLv2 {
  padding-top: 80px;
  border-bottom: #ffffff 3px solid;
}
@media (max-width: 767px) {
  .nekodaHistory .historyHead .ttlVolleyLv2::after {
    content: "";
    width: 150%;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    bottom: -5px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .nekodaHistory .historyHead .ttlVolleyLv2 {
    padding-top: 63vw;
    border-bottom: none;
    position: relative;
  }
}
@media (max-width: 767px) {
  .nekodaHistory .historyHead .txtLead {
    font-size: 4vw;
  }
}
.nekodaHistory .historyHead .txtCatch {
  padding-top: 30px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .nekodaHistory .historyHead .txtCatch {
    padding-top: 4vw;
    margin-bottom: 30px;
  }
}
.nekodaHistory .historyHead .txtCatch p {
  font-size: 26px;
}
@media (max-width: 767px) {
  .nekodaHistory .historyHead .txtCatch p {
    font-size: 6vw;
  }
}
.nekodaHistory .volleyTableBox {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .nekodaHistory .volleyTableBox {
    margin-top: 4vw;
    margin-bottom: 10vw;
    padding: 0 4vw;
  }
}
.nekodaHistory .volleyTableBox table th, .nekodaHistory .volleyTableBox table td {
  padding-top: 25px;
  padding-bottom: 25px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .nekodaHistory .volleyTableBox table th, .nekodaHistory .volleyTableBox table td {
    padding: 4vw;
    font-size: 4vw;
  }
}
.nekodaHistory .volleyTableBox table th {
  width: 180px;
  text-align: center;
  vertical-align: top;
}
@media (max-width: 767px) {
  .nekodaHistory .volleyTableBox table th {
    width: 20vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
.nekodaHistory .volleyTableBox table td {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .nekodaHistory .volleyTableBox table td {
    padding-left: 4vw;
  }
}

.nekodaStadium .ttlVolleyLv1 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .nekodaStadium .ttlVolleyLv1 {
    margin-bottom: 4vw;
  }
}
.nekodaStadium .stadiumHead {
  background-color: #26a07d;
  background-image: url(/sports/thunders/team/nekoda/stadium/images/main.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  padding: 30px 0 30px 530px;
  min-height: 450px;
  box-sizing: border-box;
  margin-bottom: 65px;
}
@media (max-width: 767px) {
  .nekodaStadium .stadiumHead {
    background-image: url(/sports/thunders/team/nekoda/stadium/images/main_sp.png);
    padding: 67vw 0 6.5vw 2vw;
    margin-bottom: 0;
  }
}
.nekodaStadium .stadiumHead .ttlStadiumHead {
  margin-bottom: 25px;
  position: relative;
}
@media (max-width: 767px) {
  .nekodaStadium .stadiumHead .ttlStadiumHead {
    padding-left: 0;
    margin-bottom: 5vw;
  }
}
.nekodaStadium .stadiumHead .ttlStadiumHead::after {
  content: "";
  width: 500px;
  height: 3px;
  background-color: #ffffff;
  position: absolute;
  bottom: -5px;
  left: 0;
}
@media (max-width: 767px) {
  .nekodaStadium .stadiumHead .ttlStadiumHead::after {
    width: 150%;
  }
}
.nekodaStadium .stadiumHead dl {
  color: #ffffff;
  padding: 0 25px 0 5px;
}
@media (max-width: 767px) {
  .nekodaStadium .stadiumHead dl {
    padding: 0 4vw 0 2vw;
  }
}
.nekodaStadium .stadiumHead dl dt {
  font-size: 28px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .nekodaStadium .stadiumHead dl dt {
    font-size: 5vw;
    margin-bottom: 3vw;
  }
}
.nekodaStadium .stadiumHead dl dd {
  font-size: 16px;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .nekodaStadium .stadiumHead dl dd {
    font-size: 4vw;
  }
}
.nekodaStadium .secNekodaStadiumGallery01 {
  background-color: #eff2f1;
  padding: 80px 0 50px;
}
@media (max-width: 767px) {
  .nekodaStadium .secNekodaStadiumGallery01 {
    padding: 9vw 0 4vw;
  }
}
.nekodaStadium .secNekodaStadiumGallery01 .ttlVolleyLv3 {
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .nekodaStadium .secNekodaStadiumGallery01 .ttlVolleyLv3 {
    margin: 0 0 5vw 4vw;
  }
}
@media (max-width: 767px) {
  .nekodaStadium .secNekodaStadiumGallery01 .txtFloorGallery {
    font-size: 4vw;
    padding: 0 4vw;
    box-sizing: border-box;
  }
}
.nekodaStadium .secNekodaStadiumGallery02 {
  background-image: linear-gradient(160deg, #e3ebe8 0%, #e3ebe8 45%, #eff2f1 45%, #eff2f1 100%);
  background-position: left top;
  background-size: contain;
  padding: 50px 0 70px;
}
@media (max-width: 767px) {
  .nekodaStadium .secNekodaStadiumGallery02 {
    background-image: linear-gradient(155deg, #e3ebe8 0%, #e3ebe8 25%, #eff2f1 25%, #eff2f1 50%, #e3ebe8 50%, #e3ebe8 75%, #eff2f1 75%, #eff2f1 100%);
    padding: 4vw 0 6.5vw;
  }
}
@media (max-width: 767px) {
  .nekodaStadium .secNekodaStadiumGallery02 .volleyInner {
    padding: 0 4vw;
    box-sizing: border-box;
  }
}
.nekodaStadium .secNekodaStadiumGallery02 .volleyInner .ttlVolleyLv4 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .nekodaStadium .secNekodaStadiumGallery02 .volleyInner .ttlVolleyLv4 {
    margin: 0 -4vw 4vw 0;
  }
}
.nekodaStadium .secNekodaStadiumGallery02 .volleyInner figure {
  margin-bottom: 20px;
}
.nekodaStadium .secNekodaStadiumGallery02 .volleyInner p {
  font-size: 16px;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .nekodaStadium .secNekodaStadiumGallery02 .volleyInner p {
    font-size: 4vw;
  }
}
.nekodaStadium .secNekodaStadiumGallery02 .volleyInner p + p {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .nekodaStadium .secNekodaStadiumGallery02 .volleyInner p + p {
    margin-top: 5vw;
  }
}
@media (max-width: 767px) {
  .nekodaStadium .secNekodaStadiumGallery02 .volleyInner p strong {
    font-size: 5vw;
  }
}
.nekodaStadium .secPhotoCollection {
  padding: 70px 0 50px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .nekodaStadium .secPhotoCollection {
    padding: 5vw 4vw;
  }
}
.nekodaStadium .secPhotoCollection .ttlVolleyLv3 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .nekodaStadium .secPhotoCollection .ttlVolleyLv3 {
    margin-bottom: 5vw;
  }
}
.nekodaStadium .secPhotoCollection .nekodaGallery li {
  position: relative;
  margin: 5px 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .nekodaStadium .secPhotoCollection .nekodaGallery li:hover .captionCover,
  .nekodaStadium .secPhotoCollection .nekodaGallery li:hover .caption {
    opacity: 1;
  }
}
.nekodaStadium .secPhotoCollection .nekodaGallery li .captionCover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  right: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  opacity: 0;
}
.nekodaStadium .secPhotoCollection .nekodaGallery li .caption {
  position: absolute;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  top: 50%;
  left: 0;
  right: 0;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
  transform: translateY(-50%);
  opacity: 0;
}
.nekodaStadium .secPhotoCollection .nekodaGallery li .lead {
  display: none;
}
.nekodaStadium .modalOverlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100001;
  display: none;
}
.nekodaStadium .modalOverlay.open {
  display: block;
}
.nekodaStadium .modalArea {
  position: fixed;
  width: 660px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100001;
  display: -webkit-none;
  display: none;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 767px) {
  .nekodaStadium .modalArea {
    width: 100%;
  }
}
.nekodaStadium .modalArea.open {
  display: -webkit-flex;
  display: flex;
}
.nekodaStadium .modalArea.overflowAuto {
  top: 0;
  bottom: 0;
  transform: translate(-50%, 0);
  display: -webkit-block;
  display: block;
  overflow-y: auto;
}
.nekodaStadium .modalArea .modalBox {
  background-color: #fff;
  padding: 25px 80px;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .nekodaStadium .modalArea .modalBox {
    padding: 50px 50px 25px;
    margin: 0 auto;
  }
}
.nekodaStadium .modalArea .modalBox .modalImg {
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
}
.nekodaStadium .modalArea .modalBox .modalImg img {
  max-width: 100%;
  height: auto;
}
.nekodaStadium .modalArea .modalBox p {
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .nekodaStadium .modalArea .modalBox p {
    font-size: 14px;
  }
}
.nekodaStadium .modalArea .modalBox .modalImgCaption {
  margin-top: 5px;
}
.nekodaStadium .modalArea .modalBox .modalLead {
  margin-top: 5px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .nekodaStadium .modalArea .modalBox .modalLead {
    font-size: 12px;
  }
}
.nekodaStadium .modalArea .modalBox .modalClose .closeBtn {
  position: absolute;
  width: 52px;
  height: 52px;
  cursor: pointer;
  background-image: url(/sports/thunders/team/nekoda/stadium/images/btn_close_green.gif);
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  margin-top: 0;
}
@media (max-width: 767px) {
  .nekodaStadium .modalArea .modalBox .modalClose .closeBtn {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
  }
}
.nekodaStadium .modalArea .modalBtnPrev .prevBtn,
.nekodaStadium .modalArea .modalBtnNext .nextBtn {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.nekodaStadium .modalArea .prevBtn {
  background-image: url(/sports/thunders/team/nekoda/stadium/images/slider_btn_left.png);
  background-repeat: no-repeat;
  left: 20px;
}
@media (max-width: 767px) {
  .nekodaStadium .modalArea .prevBtn {
    left: 5px;
  }
}
.nekodaStadium .modalArea .nextBtn {
  background-image: url(/sports/thunders/team/nekoda/stadium/images/slider_btn_right.png);
  background-repeat: no-repeat;
  right: 20px;
}
@media (max-width: 767px) {
  .nekodaStadium .modalArea .nextBtn {
    right: 5px;
  }
}

.nekodaLetter .ttlVolleyLv1 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .nekodaLetter .ttlVolleyLv1 {
    margin-bottom: 10vw;
  }
}
.nekodaLetter .lettersMv {
  height: 450px;
  color: #ffffff;
  margin: 0 0 50px;
  background-image: url(/sports/thunders/team/nekoda/letters/01/images/main_pc.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #050705;
}
@media (max-width: 767px) {
  .nekodaLetter .lettersMv {
    width: 100%;
    height: 100%;
    background-image: url(/sports/thunders/team/nekoda/letters/01/images/main_sp.png);
    background-size: 100% auto;
    padding: 5vw 4vw;
    box-sizing: border-box;
  }
}
.nekodaLetter .lettersMv .ttlVolleyLv2 {
  padding-top: 45px;
  border-bottom-color: #ffffff;
}
@media (max-width: 767px) {
  .nekodaLetter .lettersMv .ttlVolleyLv2 {
    padding-top: 58vw;
    position: relative;
  }
}
@media (max-width: 767px) {
  .nekodaLetter .lettersMv .ttlVolleyLv2._underLine {
    border-bottom: none;
  }
  .nekodaLetter .lettersMv .ttlVolleyLv2._underLine::after {
    content: "";
    width: 150%;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    bottom: -5px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .nekodaLetter .lettersMv .ttlVolleyLv2 {
    padding-top: 58vw;
    border-bottom: none;
    position: relative;
  }
}
.nekodaLetter .lettersMv .ttlVolleyLv2 .txtNo {
  font-size: 1.5em;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .nekodaLetter .lettersMv .ttlVolleyLv2 .txtNo {
    font-size: 1.5em;
    margin-left: 4vw;
  }
}
.nekodaLetter .lettersMv .ttlVolleyLv4 {
  padding-top: 35px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .nekodaLetter .lettersMv .ttlVolleyLv4 {
    padding-top: 4vw;
    margin-bottom: 15vw;
  }
}
@media (max-width: 767px) {
  .nekodaLetter .lettersMv .ttlVolleyLv4 p {
    font-size: 6vw;
  }
}
.nekodaLetter .lettersWrapArea .lettersDetail {
  padding: 50px;
  margin: 50px 0;
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .nekodaLetter .lettersWrapArea .lettersDetail {
    padding: 10vw 4vw 1vw;
    margin: 0;
  }
}
.nekodaLetter .lettersWrapArea .lettersDetail._bgGray {
  background-color: #eff2f1;
}
.nekodaLetter .lettersWrapArea .lettersDetail._bgGray .letterBody {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #ffffff 97%, #ffffff 100%);
}
.nekodaLetter .lettersWrapArea .lettersDetail._bgWhite {
  background-color: #ffffff;
  border: #eff2f1 1px solid;
}
.nekodaLetter .lettersWrapArea .lettersDetail._bgWhite .letterBody {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #eff2f1 97%, #eff2f1 100%);
}
.nekodaLetter .lettersWrapArea .lettersDetail .ttlLetter h2 {
  color: #00a172;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .nekodaLetter .lettersWrapArea .lettersDetail .ttlLetter h2 {
    font-size: 6vw;
  }
}
.nekodaLetter .lettersWrapArea .lettersDetail .letterLineBox .txtDate {
  line-height: 2;
  margin: 20px 0;
}
@media (max-width: 767px) {
  .nekodaLetter .lettersWrapArea .lettersDetail .letterLineBox .txtDate {
    margin: 4vw 0;
  }
}
.nekodaLetter .lettersWrapArea .lettersDetail .letterLineBox .txtDate span {
  color: #00a172;
}
.nekodaLetter .lettersWrapArea .lettersDetail .letterLineBox .letterBody {
  background-size: 100% 3em;
  line-height: 3;
}
.nekodaLetter .lettersWrapArea .lettersDetail .letterLineBox .letterBody p {
  margin-bottom: 3em;
  line-height: 3;
}
.nekodaLetter .lettersWrapArea .lettersDetail .letterLineBox .letterBody p.txtLetterFrom {
  text-align: right;
}