@charset "UTF-8";

/* #####################################################
* style.css
* ################################################## */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
p,
blockquote,
th,
td,
form,
fieldset,
legend {
  margin: 0;
  padding: 0;
}

. article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  width: 100%;
}

div {
  /* outline: none; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  line-height: 1.2;
}

ol,
ul {
  list-style: none;
}

table {
  font-size: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

fieldset {
  border: none;
}

input,
textarea,
select,
label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: middle;
}

label {
  cursor: pointer;
}

textarea {
  overflow: auto;
}

img {
  border: none;
  vertical-align: bottom;
}

object {
  vertical-align: middle;
  outline: none;
}

em,
strong {
  font-style: normal;
  font-weight: bold;
}

small {
  font-size: 100%;
}

abbr,
acronym {
  border: none;
  font-variant: normal;
}

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

address,
caption,
cite,
code,
dfn,
var {
  font-style: normal;
  font-weight: normal;
}

code,
pre {
  font-family: monospace;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

*,
*:before,
*:after {
  word-break: normal;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  min-height: 100%;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-size: 1.4rem;
  line-height: 1.7;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  position: relative;
}

/* =====================================================
* Base
* ================================================== */


html {
  width: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  /* font-family: "Montserrat", "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
  -webkit-print-color-adjust: exact;
}

h1,
h2,
h3,
p,
li,
th,
td,
span,
figcaption {
  word-break: break-all;
  word-wrap: break-word;
}

a {
  color: #000;
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

a:hover {
  opacity: 0.5;
}

@media (min-width: 768px) {
  .is-sp {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .is-pc {
    display: none !important;
  }
}

/* =====================================================
* Color
* ================================================== */

* {
  /* color: #333; */
}

.pink--b {
  color: #DE3F74;
}

.pink--8 {
  color: #C52179;
}

.modListLineup dd {
  content: "";
  background-size: 20rem 20rem;
  height: 5rem;
  color: #fff;
  background-size: 100%;
  background-position: 0;
  z-index: 0;
  background-size: 101%;
}

.sky--pale {
    background-color: #e4f7f9;
}

.sky {
    background-color: #72D5DB;
    background: url(../img/square_72D5DB.svg) no-repeat bottom;
}

.blue--pale {
    background-color: #BEE5EF;
}
  
.blue {
  background-color: #0B48A5;
  background: url(../img/square_0B48A5.svg) no-repeat bottom;
}

.yellow--pale {
  background-color: #FFF4C8;
}

.yellow {
  background-color: #F8BD89;
  background: url(../img/square_F8BD89.svg) no-repeat bottom;
}

.purple--pale {
  background-color: #D7D2E6;
}

.purple {
  background-color: #AEB0E1;
  background: url(../img/square_AEB0E1.svg) no-repeat bottom;
}

.green--pale {
  background-color: #6EC195;
}

.green {
  background-color: #3DAC71;
  background: url(../img/square_3DAC71.svg) no-repeat bottom;
}

.lime--pale {
  background-color: #9BEDCC;
}

.lime {
  background-color: #36DA99;
  background: url(../img/square_36DA99.svg) no-repeat bottom;
}

.red--pale {
  background-color: #F7CDEE;
}

.red {
  background-color: #F7637C;
  background: url(../img/square_F7637C.svg) no-repeat bottom;
}

.pink--pale {
  background-color: #FDE3E3;
}

.pink {
  background-color: #F297A7;
  background: url(../img/square_F297A7.svg) no-repeat bottom;
}

.gray {
  background-color: #707070;
  background: url(../img/square_707070.svg) no-repeat bottom;
}

/* =====================================================
* Btn
* ================================================== */

.btnMore {
  border: 1px solid#FF5688;
  color: #FF5688;
  border-radius: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  width: 18rem;
  margin: 0 auto;
  margin-top: 6rem;
}

@media (max-width: 767px) {
  .btnMore {
    font-size: 1rem;
    padding: 0.8rem;
    margin-top: 2rem;
  }
}

.btnMore a {
  color: #FF5688;
  flex: 1;
  text-align: center;
}

/* =====================================================
* Modal
* ================================================== */

.modal {}

.md-wrapper {
  background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.3), rgba(197, 33, 121, 0.3));
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
}

@media (max-width: 767px) {
  .md-wrapper {
    padding: 4rem 0;
  }
}

.md-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  z-index: 1;
  cursor: pointer;
  z-index: 0;
}

.md-overlay iframe {
  max-width: 80vw;
}

.youtube-16-9 {
  margin-bottom: 10rem;
}

.youtube-16-9 iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

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

@media (max-width: 767px) {
  .md-header {
    width: 100vw;
    padding-right: 2rem;
  }
}

.md-header h2 {
  height: 2.5rem;
  /* width: 100%; */
  margin: 0;
  /* display: flex; */
  /* text-align: left; */
}


.md-contents {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  /* transform: translateX(-50%); */
  z-index: 10000;
  z-index: 9999;
  /* background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.3), rgba(197, 33, 121, 0.3)); */
}


.md-inner {
  color: #FF6368;
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  /* height: 100vh; */
  /* width: 100vw; */
  left: 0;
  top: 0;
  z-index: 9999;
  padding: 10rem;
  z-index: 1;
  gap: 6rem;
  max-width: 90vw;
  margin: 0 auto;
  width: 100rem;
  justify-content: center;
  /* height: 100vh; */
}

@media (max-width: 767px) {
  .md-inner {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    gap: 4rem;
  }
}

@media (max-width: 767px) {
  .md-inner .md-text {
    padding: 0 2rem;
    /* width: 100vw; */
  }
}

.md-inner .md-text h3 {
  font-size: 1.6rem;
  border: 1px solid #FF6368;
  display: inline-flex;
  padding: 0.4rem 1rem;
  margin-bottom: 2rem;
  align-items: baseline;
  width: fit-content;
}

@media (max-width: 767px) {
  .md-inner .md-text h3 {
    font-size: 1.2rem;
    padding: 0.2rem 0.6rem;
    /* display: inline-flex; */
    /* align-items: center; */
    /* display: flex; */
    /* gap: 0.2rem; */
    margin-bottom: 3rem !important;
  }
}

.md-inner .md-text h4 {
  font-size: 3.2rem;
  font-weight: bold;
  /* color: #FF6368; */
  opacity: 1;
}

@media (max-width: 767px) {
  .md-inner .md-text h4 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}

.md-inner .md-text h5 {
  font-size: 1.6rem;
  opacity: 1;
  color: #FF6368;
  margin-bottom: 2rem;
  margin-top: 6rem;
  font-weight: bold;
  line-height: 3rem;
}

@media (max-width: 767px) {
  .md-inner .md-text h5 {
    line-height: 2.6rem;
  }
}

.md-inner .md-text p {
  color: #FF6368;
  color: #000;
  line-height: 3.2rem;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .md-inner .md-text p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}

.md-inner .md-text p.cn {
  color: #505050;
  margin-bottom: 1rem;
}

.md-text img {
  width: 100%;
  margin-top: 3rem;
}

.md-inner pre {
  line-height: 2.8rem;
  font-size: 1.6rem;
  color: #FF6368;
}

.md-xmark {
  position: relative;
  top: 0;
  /* right: 0; */
  width: 32px;
  height: 22px;
  z-index: 9999;
  cursor: pointer;
  display: flex;
  right: 0;
  margin-left: auto;
}

.md-xmark span {
  height: auto;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 4px;
  background-color: #FF6368;

}

.md-xmark span:nth-of-type(1) {
  top: 0;
  transform: translateY(10px) rotate(-45deg);
}


.md-xmark span:nth-of-type(2) {
  bottom: 0;
  transform: translateY(-10px) rotate(45deg);
}

/* =====================================================
* Tittle
* ================================================== */

.modListHrWrap {
  margin: 0 auto;
  background: url(../img/hr_rail.svg) repeat-x top;
  /* padding: 6rem 0 10rem; */
  background-size: auto 2.5rem;
  margin-top: 14rem;
  gap: 4rem;
  /* display: flex; */
}


@media (max-width: 767px) {
  .modListHrWrap {
    /* padding: 0 2rem; */
    margin: 0;
  }
}

@media (max-width: 767px) {
  .page-top .modListHrWrap {
    margin-top: 10rem;
  }
}

.modTicketH2 {
  height: 4rem;
  display: inline-flex;
  margin-top: -1rem;
  margin-bottom: 4rem;
  margin-left: 4rem;
}

@media (max-width: 767px) {
  .modTicketH2 {
    height: 3rem;
    margin-bottom: 4.5rem;
    margin-top: -0.2rem;
    margin-left: 2rem;
  }
}

.modTicketH2 img {
  width: 18rem;
  width: 100%;
  height: 100%;
  display: flex;
  /* margin-bottom: 4rem; */
}

.modTicketH2 a img:hover {
  opacity: 1;
}

.modH2Wrap {
  display: flex;
  justify-content: center;
  margin-top: 10rem;
}

@media (max-width: 767px) {
  .modH2Wrap {
    margin-top: 15rem;
  }
}

.modH2 {
  color: #FF6368;
  font-size: 4rem;
  font-weight: bold;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto 6rem;
  position: relative;
}


@media (max-width: 767px) {
  .modH2 {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
}

.modH2::after {
  content: "";
  border-bottom: 2px solid #FF6368;
  width: 100%;
  top: 5rem;
  position: absolute;
}

@media (max-width: 767px) {
  .modH2::after {
    top: 2.8rem;
  }
}

.modH2 span {
  font-size: 1.3rem;
  opacity: .8;
  font-weight: normal;
  margin-top: 1.4rem;
}

@media (max-width: 767px) {
  .modH2 span {
    font-size: 1rem;
  }
}

/* =====================================================
* Module(PC)
* ================================================== */

/* header ----------------------------- */

header {
  background: #fff;
  border-image: linear-gradient(to right, #FF5688, #C52179) 1;
  border-bottom: 2px solid;
  margin-inline: auto;
  padding: 1.6rem 2rem;
  z-index: 100;
  position: fixed;
  width: 100%;
  top: 0;
}

header>.inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header>.inner .itemIcon {
  height: 100%;
  width: 100%;
}

header>.inner .title {
  display: flex;
  gap: 0.5rem;
}

header>.inner .title a {
  display: flex;
  justify-content: center;
  align-items: center;
}

header>.inner .titleTop {
  /* position: absolute; */
  /* top: 30px; */
  /* font-weight: 900; */
  /* font-size: 3.6rem; */
}

@media (max-width: 767px) {
  header>.inner .titleTop {
    /* position: absolute; */
    /* top: 16px; */
    /* font-weight: 900; */
    /* font-size: 2.6rem; */
    /* width: 30vw; */
  }
}

header>.inner .titleText {
  font-size: 1rem;
  line-height: 1.2rem;
}

header>.inner .titleText span {
  font-weight: bold;
  font-size: 1.2rem;
}

header>.inner .titleText .sub {
  color: #b8b8b8;
  font-weight: normal;
  font-size: .9rem;
}

header>.inner .title .itemLogo {
  max-width: 350px;
  max-height: 48px;
  margin: 0 4px 0 0;
}

header>.inner .itemLogoSite {
  position: absolute;
  top: 34px;
  right: 20px;
  width: 148px;
  height: 28px;
}

.page-top header>.inner .itemLogoSite {
  top: 56px;
}

header>.inner .official {
  position: absolute;
  top: 78px;
  right: 20px;
  width: 148px;
  height: 28px;
  border: 1px #000 solid;
  color: #000;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 28px;
  text-align: center;
}

header>.inner .official .itemLogo {
  display: inline-block;
  width: 76px;
  margin: 0 2px 0 0;
  line-height: 1.2;
  text-align: center;
}

header>.inner .official img {
  display: inline-block;
  max-width: 76px;
  max-height: 16px;
}

header>.inner .spNavButton {
  display: none;
}

/* nav ----------------------------- */

.site-logo {
  display: flex;
  justify-content: center;
  padding: 8rem 0 2rem;
}

.site-logo img {
  width: 18rem;
}

.humberger {
  position: absolute;
  /*ボタン内側の基点となるためrelativeを指定*/
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  z-index: 100;
  top: 4rem;
  right: 4rem;
  z-index: 1000000;
  display: none;
}

.nav {
  position: fixed;
  width: 100%;
  /* margin-top: 5rem; */
  z-index: 100;
  top: 6rem;
}

.nav-inner {
  display: flex;
  justify-content: center;
  /* padding: 15px; */
  align-items: center;
  padding: 1rem;
}

.nav-inner .logo {
  z-index: 10000;
}

.menu-wrapper {
  position: relative;
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
}

.nav .logo img {
  object-fit: contain;
  width: 8rem;
}


@media (max-width: 767px) {
  .nav .logo img {
    width: 10rem;
  }
}

.btn {
  width: 100%;
  /* display: block; */
  width: 4rem;
  height: 4rem;
  /* position: absolute; */
  /* right: 0; */
  z-index: 10000;
  /*追記：いつも一番上*/
  position: absolute;
  right: 2rem;
}

.bar {
  width: 20px;
  height: 3px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
}

.bar-top {
  top: 10px;
  background-color: #DE3F74;
}

.bar-middle {
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #C52179;
}

.bar-bottom {
  bottom: 10px;
  background-color: #DE3F74;
}

.btn.close .bar-top {
  transform: translate(-50%, 10px) rotate(45deg);
  transition: transform .3s;
}

.btn.close .bar-middle {
  opacity: 0;
  transition: opacity .3s;
}

.btn.close .bar-bottom {
  transform: translate(-50%, -8px) rotate(-45deg);
  transition: transform .3s;
}

.menu-lists {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  /* padding-top: 50px; */
  text-align: center;
  background-image: linear-gradient(130deg, rgba(255, 99, 104, 0.2), rgba(255, 99, 104, 0.6));
  background-color: #fff;
  z-index: 1000;
  /* background-size: auto 2rem; */
  background-position: 0;
}

.menu-lists .logo {
  display: flex;
  /* margin-top: 1rem; */
  position: absolute;
  top: 2rem;
}

.modNav {
  /* animation: bgscroll 100s linear infinite; */
  display: flex;
  gap: 1rem;
  z-index: 100;
  width: 100%;
  justify-content: center;
  background-size: 2rem;
  background: url(../img/hr_rail.svg) repeat-x;
  background-size: auto 2.5rem;
  align-items: center;
  background-position: 10%;
}

@media (max-width: 767px) {
  .modNav {
    display: flex;
    gap: 1rem;
    z-index: 100;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    background-size: 2rem;
    background: url(../img/hr_rail.svg) repeat-x bottom;
    background-size: auto 2.5rem;
    background-position: left 0 bottom 3% !important;
    /* margin-top: -5rem; */
    margin: 0;
    overflow: hidden;
  }
}

.modNav li {
  display: block;
  /* width: 100%; */
  /* max-width: 90vw; */
  /* margin: 0 auto; */
  /* background-repeat: no-repeat; */
  /* background-position: center; */
  /* padding: 4rem 0 3rem; */
  /* background-size: auto 2rem; */
  display: flex;
  gap: 1rem;
  justify-content: center;
  /* width: 100%; */
  /* margin-top: -1rem; */
}

.modNav li img {
  height: 4rem;
  /* width: calc(100vw / 7); */
  object-fit: contain;
}

.modNav li a:hover {
  opacity: 1 !important;
}


/* footer ----------------------------- */

footer {
  width: 100%;
  background: #eee;
  margin-top: 10rem;
  padding-top: 3rem;
}

.page-top footer {}

footer>.inner {
  margin: 0 auto;
  background: url(../img/hr_rail.svg) repeat-x top;
  padding: 4rem 0 3rem;
  background-size: auto 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  /* animation: bgscroll 100s linear infinite; */
}

@-webkit-keyframes bgscroll {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 50vw 0;
  }
}

@keyframes bgscroll {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 50vw 0;
  }
}

footer p,
footer a {
  color: #DE3F74;
  text-align: center;
  font-size: 8px;
}

.copyright {
  text-align: center;
  font-size: 1rem;
  margin-top: 8rem;
  margin-bottom: -8rem;
  color: #b8b8b8;
  opacity: .5;
  font-weight: normal;
}

/* contents --------------------------- */

main>.inner {
  position: relative;
  z-index: 1;
  width: 780px;
  margin: 0 auto;
  padding: 1px 0 40px;
}

/* =====================================================
* Common
* ================================================== */

/* main top --------------------------- */

.wrapContents {
  display: flex;
  /* width: 780px; */
  margin: 0 auto;
  /* padding: 0 0 100px; */
  flex-direction: column;
}


.contMainFull {
  margin-top: 10rem;
}

.wrapContents .contMain {
  /* display: table-cell; */
  /* width: 600px; */
  /* max-width: 90vw; */
  /* margin: 0 auto; */
}

.contMain>.modH2Wrap {
  /* margin-top: 0; */
}

.wrapContents .contSide {
  display: table-cell;
  /* width: 380px; */
  padding: 0 0 0 80px;
}

.wrapContents .contSide h3 {
  margin: 76px 0 0;
  padding: 0 0 10px;
  border-bottom: 1px #000 solid;
  font-size: 2.2rem;
  line-height: 1;
}

.wrapContents .contSide h3:first-of-type {
  margin: 0;
}

.wrapContents .contSide h3 .sup {
  display: block;
  margin: 8px 0 0;
  color: #8D8C8D;
  font-weight: 100;
  font-size: 1.2rem;
  line-height: 1;
}

.spNavMenu {
  display: none;
}

.modListLinks {
  padding: 0 0 0 48px;
}

.modListLinks li {
  margin: 12px 0 0;
  line-height: 1;
}

.modListLinks li:before {
  content: "・";
}

.modListLinks li a {
  color: #000;
  font-size: 1.4rem;
  line-height: 1;
}

/* =====================================================
* Parent section
* ================================================== */

/* parent slider --------------------------- */

.slick-track {
  /* height: auto; */
  /* overflow: hidden; */
}

.slider {
  width: 100vw !important;
  margin-top: -5rem !important;
  /* height: calc(100vh - 6rem) !important; */
  /* overflow: hidden; */
  /* background: #ccc; */
}

@media (max-width: 767px) {
  .slider {
    /* height: 40vh !important; */
    margin-bottom: 0 !important;
    height: 100% !important;
  }
}

.slick-list {
  height: 100vh !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  .slick-list {
    height: 100% !important;
  }
}

.slider-img {
  margin: 0 0rem;
  height: 100vh !important;
  /* align-items: stretch!important; */
  overflow: hidden;
}

@media (max-width: 767px) {
  .slider-img {
    height: 100% !important;
  }
}

.slider-img img {
  /* height: auto; */
  /* width: 100%; */
  justify-content: center;
  display: flex;
  max-heght: calc(100vh - 6rem);
  object-fit: contain;
  /* max-height: calc(100vh - 5rem) !important; */
  /* width: 100%; */
  height: 50vw;
  /* object-fit: cover; */
  height: 100vh;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  /* object-fit: cover; */
  width: 100%;
  overflow: hidden;
}

.slick-slide {
  overflow: hidden;
  opacity: 0.8;
}

.slick-slide div {
  height: 100%;
}

@media (max-width: 767px) {
  .slick-slide {
    height: 100% !important;
  }
}

.slick-center {
  opacity: 1;
}


@media (max-width: 767px) {
  .slider-img img {
    height: auto;
    width: 100vw !important;
  }
}

/* parent about --------------------------- */

.modAboutWrap {
  display: flex;
  max-width: 90vw;
  width: 90rem;
  justify-content: center;
  margin: 6rem auto;
  gap: 4rem;
}

@media (max-width: 767px) {
  .modAboutWrap {
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    align-items: center;
  }
}

.modAboutImg {
  width: 100%;
  flex: 1;
}

@media (max-width: 767px) {
  .modAboutImg {
    width: 50%;
  }
}

.modAboutImg img {
  width: 100%;
}

.modAboutTxt {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 3;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3rem;
}


@media (max-width: 767px) {
  .modAboutTxt {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

.modAboutTxt h3 {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 2.2rem;
}


@media (max-width: 767px) {
  .modAboutTxt h3 {
    font-size: 1.6rem;
  }
}

.modAboutTxt h3 span:nth-child(odd) {
  color: #DE3F74;
}

.modAboutTxt h3 span:nth-child(even) {
  color: #C52179;
}

.modAboutTxt h3 .tag {
  color: #fff !important;
  padding: .4rem .8rem;
  font-size: 1.2rem;
  background-color: #C52179;
}

@media (max-width: 767px) {
  .modAboutTxt h3 .tag {
    font-size: 1rem;
  }
}

/* parent line up --------------------------- */

.modListLineupWrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 90vw;
  justify-content: flex-start;
  margin: 0 auto;
  gap: 4rem;
  width: 100%;
  width: 120rem;
  padding: 6rem 0;
  align-items: center;
}

@media (max-width: 767px) {
  .modListLineupWrap {
    width: 100%;
    gap: 0;
    justify-content: space-between;
    margin: 0;
    max-width: 100%;
    padding: 0;
    margin-bottom: 4rem;
  }
}

.modListLineup {
  display: flex;
  flex-direction: column;
  width: calc(100% / 3 - 6rem);
  /* gap: 2rem; */
  height: auto;
  position: relative;
}

.modListLineup .unitTittle{
  margin: 0 !important;
}

@media (max-width: 767px) {
  .modListLineup {
    width: calc(100vw / 2);
    margin-bottom: 1rem;
  }
}

.modListLineup .unitTittle {
  font-weight: bold;
  text-align: center;
  padding: 1rem;
  justify-content: center;
}

@media (max-width: 767px) {
  .modListLineup .unitTittle {
    font-size: 1.2rem;
    text-align: center;
    justify-content: center;
    padding-top: 1rem;
  }
}

.modListLineup .unitTtl:nth-child(1) {
  /* background: blue; */
}

.modListLineup img {
  /* width: 100%; */
  /* aspect-ratio: 16 / 9; */
  /* width: 100%; */
  /* height: 100%; */
  /* object-fit: cover; */
  /* height: 100%; */
}

.modListLineup .unitImage {
  padding: 2rem;
}

@media (max-width: 767px) {
  .modListLineup .unitImage {
    padding: 1rem;
    margin-top: -1rem;
  }
}

.modListLineup .kv {
  /* aspect-ratio: 2 / 1; */
  width: 100%;
  height: auto;
  /* object-fit: cover; */
  background: #b8b8b8;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  /* height: 100%; */
}

.modListLineup .kv img {
  object-fit: cover;
  width: 100%;
  height: auto;
}

.modListLineup .logo {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
  position: relative;
}

@media (max-width: 767px) {
  .modListLineup .logo {
    height: 6rem;
  }
}

.modListLineup .logo img {
  max-width: 50%;
  max-height: 80%;
  height: auto;
  /* max-height: 50%; */
  /* max-width: 50%; */
  /* padding: 1rem; */
  height: auto;
  width: 100%;
  /* padding: 1rem 3rem; */
  object-fit: contain;
  position: absolute;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .modListLineup .logo img {
    /* max-width: 70%; */
    /* max-height: 70%; */
    /* height: 5rem; */
    /* width: 100%; */
  }
}

/* parent news --------------------------- */

.modListTopNewsWrap {
  display: flex;
  max-width: 90%;
  justify-content: center;
  margin: 5rem auto;
  width: 120rem;
}

@media (max-width: 767px) {
  .modListTopNewsWrap {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}

.modListTopNews {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4rem;
  max-width: 90rem;
}

@media (max-width: 767px) {
  .modListTopNews {
    padding: 0 2rem;
    margin-bottom: 10rem;
  }
}


.modListTopNews a {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

.unitMeta {
  display: flex;
  gap: 1rem;
  align-items: center;
  align-items: baseline;
}

@media (max-width: 767px) {
  .unitMeta {
    font-size: 1.2rem;
    gap: 0.8rem;
  }
}

.unitMeta time {
  color: #b8b8b8;
}

.unitMeta .tag {
  background-color: #F9E8F1;
  color: #FF5688;
  padding: 0.4rem 0.8rem;
  font-weight: bold;
}


.modListTopNews h3 {
  font-weight: bold;
  font-size: 1.6rem;
}

@media (max-width: 767px) {
  .modListTopNews h3 {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}

/* =====================================================
* Child common
* ================================================== */

.page-top .contMain {
  /* margin-top: 8rem; */
}

@media (max-width: 767px) {
  .page-top .contMain {
    padding-top: 2rem
  }
}

.contMain {
  display: flex;
  flex-direction: column;
  /* gap: 10rem; */
  width: 90rem;
  max-width: 90%;
  justify-content: center;
  margin: 0 auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
}


@media (max-width: 767px) {
  .contMain {
    /* padding-top: 12rem; */
    /* margin-top: -4rem; */
    padding-top: 4rem;
  }
}

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

.modListNav {
  margin: 19px 0 0;
  line-height: 1;
  letter-spacing: -0.4em;
}

.modListNav>* {
  letter-spacing: normal;
}

.modListNav li {
  display: inline-block;
  padding: 0 17px 0 19px;
  border-left: 1px #000 solid;
  line-height: 1;
}

.theme-black .modListNav li {
  border-color: #fff;
}

.modListNav li:first-child {
  padding: 0 17px 0 0;
  border: none;
}

.modListNav li a {
  color: #7f7f7f;
}

.theme-black main .modListNav li a {
  color: #999;
}

.modListNav li a.isActive {
  color: #000;
}

.theme-black .modListNav li a.isActive {
  color: #fff;
}

.modListNav li a.isActive:hover {
  opacity: 1;
}

.modListEpisode {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #000;
  font-size: 1.5rem;
  letter-spacing: -0.4em;
}

.modListEpisode>* {
  letter-spacing: normal;
}

.theme-black main .modListEpisode {
  border-color: #fff;
}

.modListEpisode li {
  display: inline-block;
  margin-bottom: 5px;
  border-right: 1px solid #000;
  line-height: 1.2;
}

.theme-black main .modListEpisode li {
  border-color: #fff;
}

.modListEpisode a {
  display: inline-block;
  width: 6em;
  color: #999;
  text-align: center;
}

.theme-black main .modListEpisode a {
  color: #999;
}

.modListEpisode a.isActive {
  color: #000;
}

.theme-black main .modListEpisode a.isActive {
  color: #fff;
}

.theme-black main .modListEpisode a.isActive:hover {
  opacity: 1;
}

.blockToall {
  margin: 180px 0 0;
  text-align: center;
}

.blockPager+.blockToall {
  margin: 100px 0 0;
}

.blockToall a {
  display: inline-block;
  padding: 8px 38px;
  border: 1px #000 solid;
  color: #000;
  line-height: 1;
}

.theme-black .blockToall a {
  border-color: #fff;
}

/* contFooter                           */

.blockFooterSns {}

.modListSns {
  letter-spacing: -0.4em;
  text-align: center;
}

.modListSns>* {
  letter-spacing: normal;
}

.modListSns li {
  display: inline-block;
  margin: 0 20px;
}

.modListSns li a {
  display: block;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}

.modListSns li a.twfollow {
  width: 44px;
  height: 30px;
  background: url(../img/ico_twFollow_01.png) no-repeat 0 0;
  background-size: 44px 30px;
}

.page-top .modListSns li a.twfollow {
  background-image: url(../img/ico_twFollow_01.png);
}

.modListSns li a.tw {
  width: 37px;
  height: 30px;
  background: url(../img/ico_tw_01.png) no-repeat 0 0;
  background-size: 37px 30px;
}

.page-top .modListSns li a.tw {
  background-image: url(../img/ico_tw_01.png);
}

.modListSns li a.fb {
  width: 30px;
  height: 30px;
  background: url(../img/ico_fb_01.png) no-repeat 0 0;
  background-size: 30px 30px;
}

.page-top .modListSns li a.fb {
  background-image: url(../img/ico_fb_01.png);
}

.blockFooterBanner {}

.modListBanner {
  display: flex;
  gap: 2rem;
  justify-content: center;
}

.modListBanner>* {
  letter-spacing: normal;
}

.modListBanner li {
  display: flex;
  background: #fff;
  width: 34rem;
  height: 8rem;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}

.modListBanner li a img {
  display: flex;
  background: #fff;
  max-width: 34rem;
  max-height: 8rem;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  object-fit: contain;
}

.modListBanner li img {
  width: 24rem;
  height: auto;
  max-height: 44%;
  max-width: 44%;
}

.modListBannerItem--full {
  background: none !important;
}

.modListBannerItem--full img {
  background: none !important;
  padding: 0 !important;
  heigth: 8rem !important;
  width: 34rem !important;
}

.blockPagetop {
  /* margin: 30px auto 0; */
  /* line-height: 0; */
  /* text-align: right; */
  position: fixed;
  right: 0;
  bottom: 2rem;
  display: none;
}

.blockPagetop a {
  display: inline-block;
  /* overflow: hidden; */
  width: 10rem;
  height: 3rem;
  background: url(../img/btn_page-top.svg) no-repeat 0 0;
  background-size: 10rem auto;
}

/* =====================================================
* Child section
* ================================================== */

/* child introduction ---------------------- */

.modIntroductionWrap {}

.modIntroduction {
  flex: 1;
}

.modIntroduction dl {
  display: flex;
  gap: 4rem;
  flex-direction: column;
}

@media (max-width: 767px) {
  .modIntroduction dl {
    flex-direction: column;
  }
}

.modIntroduction dt {
  flex: 1;
}

.modIntroduction h3 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  .modIntroduction h3 {
    font-size: 1.8rem;
  }
}

.modIntroduction dd {
  flex: 1;
  font-size: 1.6rem;
  color: #505050;
  gap: 4rem;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .modIntroduction dd {
    font-size: 1.4rem;
    line-height: 2.4rem;
    gap: 2rem;
  }
}

.modIntroduction img {
  width: 100%;
  flex: 1;
}

/* child pv ---------------------- */

.modListPvWrap {
  width: 100%;
}


.modListPv {
  display: flex;
  gap: 2rem;
}

@media (max-width: 767px) {
  .modListPv {
    flex-direction: column;
    gap: 4rem;
    width: 100%;
  }
}

.modListPv dl {
  display: flex;
  width: 50%;
}

@media (max-width: 767px) {
  .modListPv dl {
    flex-direction: column;
    width: 100%;
  }
}

.modListPv h3 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.8rem;
  color: #FF6368;
}

@media (max-width: 767px) {
  .modListPv h3 {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.modListPv dl a {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .modListPv dl a {
    gap: 1rem;
  }
}

.modListPv dl dt::before {
  z-index: 100;
  display: inline-block;
  background-size: 71px 41px;
  position: absolute;
  background: url(../img/ico_play.svg) no-repeat center;
  background-size: 4rem 4rem;
  display: flex;
  z-index: 100;
}

.modListPv img {
  width: 101%;
  /* height: 100%; */
  display: block;
  position: relative;
  opacity: 0.5;
  z-index: 1;
  position: absolute;
  top: 0;
  /* overflow: hidden; */
  display: flex;
  justify-content: center;
  align-items: center;
  top: -17% !important;
}

.modListPv dl dt span {
  position: absolute;
  display: flex;
  display: block;
  content: '';
  background: url(../img/ico_play.svg) no-repeat center;
  background-size: 4rem 4rem;
  z-index: 100;
}

@media (max-width: 767px) {
  .modListPv dl dt span {
    background-size: 3rem 3rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
}

.modListPv dl dt {
  /* position: absolute; */
  content: '';
  z-index;
  1;
  background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.8), rgba(197, 33, 121, 0.9));
}

.modListPv dl dt span {
  /* background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.8), rgba(197, 33, 121, 0.9)); */
  height: 100%;
  height: 100%;
  width: 100%;
  display: flex;
  z-index: 0;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio */
  overflow: hidden;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
}

#modal {
  background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.3), rgba(197, 33, 121, 0.3));
  background-color: #fff !important;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#modal::before {
  content: ""

}

.modalContent::before,
.modalContent::after {
  content: "";
  position: absolute;
  top: 20%;
  right: 10%;
  width: 3px;
  /* 棒の幅（太さ） */
  height: 40px;
  /* 棒の高さ */
  background: #FF6368;
  border-radius: 2.5px;
  /* 棒の四隅の丸み*/
  cursor: pointer;
}

@media (max-width: 767px) {

  .modalContent::before,
  .modalContent::after {
    top: 10%;
  }
}

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

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

.modalContent {
  aspect-ratio: 16 / 9;
  max-width: 90vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-top: 30vh;
}

@media (max-width: 767px) {
  .modalContent iframe {
    max-width: 90vw;
    height: 100%;
  }
}

.html5-video-player {}

#modal {
  background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.3), rgba(197, 33, 121, 0.3));
  background-color: #fff !important;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#modal::before {
  content: ""

}

.modalContent::before,
.modalContent::after {
  content: "";
  position: absolute;
  top: 20%;
  right: 10%;
  width: 3px;
  /* 棒の幅（太さ） */
  height: 40px;
  /* 棒の高さ */
  background: #FF6368;
  border-radius: 2.5px;
  /* 棒の四隅の丸み*/
  cursor: pointer;
}

@media (max-width: 767px) {

  .modalContent::before,
  .modalContent::after {
    top: 10%;
  }
}

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

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

.modalContent {
  aspect-ratio: 16 / 9;
  max-width: 90vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-top: 30vh;
}

@media (max-width: 767px) {
  .modalContent iframe {
    max-width: 90vw;
    height: 100%;
  }
}

/* child character ---------------------- */

.modListCharacterWrap {
  display: flex;
  flex-direction: column;
  /* gap: 4rem; */
}

.modListCharacter {
  display: flex;
  flex-direction: column;
  /* gap: 4rem; */
}

.modListCharacter h3 {
  font-size: 3.2rem;
}

@media (max-width: 767px) {
  .modListCharacter h3 {
    font-size: 2.4rem;
  }
}

.modListCharacter h4 {
  font-size: 2rem;
  /* opacity: 0.8; */
  font-weight: normal;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .modListCharacter h4 {
    font-size: 1.8rem;
    margin-top: -2rem;
  }
}

.modListCharacter h4 span {
  font-size: 1.4rem;
  opacity: 0.5;
  padding-right: 0.4rem;
}

.modListCharacter a {
  color: #FF6368;
  /* display: flex; */
}

.modListCharacter .comment {
  background: url(../img/ico_comment.svg) no-repeat top;
  background-position: top;
  height: 2.4rem;
  width: 8rem;
  display: flex;
  background-size: 8remrem 2.4rem;
  margin-left: 0.6rem;
  margin-top: 0.4rem;
}

.modListCharacter rt {
  font-size: 0.8rem;
}

@media (max-width: 767px) {
  .modListCharacter rt {
    font-size: 0.6rem;
    margin-bottom: 0.2rem;
    /* display: flex; */
  }
}

.modListCharacter dl {
  display: flex;
  gap: 6rem;
  /* margin-bottom: 8rem; */
}

@media (max-width: 767px) {
  .modListCharacter dl {
    flex-direction: column;
  }
}

.modListCharacter dl:not(:last-of-type) {
  margin-bottom: 10rem;
}

@media (max-width: 767px) {
  .modListCharacter dl:not(:last-of-type) {
    margin-bottom: 6rem;
    /* margin: 0; */
    gap: 2rem;
  }
}

.modListCharacter dl a {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.modListCharacter dt {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1.5;
  color: #FF6368;
}

@media (max-width: 767px) {
  .modListCharacter dt {
    gap: 2rem;
  }
}

.modListCharacter dd {
  flex: 1;
  display: flex;
  gap: 2rem;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  /* overflow: hidden; */
}

@media (max-width: 767px) {
  .modListCharacter dd {
    height: 100%;
  }
}

.modListCharacter dd span {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.modListCharacter dd img {
  width: 100%;
  /* border: 1px solid; */
  width: 170% !important;
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
}

@media (max-width: 767px) {
  .modListCharacter dd img {
    max-height: 40rem;
  }
}

.modListCharacter dd span img {
  width: 100%;
  border: 2px solid #eee;
  border-radius: 50%;
}

.modListCharacter dd>img:first-of-type {
  width: 100%;
  /* width: auto; */
  flex: 1;
  /* height: auto; */
  object-fit: contain;
}

.modListCharacter p {
  color: #333;
  font-size: 1.8rem;
  line-height: 3.2rem;
  margin-top: 2rem;
}

@media (max-width: 767px) {
  .modListCharacter p {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin: 0;
  }
}

.modListCharacter .face {
  display: flex;
  gap: 2rem;
  width: 100%;
  margin-top: 2rem;
}

@media (max-width: 767px) {
  .modListCharacter .face {
    width: 100%;
    /* gap: 1rem; */
    margin: 0;
  }
}

.modListCharacter .face img {
  max-width: 100%;
  object-fit: contain;
  max-width: 24rem;
}

@media (max-width: 767px) {
  .modListCharacter .face img {
    width: calc(100% / 2 - 1rem);
    object-fit: contain;
    /* gap: 1rem; */
    /* display: flex; */
  }
}

/* child story ---------------------- */

.modListStory .unitTittle {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-weight: bold;
  margin-bottom: 2rem;
  align-items: baseline;
}

.modListStory .unitTittle .episode {
  background: url(../img/ico_ticket--white.svg) no-repeat;
  background-size: 11rem 4rem;
  display: flex;
  width: 10rem;
  height: 4.4rem;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  /* color: #fff; */
  color: #FF6368;
  margin-right: 1rem;
}

.modListStory .unitText {
  font-size: 1.6rem;
  line-height: 3rem;
}

.modListStoryLink {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}

.modListStoryLink li {
  background: #FF6368;
  color: #fff;
  font-weight: bold;
  /* margin-bottom: 4rem; */
}

.modListStoryLink li a {
  padding: .2rem 1rem;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 3rem;
}

.modListStoryLink li a.isActive {
  background: #ffdbda;
}

.modListStory .unitTittle h3 {
  font-size: 1.8rem;
}

.modListStory .unitText {
  margin-bottom: 4rem;
}

#scene-slider-wrap .slick-list {
  height: auto !important;
}

#scene-slider-wrap .slick-list div {
  gap: 1rem;
  cursor: pointer;
}

@4media (max-width: 767px) {
  #scene-slider-wrap .slick-list div {
    gap: .4rem;
  }
}

.slick-prev:before,
.slick-next:before {
  color: #FF6368 !important;
  display: none;
}

#scene-slider,
#thumbnail_slider {
  background-color: #ffdbda;
  padding: 1rem;
}

@4media (max-width: 767px) {

  #scene-slider,
  #thumbnail_slider {
    padding: .4rem;
  }
}

#scene-slider,
#thumbnail_slider div {
  display: flex;
}

#thumbnail_slider img {
  margin: 0;
}

#scene_slider {
  height: auto;
}

.slide-item img {
  width: 100%;
}

.thumbnail-item img {
  width: 100%;
  margin: 0 auto;
}


.tab-group {
  /* display: flexでタブを横並びにする */
  display: flex;
  justify-content: center;
}

.tab {
  flex-grow: 1;
  padding: 1vh;
  list-style: none;
  border: double 4px rgb(58, 57, 57);
  text-align: center;
  cursor: pointer;
}

.content-group {
  height: 100px;
  border: solid 1px #CCC;
  background: rgb(180, 180, 180);
}

/* デフォルト非表示 */
.content {
  display: none;
}

.tab.active-tab {
  background: #0017FF;
  color: #FFF;
}

/* is-showクラスが追加された場合表示 */
.content.show {
  display: block;
}

/* child staff・cast ---------------------- */

.modStaffCastWrap {}

.modStaffCast {
  display: flex;
  gap: 4rem;
}


@media (max-width: 767px) {
  .modStaffCast {
    flex-direction: column;
  }
}

.modStaffCast h3 img {
  height: 4rem;
}

@media (max-width: 767px) {
  .modStaffCast h3 img {
    height: 3rem;
  }
}


.modStaffCastInner {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.modStaffCast dl {
  display: flex;
  /* flex-direction: column; */
  flex-wrap: wrap;
  gap: 0.8rem;
  font-size: 1.8rem;
  align-items: center;
}

@media (max-width: 767px) {
  .modStaffCast dl {
    /* gap: 1rem; */
    font-size: 1.3rem;
  }
}

.modStaffCast dt {
  /* display: flex; */
  color: #505050;
  width: 45%;
  font-weight: normal;
  /* font-size: 1.8rem; */
  gap: 1rem;
  font-size: 1.4rem;
  opacity: .8;
}

@media (max-width: 767px) {
  .modStaffCast dt {
    padding-right: 1rem;
  }
}

.modStaffCast dd {
  width: 51%;
}

.modStaffCast dd a {
  display: flex;
  align-items: center;
}

.modStaffCast .comment {
  background: url(../img/ico_comment.svg) no-repeat top;
  background-position: top;
  height: 2.4rem;
  width: 8rem;
  display: flex;
  background-size: 8rem 2.4rem;
  margin-left: 0.6rem;
  margin-top: -0.2rem;
}

/* child news ---------------------- */

.modMainvisual {
  margin: 10px 0 0;
  border-top: 1px #000 solid;
}

.theme-black .modMainvisual {
  border-color: #fff;
}

.page-top .modListNewsWrap {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  margin-bottom: 10rem;
}

.page-top .modListNews a {
  /* max-width: 50vw; */
  /* margin: 0 auto; */
  /* display: flex; */
  gap: 2rem;
  flex-direction: column;
}

.page-top .modListNews .unitTittle {
  margin-left: 8rem;
  margin-bottom: 1rem;
}

.page-top .unitIco {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.page-top .unitTittle {
  display: flex;
  gap: 2rem;
  /* align-items: center; */
  /* justify-content: center; */
  position: relative;
  z-index: -1;
  flex-direction: column;
  /* margin-left: 8rem; */
  /* margin-bottom: 1rem; */
  margin-top: 1rem;
}

.page-top .uniTtext {
  margin-left: 8rem;
  font-size: 1.4rem;
  line-height: 2.8rem;
}

.page-top .unitTittle .blue:after {
  background-size: 2rem 2rem;
  background: url(../img/square_0B48A5.svg) no-repeat 0 0;
}

@media (max-width: 767px) {
  .page-top .modListNews a {
    flex-direction: column;
  }
}

.page-top .modListNews {
  gap: 1rem;
  margin-top: 0;
}

.modListNews {
  /* margin: 0 auto; */
  display: flex;
  flex-direction: column;
  gap: 4rem;
  /* max-width: 90vw; */
  width: 80rem;
  /* margin: 0 auto; */
  /* justify-content: center; */
  /* align-items: center; */
  /* margin-top: 4rem; */
  width: 100%;
  /* margin-bottom: 10rem; */
  margin-top: 4rem;
}

.modListNews li {
  /* display: flex; */
  /* flex-direction: column; */
  /* gap: 4rem; */
}

.page-top .modListNews .itemIcon {
  width: 6rem;
  height: 6rem;
  border: 1px solid #ccc;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .page-top .modListNews .itemIcon {
    width: 4rem;
    height: 4rem;
  }
}

.modLi .theme-black .modListNews li {
  border-color: #fff;
}

.modListNews li a {
  /* display: block; */
  /* overflow: hidden; */
  /* padding: 0 0 0 25px; */
  /* line-height: 1; */
  display: flex;
  gap: 4rem;
  /* flex-direction: column; */
}

.modListNews li a:hover {
  /* background-color: rgba(0, 0, 0, 0.056); */
  opacity: 0.5;
}

.theme-black .modListNews li a:hover {
  background-color: rgba(66, 66, 66, 0.6);
}

.modListNews .date time {
  color: #b8b8b8;
  line-height: 1;
  font-family: "Noto Sans Japanese", sans-serif;
  letter-spacing: 0;
}

.theme-black .modListNews .date time {
  color: #b4b4b4;
}

.modListNews .unitImage {
  /* float: left; */
  /* width: 178px; */
  /* margin: 8px 0 0; */
  /* flex: 1; */
  width: calc(100vw / 3);
  flex: 1;
}

.modListNews .unitImage img {
  /* width: 100%; */
  object-fit: contain;
  /* max-width: 100%; */
  width: 100%;
  height: auto;
}

.modListNews .unitMeta .name {
  font-weight: bold;
  font-size: 1.6rem;
}

@media (max-width: 767px) {
  .modListNews .unitMeta .name {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}

.modListNews h3 {
  font-weight: bold;
  font-size: 2.4rem;
}

@media (max-width: 767px) {
  .modListNews h3 {
    font-size: 1.8rem;
  }
}

.modListNews .unitDetail {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  /* margin-left: 8rem; */
}

@media (max-width: 767px) {
  .modListNews .unitDetail {
    margin: 0;
  }
}

.modListNews .unitDetail p {
  line-height: 3rem;
  display: inline-flex;
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  .modListNews .unitDetail p {
    line-height: 2rem;
  }
}

.modListNews .unitMeta {
  display: flex;
  /* align-items: center; */
  gap: 0.4rem;
  flex-direction: column;
}

.page-top .modListNews .unitText {
  display: flex;
  gap: 4rem;
}

.page-top .modListNews .unitText div {
  flex: 1;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #b8b8b8;
}

.modListNews .unitText {
  /* overflow: hidden; */
  /* margin: 8px 0 0; */
  padding: 0;
  color: #000;
  /* display: flex; */
  flex: 1;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}

.theme-black .modListNews .unitText {
  color: #fff;
}

.modListNews .unitText h3 {
  /* max-height: 24px; */
  font-size: 1.8rem;
  color: #FF6368;
  font-size: 2.4em;
}

.modListNews .unitText .text {
  max-height: 52px;
  margin: 0.4rem 0 0;
  font-size: 2.4rem;
  line-height: 1.8;
  /* color: #FF6368; */
  /* font-weight: bold; */
  line-height: 3.2rem;
  font-size: 1.4rem;
}

.modListNews .unitText p {
  line-height: 3rem;
}

.modListNews .unitText .readmore {
  margin: 4px 0 0;
  color: #505050;
  font-size: 1.2rem;
  font-family: "Roboto", sans-serif;
}

.theme-black .modListNews .unitText .readmore {
  color: #dcdcdc;
}

.modListNews .unitImage+.unitText {
  padding: 0 0 0 16px;
}

.page-top .modListNews .title {
  position: relative;
  padding: 0 0 0 42px;
  color: #000;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1;
}

.page-top .modListNews .title img {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
}

.page-top .modListNews .date {
  /* margin: 6px 0 0; */
  /* padding: 0 0 0 42px; */
  letter-spacing: 0.2rem;
  font-size: 1.2rem;
}


.page-top .modListNews .tag {
  background-color: #F9E8F1;
  padding: 0.4rem 1rem;
  font-weight: bod;
  color: #FF5688;
  font-size: 1.2rem;
  font-weight: bold;
}

.page-top .modListNews li a {
  flex-direction: column;
  gap: 1rem;
}


.page-top .modListNews .unitText h3 {
  /* max-height: 24px; */
  /* margin-top: 1rem; */
  font-weight: bold;
  color: #FF6368;
  font-size: 2.4rem;
  color: #333333;
}

.blockPager {
  margin: 60px 0 0;
}

.modListPager {
  letter-spacing: -0.4em;
  text-align: center;
}

.modListPager>* {
  letter-spacing: normal;
}

.modListPager .isHidden {
  visibility: hidden;
}

.modListPager li {
  display: inline-block;
  margin: 0 6px;
}

.modListPager li a,
.modListPager li span {
  display: block;
  border: 1px #C52179 solid;
  background: #fff;
  color: #C52179;
  font-size: 1.4rem;
  /* line-height: 22px; */
  font-family: "Noto Sans Japanese", sans-serif;
  text-align: center;
  -webkit-transition: none;
  transition: none;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.theme-black .modListPager li a,
.theme-black .modListPager li span {
  border-color: #fff;
  background: #000;
}

.modListPager li a.isActive,
.modListPager li span.isActive {
  background: #C52179;
  color: #fff;
  opacity: 1;
  /* font-weight: bold; */
}

.theme-black .modListPager li a.isActive,
.theme-black .modListPager li span.isActive {
  background: #fff;
  color: #000;
}

.modListPager li a:hover {
  opacity: 0.5;
}

.modListPager li.prev,
.modListPager li.next {
  vertical-align: top;
}

.modListPager li.prev a,
.modListPager li.next a {
  display: block;
  /* width: 112px; */
  border: none;
  display: flex;
  background: none;
}

.modListPager li.prev a:before,
.modListPager li.prev a:after,
.modListPager li.next a:before,
.modListPager li.next a:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 6px 12px;
}

.modListPager li.prev {
  margin: 0 34px 0 0;
}

.modListPager li.prev a:before {
  margin: 0 6px 0 0;
  background-image: url(../img/ico_arrow_prev_01.png);
}

.theme-black .modListPager li.prev a:before {
  background-image: url(../img/ico_arrow_prev_01.png);
}

.modListPager li.next {
  margin: 0 0 0 34px;
}

.modListPager li.next a:after {
  margin: 0 0 0 6px;
  background-image: url(../img/ico_arrow_next_01.png);
}

.theme-black .modListPager li.next a:after {
  background-image: url(../img/ico_arrow_next_01.png);
}

/* child story ---------------------- */

.modListOnair {
  display: flex;
  flex-direction: column;
  /* gap: 4rem; */
  /* margin-top: 4rem; */
}

.modListOnair h4 {
  font-weight: bold;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 1rem;
  ;
}

@media (max-width: 767px) {
  .modListOnair h4 {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}

.modListOnair p {
  text-align: center;
}

.modListOnair dl {
  display: flex;
  gap: 4rem;
  margin-bottom: -2rem;
  opacity: 0.5;
  margin-top: 4rem;
  font-size: 1.3rem;
}

.modListOnair dl dt {
  flex: 2;
  padding: 0 2rem;
  font-weight: normal;
}

.modListOnair dl dd {
  flex: 2;
  padding: 0 2rem;
  text-align: right;
}

.modListOnair table {
  width: 100%;
}

.modListOnair table thead tr th {
  font-weight: bold;
  background-color: #ffdbda;
  padding: 0.4rem 2rem;
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  font-size: 1.8rem;
  text-align: center;
  color: #FF6368;
  background-color: #FF6368;
  color: #fff;
  margin-top: 4rem;
}

.modListOnair table tbody tr {
  display: flex;
  gap: 4rem;
  align-items: center;
}

@media (max-width: 767px) {
  .modListOnair table tbody tr {
    gap: 2rem;
  }
}

.modListOnair table tbody tr th {
  flex: 2;
  margin-left: 2rem;
}

.modListOnair table tbody tr:not(:last-of-type) {
  border-bottom: 1px solid #ffdbda;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.modListOnair table tbody tr th a {
  font-weight: bold;
  font-size: 1.4rem;
  color: #FF6368;
}

.modListOnair table tbody tr td {
  /* flex: 2; */
  font-size: 1.3rem;
  text-align: right;
  margin-right: 2rem;
}

/* main 2nd Article ------------------- */

.page-top .modArticle {
  /* margin-top: 8rem; */
}

.page-top .modArticle h3 {
  color: #333;
}

.modArticle {
  /* margin: 8rem auto 8rem; */
  /* width: 80rem; */
  max-width: 90vw;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  width: 100%;
  margin-bottom: 8rem;
}

@media (max-width: 767px) {
  .modArticle {
    gap: 2rem;
    margin-bottom: 0;
    /* margin-top: 16rem; */
  }
}

.modArticleHeader {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

@media (max-width: 767px) {
  .modArticleHeader {
    /* margin-top: 2rem; */
  }
}

.modArticle .date {
  /* margin: 54px 0 0; */
  line-height: 1;
  font-family: "Noto Sans Japanese", sans-serif;
  color: #b8b8b8;
  font-size: 1.3rem;
  font-weight: normal;
}

.modArticle .date .time {
  color: #b8b8b8 !important;
}

.modArticle h3 {
  /* margin: 1rem 0 4rem; */
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.3;
  color: #FF6368;
}

.modArticle p {
  font-size: 1.8rem;
  line-height: 3.2rem;
}

.modArticle .visual {
  /* margin: 4rem 0; */
  width: 100%;
}

.modArticle .visual img {
  width: 100%;
}

.modArticle #scene-slider-wrap {
  margin-top: 4rem;
}

.modWysiwyg {
  font-size: 1.8rem;
  line-height: 3.2rem;
}

@media (max-width: 767px) {
  .modWysiwyg {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }

}

.modWysiwyg h4 {
  margin: 24px 0 0;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.3;
}

.modWysiwyg h5 {
  margin: 24px 0 0;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.3;
}

.modWysiwyg p {
  margin: 22px 0 0;
  font-size: 1.6rem;
  line-height: 1.8;
}

.modWysiwyg p img {
  max-width: 100%;
  height: auto;
  margin: 5px 0 0;
}

.modWysiwyg>img {
  max-width: 100%;
  height: auto;
  margin: 22px 0 0;
}

.modWysiwyg>.colum {
  display: flex;
}

.modWysiwyg>.colum>img {
  width: 50%;
}

.modWysiwyg a {
  /* border-bottom: 1px #000 solid; */
  /* color: #000; */
  /* font-size: 1.4rem; */
  line-height: 1.8;
  font-weight: bold;
  color: #FF6368;
}

.modWysiwyg strong {
  font-weight: bold;
}

.modWysiwyg p .animeThmb {
  width: 33%;
}

.modWysiwyg p img.animeThmb {
  margin: -3px;
}

/* main 2nd Onair --------------------- */

.modOnairWrap {
  width: 100%;
  background-color: #ffdbda;
  margin: 0 auto;
  padding: 3.2rem 6rem;
  /* margin-bottom: 3rem; */
  margin-top: 4rem;
}

@media (max-width: 767px) {
  .modOnairWrap {
    padding: 2rem;
    margin-top: 10rem;
    margin-top: 14rem;
  }
}

.modOnairWrap h2 {
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  color: #FF6368;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  .modOnairWrap h2 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
}

.modOnair {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

@media (max-width: 767px) {
  .modOnair {
    gap: 2rem;
  }
}

.modOnair dl {
  gap: 2rem;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .modOnair dl {
    flex-direction: inherit;
    gap: 0.4rem;
  }
}

.modOnair dt {
  background: #fff;
  padding: 0.2rem 1rem;
  flex: 1.2;
  font-size: 1.3rem;
  text-align: center;
}

@media (max-width: 767px) {
  .modOnair dt {
    font-size: 1rem;
  }
}

.modOnair dd {
  font-size: 1.8rem;
  flex: 3;
  font-weight: bold;
  /* display: flex; */
  align-items: center;
}

@media (max-width: 767px) {
  .modOnair dd {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}

.modOnair dd span {
  color: #FF6368;
}

.modOnair p {
  font-size: 1.3rem;
  color: #333;
  text-align: center;
}

.modOnair .modBtn {
  border: 2px solid #fff;
  background-color: #FF6368;
  font-weight: bold;
  padding: 1rem 3.2rem;
  border-radius: 3rem;
  font-size: 1.6rem;
  margin-left: 1rem;
  color: #fff;
}

@media (max-width: 767px) {
  .modOnair .modBtn {
    display: flex;
    align-items: center;
    margin: 2rem auto 0;
    text-align: center;
    justify-content: center;
  }
}


/* child copy --------------------- */

.modCopy {
  /* width: 72rem; */
  /* max-width: 90%; */
  font-size: 1.6rem;
  line-height: 3.2rem;
  text-align: center;
  margin: 0 auto;
  color: #505050;
  /* margin-bottom: 8rem; */
  font-weight: bold;
  /* margin-top: -7rem; */
  margin-top: 2rem;
}

@media (max-width: 767px) {
  .modCopy {
    font-size: 1.4rem;
    line-height: 2.4rem;
    width: 100%;
  }
}

.modCopy span {
  color: #fff;
  background-color: #FF6368;
  padding: 0.4rem;
  margin: 0 0.4rem;
  font-weight: bold;
}

/* child goods --------------------- */

.modListGoods {
  margin: 60px 0 0;
}

.modListGoods li {
  overflow: hidden;
  margin: 60px 0 0;
}

.modListGoods li h3 {
  padding: 0 0 0 410px;
  font-size: 1.8rem;
}

.modListGoods li .unitImage {
  float: left;
  width: 370px;
}

.modListGoods li .unitImage img {
  width: 100%;
}

.modListGoods li .unitText {
  overflow: hidden;
  padding: 0 0 0 40px;
}

.modListGoods li .unitText .sub {
  margin: 24px 0 0;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1;
}

.modListGoods li .unitText .text {
  margin: 8px 0 0;
  font-size: 1.4rem;
  line-height: 1.8;
}

.modListGoods li .unitText dd.link a {
  display: block;
  margin: 24px 0 0;
  padding: 6px 0;
  border: 1px #000 solid;
  color: #000;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
}

.theme-black .modListGoods li .unitText dd.link a {
  border-color: #fff;
  color: #fff;
}

/* child staffcast --------------------- */

.modArticleLayout {
  display: flex;
  flex-direction: column;
}

.modArticleLayout h3 {
  font-size: 1.6rem;
  border: 1px solid #FF6368;
  display: inline-flex;
  padding: 0.4rem 1rem;
  margin-bottom: 2rem;
  align-items: baseline;
  color: #FF6368;
  display: flex;
  width: fit-content;
}

.modArticleLayout h4 {
  font-size: 3.2rem;
  font-weight: bold;
  color: #FF6368;
  opacity: 1;
}

.modArticleLayout h5 {
  font-size: 3.2rem;
  font-weight: bold;
}

.modArticleLayout h6 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 2rem;
}

.modArticleLayout .unitHeading {
  /* display: flex; */
  gap: 4rem;
  justify-content: space-between;
}

.modArticleLayout .unitTittle {}

.modArticleLayout .unitImage {
  max-width: 50%;
  /* margin: 0 auto; */
  margin: 3rem auto 0;
}

.modArticleLayout .unitImage--row {
  display: flex;
  /* gap: 2rem; */
  margin: 0;
  margin-top: 3rem;
  width: 100%;
  /* justify-content: center; */
  /* flex-wrap: wrap; */
  flex-direction: row;
}

.modArticleLayout .unitImage--row img {
  max-width: 50%;
  object-fit: contain;
}

.modArticleLayout img {
  width: 100%;
  margin-top: 3rem;
  margin: 0;
  height: 100% !important;
}

.modArticleLayout .unitImage--row span {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-left: 2rem;
  justify-content: center;
}

.modArticleLayout .unitImage--row span img {
  width: 100%;
  object-fit: contain;
  max-width: 100%;
}

.modArticleLayout h5 {
  font-size: 1.6rem;
  opacity: 1;
  color: #FF6368;
  margin-bottom: 2rem;
  margin-top: 6rem;
  font-weight: bold;
  line-height: 3rem;
}

.modArticleLayout p {
  color: #000;
  line-height: 3.2rem;
  margin-bottom: 2rem;
  font-size: 1.8rem;
}

.modArticleLayout p.cn {
  color: #505050;
  margin-bottom: 1rem;
}


/* =====================================================
* page navigation
* ================================================== */


.modListNavigation {
  display: flex;
  /* width: 90rem; */
  /* max-width: 90%; */
  justify-content: center;
  /* margin: 0 auto; */
  padding-top: 4rem;
  gap: 4rem;
  line-height: 2.4rem;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .modListNavigation {
    /* flex-direction: column; */
    gap: 2rem;
    line-height: 1.8rem;
  }
}

.modListNavigation a {
  font-size: 1.6rem;
  color: #FF6368;
  font-weight: bold;
}

@media (max-width: 767px) {
  .modListNavigation a {
    font-size: 1.2rem;
  }
}

.modListNavigation .prev {
  background: url(../img/btn_prev.svg) no-repeat left top;
  background-size: 6rem 4rem;
  display: flex;
  padding-top: 4rem;
}

.modListNavigation .next {
  background: url(../img/btn_next.svg) no-repeat right top;
  background-size: 6rem 4rem;
  display: flex;
  padding-top: 4rem;
}


/* =====================================================
* Module (SP)
* ================================================== */

@media (max-width: 767px) {
  body.isFixed {
    overflow: hidden;
  }

  /* header (SP) ----------------------------- */

  header {
    /* border-bottom: 2px #000 solid; */
    padding: 1.2rem;
  }

  .page-anime header>.inner {
    /* height: 76px; */
  }

  header>.inner {
    /* width: 320px; */
    /* height: 60px; */
    /* padding: 0 20px; */
  }

  header>.inner .itemIcon {
    top: 10px;
    left: 20px;
    width: 2.4rem;
    height: 2.4rem;
  }

  header>.inner .title {
    top: 17px;
    left: 70px;
    /* font-size: 1.9rem; */
  }

  header>.inner .title span {
    /* margin: 1px 0 0 2px; */
    font-size: 0.8rem;
  }

  header>.inner .title .itemLogo {
    /* max-width: 151px; */
    /* max-height: 25px; */
    /* margin: 0 4px 0 0; */
    margin: 0;
  }

  header>.inner .spNavButton {
    display: block;
    display: none;
  }

  header>.inner .itemLogoSite,
  header>.inner .official,
  header>.inner .follow {
    /* display: none; */
  }

  .page-anime header .follow {
    display: inline-flex;
    position: relative;
    /* top: 45px; */
    /* left: 50px; */
    /* margin: 0 auto; */
    /* font-size: 12px; */
  }

  .page-anime header .follow: after {
    bottom: -1px;
    background-size: 20px 14px;
  }

  .page-anime header .follow: hover {
    opacity: 1;
  }

  .page-anime header .spNavButton {
    display: none;
  }

  header .spNavButton {
    display: block;
    position: absolute;
    top: 16px;
    right: 15px;
    width: 30px;
    height: 30px;
    -webkit-transition: top 0.2s ease-in-out, left 0.2s ease-in-out;
    transition: top 0.2s ease-in-out, left 0.2s ease-in-out;
  }

  header .spNavButton span {
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #000;
    -webkit-transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  }

  header .spNavButton span:nth-child(2) {
    top: 14px;
  }

  header .spNavButton span:nth-child(3) {
    top: 22px;
  }

  header .spNavButton.isActive {
    top: 14px;
    right: 16px;
  }

  header .spNavButton.isActive span {
    top: 16px;
    left: 0;
    width: 32px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  header .spNavButton.isActive span:nth-child(2) {
    opacity: 0;
  }

  header .spNavButton.isActive span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .page-top header>.inner .itemLogoSite {
    display: block;
    top: 82px;
    left: 20px;
    width: 125px;
    height: 24px;
  }

  /* footer (SP) ----------------------------- */

  footer>.inner {
    /* width: 320px; */
    padding: 4rem 2rem 2rem;
    /* background-size: 120rem; */
  }

  footer .cookie {
    text-align: center;
    /* margin-bottom: -2rem; */
    font-size: 4%;
    /* display: block; */
    font-size: 8px;
    /* transform: scale(0.8); */
    /* margin-top: 2rem; */
    line-height: 1.2rem;
    width: 100%;
  }

  /* contents (SP) --------------------------- */

  main>.inner {
    position: relative;
    z-index: 1;
    width: 320px;
    margin: 0 auto;
    padding: 1px 20px 40px;
  }

  /* main top (SP) --------------------------- */

  .wrapContents {
    /* display: block; */
    /* position: relative; */
    /* width: 100%; */
    /* margin: 83px 0 0; */
    /* padding: 0 20px 100px; */
  }

  .wrapContents .contMain {
    /* display: block; */
    /* width: 100%; */
  }

  .wrapContents .contSide {
    display: block;
    width: 100%;
    margin: 90px 0 0;
    padding: 0;
  }

  .wrapContents .contSide h3 {
    margin: 60px 0 0;
    padding: 0 0 8px;
    border-bottom: 1px #000 solid;
    font-size: 2.8rem;
    line-height: 1;
  }

  .wrapContents .contSide h3: first-of-type {
    margin: 0;
  }

  .wrapContents .contSide h3 .sup {
    display: block;
    margin: 6px 0 0;
    color: #8c8c8c;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1;
  }

  .spNavMenu {
    display: none;
    position: fixed;
    top: 62px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 20px 40px;
    background: rgba(0, 0, 0, 0.92);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .spNavMenu.isActive {
    display: block;
  }

  .spNavMenu .blockSpSns {
    text-align: center;
  }

  .spNavMenu .follow {
    display: inline-block;
    width: 140px;
    margin: 20px auto 0;
    color: #fff;
    font-weight: 100;
    font-size: 1.4rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
  }

  .spNavMenu .follow: hover {
    opacity: 1;
  }

  .spNavMenu .follow: after {
    content: " ";
    display: block;
    width: 30px;
    height: 20px;
    margin: 10px auto 0;
    background: url(../img/ico_twFollow_02.png) no-repeat 0 0;
    background-size: 30px 20px;
  }

  .spNavMenu .blockSpWorks {
    margin: 0;
  }

  .spNavMenu .blockSpWorks .blockSide {
    color: #fff;
  }

  .spNavMenu .blockSpWorks .blockSide a {
    color: #fff;
  }

  .spNavMenu .blockSpWorks .blockSide h3,
  .spNavMenu .blockSpWorks .blockSide figure,
  .spNavMenu .blockSpWorks .blockSide img,
  .spNavMenu .blockSpWorks .blockSide .modListLinks,
  .spNavMenu .blockSpWorks .blockSide .modListOthers {
    display: none;
  }

  .modListLinks {
    padding: 0 0 0 48px;
  }

  .modListLinks li {
    margin: 12px 0 0;
    line-height: 1;
  }

  .modListLinks li: before {
    content: "・";
  }

  .modListLinks li a {
    color: #000;
    font-size: 1.4rem;
    line-height: 1;
  }

  .modListOthers li {
    margin: 12px 0 0;
    line-height: 1;
  }

  .modListOthers li: before {
    content: "・";
  }

  .modListOthers li a {
    color: #000;
    font-size: 1.4rem;
    line-height: 1;
  }

  /* main 2nd Common (SP) -------------------- */

  /* contMain (SP)                            */

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

  .modListNav {
    padding: 0 0 8px;
    border-bottom: 1px #000 solid;
    text-align: center;
  }

  .theme-black .modListNav {
    border-color: #fff;
  }

  .modListNav li {
    padding: 0 8px;
  }

  .modListNav li: first-child {
    padding: 0 8px 0 0;
    border: none;
  }

  .modListNav li: last-child {
    padding: 0 0 0 8px;
  }

  .modListNav li a: hover {
    opacity: 1;
  }

  .modListEpisode {
    border-top: 0;
    font-size: 1.3rem;
  }

  .modListEpisode li {
    display: inline-block;
    padding: 0 4px;
  }

  .modListEpisode a {
    width: auto;
  }

  .blockToall {
    margin: 20px 0 0;
  }

  .blockPager+.blockToall {
    margin: 20px 0 0;
  }

  .blockToall a {
    display: block;
    padding: 4px 0;
  }

  .blockToall a: hover {
    opacity: 1;
  }

  /* contFooter (SP)                          */

  .blockFooterSns {
    margin: 20px 0 0;
  }

  .modListSns li {
    margin: 0 15px;
  }

  .modListSns li a: hover {
    opacity: 1;
  }

  .blockFooterBanner {
    /* margin: 35px 0 0; */
  }

  .modListBanner {
    display: flex;
    flex-direction: column;
  }

  .modListBanner li {
    /* display: block; */
    /* margin: 10px 0 0; */
    /* display: flex; */
    width: 100%;
  }

  .modListBanner li: first-child {
    /* margin: 0; */
    /* width: 100%; */
  }

  .modListBanner li a: hover {
    opacity: 1;
  }

  .modListBanner li a img {
    max-width: 80%;
    margin: 0 auto;
  }

  .modListBannerItem--full {
    background: #fff !important;
  }

  .modListBannerItem--full img {
    width: 70vw !important;
  }

  .blockPagetop {
    /* margin: 40px auto 0; */
    /* padding: 0 10px 0 0; */
    z-index: 1000 !important;
  }

  .blockPagetop a {
    width: 71px;
    height: 41px;
    background: url(../img/btn_page-top.svg) no-repeat 0 0;
    background-size: 71px 41px;
  }

  .page-top .blockPagetop a {
    background-image: url(../img/btn_page-top.svg);
    margin-left: -2rem;
    margin-top: 2rem;
  }

  .blockPagetop a: hover {
    opacity: 1;
  }

  /* SP NAV                               */

  .blockSpNavFooter {
    display: table;
    width: 100%;
    margin: 90px 0 0;
    table-layout: fixed;
  }

  .blockSpNavFooter .official,
  .blockSpNavFooter .itemLogoSite {
    display: table-cell;
    vertical-align: middle;
  }

  .blockSpNavFooter .official {
    width: 125px;
    height: 24px;
    border: 1px #000 solid;
    color: #000;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 24px;
    text-align: center;
  }

  .theme-black .blockSpNavFooter .official {
    border-color: #fff;
    color: #fff;
  }

  .blockSpNavFooter .official .itemLogo {
    display: inline-block;
    width: 60px;
    margin: 0 2px 0 0;
    line-height: 1.2;
    text-align: center;
  }

  .blockSpNavFooter .official img {
    display: inline-block;
    max-width: 60px;
    max-height: 14px;
  }

  .blockSpNavFooter .official: hover {
    opacity: 1;
  }

  .blockSpNavFooter .itemLogoSite {
    text-align: right;
  }

  .blockSpNavFooter .itemLogoSite img {
    width: 125px;
    height: 24px;
  }

  .theme-black .blockSpNavFooter .itemLogoSite img {
    border: 1px solid #fff;
  }


  /* main 2nd News (SP) ---------------------- */

  .modMainvisual {
    display: none;
  }

  .modListNewsWrap {
    /* margin-top: 10rem; */
    gap: 4rem !important;
    margin-bottom: 10rem;
  }

  .modListNews {
    /* margin: 40px 0 0; */
    gap: 2rem;
    margin-top: 16rem;
  }

  .modListNews li {
    /* margin: 40px 0 0; */
  }

  .modListNews li a {
    /* overflow: visible; */
    /* padding: 0 0 0 20px; */
    flex-direction: column;
    gap: 2rem;
  }

  .modListNews li a: hover {
    background: transparent;
  }

  .modListNews .date time {
    font-size: 1rem;
  }

  .modListNews .unittittle {
    display: flex;
    gap: 1rem;
    align-items: center;
  }

  .modListNews .unitMeta {
    /* display: flex; */
    /* align-items:center; */
    /* gap: 1rem; */
    gap: 0.6rem;
  }


  .modListNews .unitImage {
    float: none;
    width: 100%;
    /* margin: 12px 0 0; */
  }

  .modListNews .unitText {
    overflow: visible;
    /* margin: 10px 0 0; */
    padding: 0;
    gap: 2rem;
    flex-direction: column;
    gap: 1rem !important;
  }

  .modListNews .unitText h3 {
    /* max-height: 20px; */
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 2.6rem;
    font-weight: bold;
  }

  .modListNews .unitText .text {
    /* max-height: 46px; */
    /* margin: 6px 0 0; */
    line-height: 1.6;
    margin: 0;
    font-weight: normal;
    font-size: 1.4rem;
    max-height: max-content;
  }

  .modListNews .unitText .readmore {
    margin: 6px 0 0;
  }

  .page-top .modListNews .title {
    padding: 4px 0 0 44px;
    font-size: 1.4rem;
  }

  .page-top .modListNews h3 {
    color: #333;
  }

  .page-top .modListNews .date {
    font-size: 1.2rem;
    /* margin-bottom: -0.6rem; */
  }


  .page-top .modListNews .tag {
    font-size: 1rem;
  }

  .page-top .modListNews .unitText h3 {
    /* max-height: 24px; */
  }

  .page-top .unitTittle {
    margin-left: 6rem !important;
  }

  .page-top .uniTtext {
    margin-left: 6rem !important;
    gap: 1rem !important;
    /* margin-top: 2rem; */
  }

  .blockPager {
    margin: 60px 0 0;
  }

  .modListPager {
    position: relative;
  }

  .modListPager li {
    margin: 0 10px;
  }

  .modListPager li a,
  .modListPager li span {
    width: 29px;
    height: 29px;
    font-size: 1.4rem;
    line-height: 29px;
    font-family: sans-serif;
  }

  .modListPager li a: hover,
  .modListPager li span:hover {
    background: #fff;
    color: #000;
  }

  .modListPager li a.isActive,
  .modListPager li span.isActive {
    /* background: #000; */
    /* color: #fff; */
  }

  .modListPager li.prev,
  .modListPager li.next {
    position: absolute;
    top: 50%;
    vertical-align: middle;
  }

  .modListPager li.prev a,
  .modListPager li.prev span,
  .modListPager li.next a,
  .modListPager li.next span {
    overflow: hidden;
    width: 18px;
    height: 33px;
    border: none;
    text-indent: 200%;
    white-space: nowrap;
    word-break: keep-all;
    word-wrap: normal;
  }

  .modListPager li.prev {
    left: -10px;
    margin: -16px 0 0;
  }

  .modListPager li.prev a {
    background: url(../img/ico_arrow_prev_01.png) no-repeat 0 0;
    background-size: 10px 20px;
    margin-top: 6px;
  }

  .modListPager li.next {
    right: -10px;
    margin: -16px 0 0;
  }

  .modListPager li.next a {
    background: url(../img/ico_arrow_next_01.png) no-repeat 0 0;
    background-size: 10px 20px;
    margin-top: 6px;
  }

  /* main 2nd Article (SP) ------------------- */

  .modArticle .date {
    /* margin: 40px 0 0; */
    font-size: 1.2rem;
  }

  .modArticle time {
    color: #b8b8b8;
    font-size: 1.3rem;
  }

  .modArticle h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    /* margin-bottom: 2rem; */
  }

  .modArticle h3 br {
    display: none;
  }

  .modArticle .visual {
    margin: 6px 0 0;
  }

  .modWysiwyg h4 {
    font-size: 1.25rem;
    line-height: 1.8;
  }

  .modWysiwyg h5 {
    font-size: 1.2rem;
    line-height: 1.8;
  }

  .modWysiwyg h6 {
    font-size: 1.4rem;
    line-height: 1.8;
  }

  .modWysiwyg p {
    margin: 24px 0 0;
    font-size: 1.6 rem;
    line-height: 2;
    flex-direction: column !important;
    gap: 1rem;
  }

  .modWysiwyg p img {
    margin: 6px 0 0;
  }

  .modWysiwyg>img {
    margin: 24px 0 0;
  }

  .modWysiwyg a {
    font-size: 1.6rem;
    line-height: 2;
  }

  .modWysiwyg img {
    max-width: 100% !important;
    height: auto !important;
  }

  .animeThmb {
    width: 250px;
  }

  /* main 2nd Onair (SP) --------------------- */

  .modOnair h3 {
    margin: 26px 0 0;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1;
  }

  .modOnair h3: first-child {
    margin: 40px 0 0;
  }

  .modOnair p {
    /* margin: 6px 0 0; */
    font-size: 1.2rem;
    line-height: 1.6;
  }

  /* main 2nd Goods (SP) --------------------- */

  .modListGoods {
    margin: 38px 0 0;
  }

  .modListGoods li {
    overflow: visible;
    margin: 38px 0 0;
    padding: 38px 0 0;
    border-top: 1px #000 solid;
  }

  .modListGoods li: first-child {
    padding: 0;
    border: none;
  }

  .modListGoods li h3 {
    padding: 0;
    font-size: 1.4rem;
  }

  .modListGoods li .unitImage {
    float: none;
    width: 100%;
    margin: 12px 0 0;
  }

  .modListGoods li .unitText {
    overflow: visible;
    padding: 0;
  }

  .modListGoods li .unitText .sub {
    margin: 18px 0 0;
    font-size: 1.2rem;
  }

  .modListGoods li .unitText .text {
    margin: 4px 0 0;
    font-size: 1.2rem;
    line-height: 2;
  }

  .modListGoods li .unitText dd.link a {
    display: block;
    margin: 24px 20px 0;
    padding: 6px 0;
    border: 1px #000 solid;
    color: #000;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
  }
}

/* =====================================================
* Theme (SP)
* ================================================== */

.page-anime main {
  /* display: block; */
  /* position: relative; */
  /* max-width: 1180px; */
  /* min-width: 960px; */
  margin: 0 auto;
  /* background-color: #fff; */
  background-repeat: no-repeat;
  background-position: 50% 0;
  /* overflow-x: hidden; */
  padding-top: 0;
}

.page-anime main:before {
  /* content: " "; */
  /* display: block; */
  /* position: absolute; */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  /* background-color: rgba(255, 255, 255, 0.85); */
}

.page-anime.theme-black main {
  background-color: #000;
  color: #fff;
}

.page-anime.theme-black main a {
  color: #fff;
}

.page-anime.theme-black main:before {
  background-color: rgba(0, 0, 0, 0.85);
}

.page-anime.theme-black main .modListEpisode {
  border-color: #fff;
}

.page-anime.theme-black main .modListEpisode li {
  border-color: #fff;
}

.page-anime.theme-black main .modListEpisode a {
  color: #999;
}

.page-anime.theme-black main .modListEpisode a.isActive {
  color: #fff;
}

@media (max-width: 767px) {
  .page-anime main {
    /* max-width: 320px; */
    /* min-width: 320px; */
    background-size: 100% auto;
    gap: 0;
  }
}

/* =====================================================
* Webpage page-anime
* ================================================== */

.page-anime h3 {
  /* font-size: 3.2rem;
    line-height: 1.3;
    color: #FF6368;
    font-size: 4rem;
    font-weight: bold;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 6rem;
    position: relative; */
}

/* =====================================================
* Loading
* ================================================== */

#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100vw;
  height: 100vh !important;
  z-index: 999;
  background: #fff;
  text-align: center;
  color: #fff;
  top: 0;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width: 180px;
  max-width: 40vw;
}

.ytp-expand-pause-overlay .ytp-pause-overlay {
  display: none;
}


  /* =====================================================
  * Color
  * ================================================== */

  * {
    /* color: #333; */
  }

  .pink--b {
    color: #DE3F74;
  }

  .pink--8 {
    color: #C52179;
  }

  .modListLineup dd {
    content: "";
    background-size: 20rem 20rem;
    height: 5rem;
    color: #fff;
    background-size: 100%;
    background-position: 0;
    z-index: 0;
    background-size: 101%;
  }

  .blue--pale {
    background-color: #bfdff4;
  }

  .blue {
    background-color: #0B48A5;
    background: url(../img/square_0B48A5.svg) no-repeat bottom;
  }

  .beige--pale {
    background-color: #FFF4C8;
  }

  .beige {
    background-color: #F8BD89;
    background: url(../img/square_F8BD89.svg) no-repeat bottom;
  }

  .purple--pale {
    background-color: #D7D2E6;
  }

  .purple {
    background-color: #AEB0E1;
    background: url(../img/square_AEB0E1.svg) no-repeat bottom;
  }

  .green--pale {
    background-color: #cefae9;
  }

  .green {
    background-color: #35C48C;
    background: url(../img/square_35C48C.svg) no-repeat bottom;
  }

  .pink--pale {
    background-color: #FFCCC8;
  }

  .pink {
    background-color: #F297A7;
    background: url(../img/square_F297A7.svg) no-repeat bottom;
  }

  .gray {
    background-color: #707070;
    background: url(../img/square_707070.svg) no-repeat bottom;
  }

  /* =====================================================
  * Btn
  * ================================================== */

  .btnMore {
    border: 1px solid#FF5688;
    color: #FF5688;
    border-radius: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    width: 18rem;
    margin: 0 auto;
    margin-top: 6rem;
  }

  @media (max-width: 767px) {
    .btnMore {
      font-size: 1rem;
      padding: 0.8rem;
      margin-top: 2rem;
    }
  }

  .btnMore a {
    color: #FF5688;
    flex: 1;
    text-align: center;
  }

  /* =====================================================
  * Modal
  * ================================================== */

  .modal {}

  .md-wrapper {
    background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.3), rgba(197, 33, 121, 0.3));
    background-color: #fff;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll;
  }

  @media (max-width: 767px) {
    .md-wrapper {
      padding: 4rem 0;
    }
  }

  .md-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    z-index: 1;
    cursor: pointer;
    z-index: 0;
  }

  .md-overlay iframe {
    max-width: 80vw;
  }

  .youtube-16-9 {
    margin-bottom: 10rem;
  }

  .youtube-16-9 iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }

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

  @media (max-width: 767px) {
    .md-header {
      width: 100vw;
      padding-right: 2rem;
    }
  }

  .md-header h2 {
    height: 2.5rem;
    /* width: 100%; */
    margin: 0;
    /* display: flex; */
    /* text-align: left; */
  }

  .md-contents {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    /* transform: translateX(-50%); */
    z-index: 10000;
    z-index: 9999;
    /* background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.3), rgba(197, 33, 121, 0.3)); */
  }


  .md-inner {
    color: #FF6368;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    /* height: 100vh; */
    /* width: 100vw; */
    left: 0;
    top: 0;
    z-index: 9999;
    padding: 10rem;
    z-index: 1;
    gap: 6rem;
    max-width: 90vw;
    margin: 0 auto;
    width: 100rem;
    justify-content: center;
    /* height: 100vh; */
  }

  @media (max-width: 767px) {
    .md-inner {
      padding: 0;
      margin: 0;
      width: 100%;
      max-width: 100%;
      gap: 4rem;
    }
  }

  @media (max-width: 767px) {
    .md-inner .md-text {
      padding: 0 2rem;
      /* width: 100vw; */
    }
  }

  .md-inner .md-text h3 {
    font-size: 1.6rem;
    border: 1px solid #FF6368;
    display: inline-flex;
    padding: 0.4rem 1rem;
    margin-bottom: 2rem;
    align-items: baseline;
    width: fit-content;
  }

  @media (max-width: 767px) {
    .md-inner .md-text h3 {
      font-size: 1.2rem;
      padding: 0.2rem 0.6rem;
      /* display: inline-flex; */
      /* align-items: center; */
      /* display: flex; */
      /* gap: 0.2rem; */
      margin-bottom: 1rem;
    }
  }

  .md-inner .md-text h4 {
    font-size: 3.2rem;
    font-weight: bold;
    /* color: #FF6368; */
    opacity: 1;
  }

  @media (max-width: 767px) {
    .md-inner .md-text h4 {
      font-size: 2rem;
      margin-bottom: 2rem;
    }
  }

  .md-inner .md-text h5 {
    font-size: 1.6rem;
    opacity: 1;
    color: #FF6368;
    margin-bottom: 2rem;
    margin-top: 6rem;
    font-weight: bold;
    line-height: 3rem;
  }

  @media (max-width: 767px) {
    .md-inner .md-text h5 {
      line-height: 2.6rem;
    }
  }

  .md-inner .md-text p {
    color: #FF6368;
    color: #000;
    line-height: 3.2rem;
    margin-bottom: 2rem;
  }

  @media (max-width: 767px) {
    .md-inner .md-text p {
      font-size: 1.4rem;
      line-height: 2.4rem;
    }
  }

  .md-inner .md-text p.cn {
    color: #505050;
    margin-bottom: 1rem;
  }

  .md-text img {
    width: 100%;
    margin-top: 3rem;
  }

  .md-inner pre {
    line-height: 2.8rem;
    font-size: 1.6rem;
    color: #FF6368;
  }

  .md-xmark {
    position: relative;
    top: 0;
    /* right: 0; */
    width: 32px;
    height: 22px;
    z-index: 9999;
    cursor: pointer;
    display: flex;
    right: 0;
    margin-left: auto;
  }

  .md-xmark span {
    height: auto;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background-color: #FF6368;

  }

  .md-xmark span:nth-of-type(1) {
    top: 0;
    transform: translateY(10px) rotate(-45deg);
  }


  .md-xmark span:nth-of-type(2) {
    bottom: 0;
    transform: translateY(-10px) rotate(45deg);
  }

  /* =====================================================
  * Tittle
  * ================================================== */

  .modListHrWrap {
    margin: 0 auto;
    background: url(../img/hr_rail.svg) repeat-x top;
    /* padding: 6rem 0 10rem; */
    background-size: auto 2.5rem;
    margin-top: 14rem;
    gap: 4rem;
    /* display: flex; */
  }

  @media (max-width: 767px) {
    .modListHrWrap {
      /* padding: 0 2rem; */
      margin: 0;
    }
  }

  .modTicketH2 {
    height: 4rem;
    display: inline-flex;
    margin-top: -1rem;
    margin-bottom: 4rem;
    margin-left: 4rem;
  }

  @media (max-width: 767px) {
    .modTicketH2 {
      height: 3rem;
      margin-bottom: 4.5rem;
      margin-top: -0.2rem;
      margin-left: 2rem;
    }
  }

  .modTicketH2 img {
    width: 18rem;
    width: 100%;
    height: 100%;
    display: flex;
    /* margin-bottom: 4rem; */
    width: auto;
  }


  .modH2Wrap {
    display: flex;
    justify-content: center;
    margin-top: 10rem;
  }

  @media (max-width: 767px) {
    .modH2Wrap {
      margin-top: 15rem;
    }
  }

  .modH2 {
    color: #FF6368;
    font-size: 4rem;
    font-weight: bold;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 6rem;
    position: relative;
  }

  @media (max-width: 767px) {
    .modH2 {
      font-size: 2rem;
      margin-bottom: 4rem;
    }
  }

  .modH2:: after {
    content: "";
    border-bottom: 2px solid #FF6368;
    width: 100%;
    top: 5rem;
    position: absolute;
  }

  @media (max-width: 767px) {
    .modH2::after {
      top: 2.8rem;
    }
  }

  .modH2 span {
    font-size: 1.3rem;
    opacity: .8;
    font-weight: normal;
    margin-top: 1.4rem;
  }

  @media (max-width: 767px) {
    .modH2 span {
      font-size: 1rem;
    }
  }

  /* =====================================================
  * Module(PC)
  * ================================================== */

  /* header ----------------------------- */
  header {
    background: #fff;
    border-image: linear-gradient(to right, #FF5688, #C52179) 1;
    border-bottom: 2px solid;
    margin-inline: auto;
    padding: 1.6rem 2rem;
    z-index: 100;
    position: fixed;
    width: 100%;
    top: 0;
  }

  header>.inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  header>.inner .itemIcon {
    height: 100%;
    width: 100%;
    width: 3rem;
  }

  header>.inner .title {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    
    
  /* 追加 */
  }

  header>.inner .title a {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  header>.inner .titleTop {
    /* position: absolute; */
    /* top: 30px; */
    /* font-weight: 900; */
    /* font-size: 3.6rem; */
  }

  @media (max-width: 767px) {
    header>.inner .titleTop {
      /* position: absolute; */
      /* top: 16px; */
      /* font-weight: 900; */
      /* font-size: 2.6rem; */
      /* width: 30vw; */
    }
  }

  header>.inner .titleText {
    font-size: 1rem;
    line-height: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: .6rem;
    
  /* 追加 */
  }

  header>.inner .titleText span {
    font-weight: bold;
    font-size: 1.2rem;
  }

  header>.inner .titleText .sub {
    color: #b8b8b8;
    font-weight: normal;
    font-size: .9rem;
  }

  header>.inner .title .itemLogo {
    max-width: 350px;
    max-height: 48px;
    margin: 0 4px 0 0;
    height: 3rem;
  }

  header>.inner .itemLogoSite {
    position: absolute;
    top: 34px;
    right: 20px;
    width: 148px;
    height: 28px;
  }

  .page-top header>.inner .itemLogoSite {
    top: 56px;
  }

  header>.inner .official {
    position: absolute;
    top: 78px;
    right: 20px;
    width: 148px;
    height: 28px;
    border: 1px #000 solid;
    color: #000;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 28px;
    text-align: center;
  }

  header>.inner .official .itemLogo {
    display: inline-block;
    width: 76px;
    margin: 0 2px 0 0;
    line-height: 1.2;
    text-align: center;
  }

  header>.inner .official img {
    display: inline-block;
    max-width: 76px;
    max-height: 16px;
  }

  header>.inner .spNavButton {
    display: none;
  }

  /* nav ----------------------------- */

  .site-logo {
    display: flex;
    justify-content: center;
    padding: 8rem 0 2rem;
  }

  .site-logo img {
    width: 18rem;
  }

  .humberger {
    position: absolute;
    /*ボタン内側の基点となるためrelativeを指定*/
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    z-index: 100;
    top: 4rem;
    right: 4rem;
    z-index: 1000000;
    display: none;
  }

  .nav {
    position: fixed;
    width: 100%;
    /* margin-top: 5rem; */
    z-index: 100;
    top: 6rem;
  }

  .nav-inner {
    display: flex;
    justify-content: center;
    /* padding: 15px; */
    align-items: center;
    padding: 1rem;
  }

  .nav-inner .logo {
    z-index: 10000;
  }

  .menu-wrapper {
    position: relative;
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
  }

  .nav .logo img {
    object-fit: contain;
    width: 8rem;
  }

  @media (max-width: 767px) {
    .nav .logo img {
      width: 10rem;
    }
  }

  .btn {
    width: 100%;
    /* display: block; */
    width: 4rem;
    height: 4rem;
    /* position: absolute; */
    /* right: 0; */
    z-index: 10000;
    /*追記：いつも一番上*/
    position: absolute;
    right: 2rem;
  }

  .bar {
    width: 20px;
    height: 3px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
  }

  .bar-top {
    top: 10px;
    background-color: #DE3F74;
  }

  .bar-middle {
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #C52179;
  }

  .bar-bottom {
    bottom: 10px;
    background-color: #DE3F74;
  }

  .btn.close .bar-top {
    transform: translate(-50%, 10px) rotate(45deg);
    transition: transform .3s;
  }

  .btn.close .bar-middle {
    opacity: 0;
    transition: opacity .3s;
  }

  .btn.close .bar-bottom {
    transform: translate(-50%, -8px) rotate(-45deg);
    transition: transform .3s;
  }

  .menu-lists {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    /* padding-top: 50px; */
    text-align: center;
    background-image: linear-gradient(130deg, rgba(255, 99, 104, 0.2), rgba(255, 99, 104, 0.6));
    background-color: #fff;
    z-index: 1000;
    /* background-size: auto 2rem; */
    background-position: 0;
  }

  .menu-lists .logo {
    display: flex;
    /* margin-top: 1rem; */
    position: absolute;
    top: 2rem;
  }

  .modNav {
    /* animation: bgscroll 100s linear infinite; */
    display: flex;
    gap: 1rem;
    z-index: 100;
    width: 100%;
    justify-content: center;
    background-size: 2rem;
    background: url(../img/hr_rail.svg) repeat-x;
    background-size: auto 2.5rem;
    align-items: center;
    background-position: 10%;
  }

  @media (max-width: 767px) {
    .modNav {
      display: flex;
      gap: 1rem;
      z-index: 100;
      width: 100%;
      justify-content: center;
      flex-direction: column;
      height: 100vh;
      background-size: 2rem;
      background: url(../img/hr_rail.svg) repeat-x bottom;
      background-size: auto 2.5rem;
      background-position: left 0 bottom 3% !important;
      /* margin-top: -5rem; */
      margin: 0;
      overflow: hidden;
    }
  }

  .modNav li {
    display: block;
    /* width: 100%; */
    /* max-width: 90vw; */
    /* margin: 0 auto; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* padding: 4rem 0 3rem; */
    /* background-size: auto 2rem; */
    display: flex;
    gap: 1rem;
    justify-content: center;
    /* width: 100%; */
    /* margin-top: -1rem; */
  }

  .modNav li img {
    height: 4rem;
    /* width: calc(100vw / 7); */
    object-fit: contain;
  }

  .modNav li a:hover {
    opacity: 1 !important;
  }


  /* footer ----------------------------- */
  footer {
    width: 100%;
    background: #eee;
    margin-top: 10rem;
    padding-top: 3rem;
  }

  .page-top footer {}

  footer>.inner {
    margin: 0 auto;
    background: url(../img/hr_rail.svg) repeat-x top;
    padding: 4rem 0 3rem;
    background-size: auto 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    /* animation: bgscroll 100s linear infinite; */
  }

  @-webkit-keyframes bgscroll {
    0% {
      background-position: 0 0;
    }

    100% {
      background-position: 50vw 0;
    }
  }

  @keyframes bgscroll {
    0% {
      background-position: 0 0;
    }

    100% {
      background-position: 50vw 0;
    }
  }

  footer p,
  footer a {
    color: #DE3F74;
    text-align: center;
    font-size: 8px;
  }

  .copyright {
    text-align: center;
    font-size: 1rem;
    margin-top: 8rem;
    margin-bottom: -8rem;
    color: #b8b8b8;
    opacity: .5;
    font-weight: normal;
  }

  /* contents --------------------------- */
  main>.inner {
    position: relative;
    z-index: 1;
    width: 780px;
    margin: 0 auto;
    padding: 1px 0 40px;
  }

  /* =====================================================
  * Common
  * ================================================== */

  /* main top --------------------------- */

  .wrapContents {
    display: flex;
    /* width: 780px; */
    margin: 0 auto;
    /* padding: 0 0 100px; */
    flex-direction: column;
  }


  .contMainFull {
    margin-top: 10rem;
  }

  .wrapContents .contMain {
    /* display: table-cell; */
    /* width: 600px; */
    /* max-width: 90vw; */
    /* margin: 0 auto; */
  }

  .contMain>.modH2Wrap {
    /* margin-top: 0; */
  }

  .wrapContents .contSide {
    display: table-cell;
    /* width: 380px; */
    padding: 0 0 0 80px;
  }

  .wrapContents .contSide h3 {
    margin: 76px 0 0;
    padding: 0 0 10px;
    border-bottom: 1px #000 solid;
    font-size: 2.2rem;
    line-height: 1;
  }

  .wrapContents .contSide h3:first-of-type {
    margin: 0;
  }

  .wrapContents .contSide h3 .sup {
    display: block;
    margin: 8px 0 0;
    color: #8D8C8D;
    font-weight: 100;
    font-size: 1.2rem;
    line-height: 1;
  }

  .spNavMenu {
    display: none;
  }

  .modListLinks {
    padding: 0 0 0 48px;
  }

  .modListLinks li {
    margin: 12px 0 0;
    line-height: 1;
  }

  .modListLinks li:before {
    content: "・";
  }

  .modListLinks li a {
    color: #000;
    font-size: 1.4rem;
    line-height: 1;
  }

  /* =====================================================
  * Parent section
  * ================================================== */

  /* parent slider --------------------------- */

  .slick-track {
    /* height: auto; */
    /* overflow: hidden; */
  }

  .slider {
    width: 100vw !important;
    margin-top: -5rem !important;
    /* height: calc(100vh - 6rem) !important; */
    /* overflow: hidden; */
    /* background: #ccc; */
  }

  @media (max-width: 767px) {
    .slider {
      /* height: 40vh !important; */
      margin-bottom: 0 !important;
      height: 100% !important;
    }
  }

  .slick-list {
    height: 100vh !important;
    overflow: hidden !important;
  }

  @media (max-width: 767px) {
    .slick-list {
      height: 100% !important;
    }
  }

  .slider-img {
    margin: 0 0rem;
    height: 100vh !important;
    /* align-items: stretch!important; */
    overflow: hidden;
  }

  @media (max-width: 767px) {
    .slider-img {
      height: 100% !important;
    }
  }

  .slider-img img {
    /* height: auto; */
    /* width: 100%; */
    justify-content: center;
    display: flex;
    max-heght: calc(100vh - 6rem);
    /* object-fit: contain; */
    /* max-height: calc(100vh - 5rem) !important; */
    /* width: 100%; */
    height: 50vw;
    /* object-fit: cover; */
    height: 100vh;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    /* object-fit: cover; */
    width: 100%;
    /* overflow: hidden; */
  }

  .slick-slide {
    overflow: hidden;
    opacity: 0.8;
  }

  .slick-slide div {
    height: 100%;
  }

  @media (max-width: 767px) {
    .slick-slide {
      height: 100% !important;
    }
  }

  .slick-center {
    opacity: 1;
  }

  @media (max-width: 767px) {
    .slider-img img {
      height: auto;
      width: 100vw !important;
      /* min-width: 100vw !important; */
    }
  }

  /* parent about --------------------------- */

  .modAboutWrap {
    display: flex;
    max-width: 90vw;
    width: 90rem;
    justify-content: center;
    margin: 6rem auto;
    gap: 4rem;
  }

  @media (max-width: 767px) {
    .modAboutWrap {
      flex-direction: column;
      justify-content: center;
      gap: 2rem;
      align-items: center;
    }
  }

  .modAboutImg {
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
  }

  @media (max-width: 767px) {
    .modAboutImg {
      width: 50%;
      display: none;
    }
  }

  .modAboutImg img {
    width: 100%;
  }

  .modAboutTxt {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex: 3;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 3rem;
  }

  @media (max-width: 767px) {
    .modAboutTxt {
      font-size: 1.4rem;
      line-height: 2.6rem;
    }
  }

  .modAboutTxt h3 {
    display: flex;
    gap: 1rem;
    align-items: center;
    font-size: 2.2rem;
  }

  @media (max-width: 767px) {
    .modAboutTxt h3 {
      font-size: 1.6rem;
      flex-direction: column;
      gap: 2rem;
      margin-bottom: 4rem;
    }
  }

 .modAboutTxt h3  img {
   height: 3rem;
 }

  .modAboutTxt h3 span:nth-child(odd) {
    color: #DE3F74;
  }

  .modAboutTxt h3 span:nth-child(even) {
    color: #C52179;
  }

  .modAboutTxt h3 .tag {
    color: #fff !important;
    padding: .4rem .8rem;
    font-size: 1.2rem;
    background-color: #C52179;
  }

  @media (max-width: 767px) {
    .modAboutTxt h3 .tag {
      font-size: 1rem;
    }
  }

  /* parent line up --------------------------- */

  .modListLineupWrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 90vw;
    justify-content: flex-start;
    margin: 0 auto;
    gap: 4rem;
    width: 100%;
    width: 120rem;
    padding: 6rem 0;
    align-items: center;
  }

  @media (max-width: 767px) {
    .modListLineupWrap {
      width: 100%;
      gap: 0;
      justify-content: space-between;
      margin: 0;
      max-width: 100%;
      padding: 0;
      margin-bottom: 4rem;
      gap: 0;
    }
  }

  .modListLineup {
    display: flex;
    flex-direction: column;
    width: calc(100% / 3 - 6rem);
    /* gap: 2rem; */
    height: auto;
    position: relative;
  }

  @media (max-width: 767px) {
    .modListLineup {
      width: calc(100vw / 2);
      margin-bottom: 1rem;
      max-width: 50%;
    }
  }

  .modListLineup .unitTittle {
    font-weight: bold;
    text-align: center;
    padding: 1rem;
    justify-content: center;
  }

  @media (max-width: 767px) {
    .modListLineup .unitTittle {
      font-size: 1.2rem;
      text-align: center;
      justify-content: center;
      padding-top: 1rem;
    }
  }

  .modListLineup .unitTtl:nth-child(1) {
    /* background: blue; */
  }

  .modListLineup img {
    /* width: 100%; */
    /* aspect-ratio: 16 / 9; */
    /* width: 100%; */
    /* height: 100%; */
    /* object-fit: cover; */
    /* height: 100%; */
  }

  .modListLineup .unitImage {
    padding: 2rem;
  }

  @media (max-width: 767px) {
    .modListLineup .unitImage {
      padding: 1rem;
      margin-top: -1rem;
    }
  }

  .modListLineup .kv {
    /* aspect-ratio: 2 / 1; */
    width: 100%;
    height: auto;
    /* object-fit: cover; */
    background: #b8b8b8;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    /* height: 100%; */
  }

  .modListLineup .kv img {
    object-fit: cover;
    width: 100%;
    height: auto;
  }

  .modListLineup .logo {
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: contain;
    position: relative;
  }

  @media (max-width: 767px) {
    .modListLineup .logo {
      height: 6rem;
    }
  }

  .modListLineup .logo img {
    max-width: 50%;
    max-height: 80%;
    height: auto;
    /* max-height: 50%; */
    /* max-width: 50%; */
    /* padding: 1rem; */
    height: auto;
    width: 100%;
    /* padding: 1rem 3rem; */
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  @media (max-width: 767px) {
    .modListLineup .logo img {
      /* max-width: 70%; */
      /* max-height: 70%; */
      /* height: 5rem; */
      /* width: 100%; */
    }
  }

  /* parent news --------------------------- */

  .modListTopNewsWrap {
    display: flex;
    max-width: 90%;
    justify-content: center;
    margin: 5rem auto;
    width: 120rem;
  }

  @media (max-width: 767px) {
    .modListTopNewsWrap {
      width: 100%;
      max-width: 100%;
      margin: 0;
    }
  }

  .modListTopNews {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 4rem;
    max-width: 90rem;
  }

  @media (max-width: 767px) {
    .modListTopNews {
      padding: 0 2rem;
      margin-bottom: 10rem;
    }
  }


  .modListTopNews a {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }

  .unitMeta {
    display: flex;
    gap: 1rem;
    align-items: center;
    align-items: baseline;
  }

  @media (max-width: 767px) {
    .unitMeta {
      font-size: 1.2rem;
      gap: 0.8rem;
    }
  }

  .unitMeta time {
    color: #b8b8b8;
  }

  .unitMeta .tag {
    background-color: #F9E8F1;
    color: #FF5688;
    padding: 0.4rem 0.8rem;
    font-weight: bold;
  }


  .modListTopNews h3 {
    font-weight: bold;
    font-size: 1.6rem;
  }

  @media (max-width: 767px) {
    .modListTopNews h3 {
      font-size: 1.4rem;
      line-height: 2.4rem;
    }
  }

  /* =====================================================
  * Child common
  * ================================================== */

  .page-top .contMain {
    /* margin-top: 8rem; */
  }

  .contMain {
    display: flex;
    flex-direction: column;
    /* gap: 10rem; */
    width: 90rem;
    max-width: 90%;
    justify-content: center;
    margin: 0 auto;
    padding-top: 4rem;
  }

  @media (max-width: 767px) {
    .contMain {
      /* padding-top: 12rem; */
      margin-top: -4rem;
    }
  }

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

  .modListNav {
    margin: 19px 0 0;
    line-height: 1;
    letter-spacing: -0.4em;
  }

  .modListNav>* {
    letter-spacing: normal;
  }

  .modListNav li {
    display: inline-block;
    padding: 0 17px 0 19px;
    border-left: 1px #000 solid;
    line-height: 1;
  }

  .theme-black .modListNav li {
    border-color: #fff;
  }

  .modListNav li:first-child {
    padding: 0 17px 0 0;
    border: none;
  }

  .modListNav li a {
    color: #7f7f7f;
  }

  .theme-black main .modListNav li a {
    color: #999;
  }

  .modListNav li a.isActive {
    color: #000;
  }

  .theme-black .modListNav li a.isActive {
    color: #fff;
  }

  .modListNav li a.isActive:hover {
    opacity: 1;
  }

  .modListEpisode {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #000;
    font-size: 1.5rem;
    letter-spacing: -0.4em;
  }

  .modListEpisode>* {
    letter-spacing: normal;
  }

  .theme-black main .modListEpisode {
    border-color: #fff;
  }

  .modListEpisode li {
    display: inline-block;
    margin-bottom: 5px;
    border-right: 1px solid #000;
    line-height: 1.2;
  }

  .theme-black main .modListEpisode li {
    border-color: #fff;
  }

  .modListEpisode a {
    display: inline-block;
    width: 6em;
    color: #999;
    text-align: center;
  }

  .theme-black main .modListEpisode a {
    color: #999;
  }

  .modListEpisode a.isActive {
    color: #000;
  }

  .theme-black main .modListEpisode a.isActive {
    color: #fff;
  }

  .theme-black main .modListEpisode a.isActive:hover {
    opacity: 1;
  }

  .blockToall {
    margin: 180px 0 0;
    text-align: center;
  }

  .blockPager+.blockToall {
    margin: 100px 0 0;
  }

  .blockToall a {
    display: inline-block;
    padding: 8px 38px;
    border: 1px #000 solid;
    color: #000;
    line-height: 1;
  }

  .theme-black .blockToall a {
    border-color: #fff;
  }

  /* contFooter                           */

  .blockFooterSns {}

  .modListSns {
    letter-spacing: -0.4em;
    text-align: center;
  }

  .modListSns>* {
    letter-spacing: normal;
  }

  .modListSns li {
    display: inline-block;
    margin: 0 20px;
  }

  .modListSns li a {
    display: block;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    word-break: keep-all;
    word-wrap: normal;
  }

  .modListSns li a.twfollow {
    width: 44px;
    height: 30px;
    background: url(../img/ico_twFollow_01.png) no-repeat 0 0;
    background-size: 44px 30px;
  }

  .page-top .modListSns li a.twfollow {
    background-image: url(../img/ico_twFollow_01.png);
  }

  .modListSns li a.tw {
    width: 37px;
    height: 30px;
    background: url(../img/ico_tw_01.png) no-repeat 0 0;
    background-size: 37px 30px;
  }

  .page-top .modListSns li a.tw {
    background-image: url(../img/ico_tw_01.png);
  }

  .modListSns li a.fb {
    width: 30px;
    height: 30px;
    background: url(../img/ico_fb_01.png) no-repeat 0 0;
    background-size: 30px 30px;
  }

  .page-top .modListSns li a.fb {
    background-image: url(../img/ico_fb_01.png);
  }

  .blockFooterBanner {}

  .modListBanner {
    display: flex;
    gap: 2rem;
    justify-content: center;
  }

  .modListBanner>* {
    letter-spacing: normal;
  }

  .modListBanner li {
    display: flex;
    background: #fff;
    width: 34rem;
    height: 8rem;
    justify-content: center;
    align-items: center;
    object-fit: contain;
  }

  .modListBanner li a img {
    display: flex;
    background: #fff;
    max-width: 34rem;
    max-height: 8rem;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    object-fit: contain;
  }

  .modListBanner li img {
    width: 24rem;
    height: auto;
    max-height: 44%;
    max-width: 44%;
  }

  .modListBannerItem--full {
    /* background: #FFFBE7 !important; */
    background: #000 !important;
  }

  .modListBannerItem--full img {
    background: none !important;
    padding: 0 !important;
    height: 8rem !important;
    width: 34rem !important;
  }

  .blockPagetop {
    /* margin: 30px auto 0; */
    /* line-height: 0; */
    /* text-align: right; */
    position: fixed;
    right: 0;
    bottom: 2rem;
  }

  .blockPagetop a {
    display: inline-block;
    /* overflow: hidden; */
    width: 10rem;
    height: 3rem;
    background: url(../img/btn_page-top.svg) no-repeat 0 0;
    background-size: 10rem auto;
  }

  /* =====================================================
  * Child section
  * ================================================== */

  /* child introduction ---------------------- */

  .modIntroductionWrap {}

  .modIntroduction {
    flex: 1;
  }

  .modIntroduction dl {
    display: flex;
    gap: 4rem;
    flex-direction: column;
  }

  @media (max-width: 767px) {
    .modIntroduction dl {
      flex-direction: column;
    }
  }

  .modIntroduction dt {
    flex: 1;
  }

  .modIntroduction h3 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: bold;
  }

  @media (max-width: 767px) {
    .modIntroduction h3 {
      font-size: 1.8rem;
    }
  }

  .modIntroduction dd {
    flex: 1;
    font-size: 1.6rem;
    color: #505050;
    gap: 4rem;
    display: flex;
    flex-direction: column;
  }

  @media (max-width: 767px) {
    .modIntroduction dd {
      font-size: 1.4rem;
      line-height: 2.4rem;
      gap: 2rem;
    }
  }

  .modIntroduction img {
    width: 100%;
    flex: 1;
  }

  /* child pv ---------------------- */

  .modListPvWrap {
    width: 100%;
  }


  .modListPv {
    display: flex;
    gap: 2rem;
  }

  @media (max-width: 767px) {
    .modListPv {
      flex-direction: column;
      gap: 4rem;
      width: 100%;
    }
  }

  .modListPv dl {
    display: flex;
    width: 50%;
  }

  @media (max-width: 767px) {
    .modListPv dl {
      flex-direction: column;
      width: 100%;
    }
  }

  .modListPv h3 {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.8rem;
    color: #FF6368;
  }

  @media (max-width: 767px) {
    .modListPv h3 {
      font-size: 1.2rem;
      line-height: 2rem;
    }
  }

  .modListPv dl a {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    position: relative;
    z-index: 1;
  }

  @media (max-width: 767px) {
    .modListPv dl a {
      gap: 1rem;
    }
  }

  .modListPv dl dt::before {
    z-index: 100;
    display: inline-block;
    background-size: 71px 41px;
    position: absolute;
    background: url(../img/ico_play.svg) no-repeat center;
    background-size: 4rem 4rem;
    display: flex;
    z-index: 100;
  }

  .modListPv img {
    width: 101%;
    /* height: 100%; */
    display: block;
    position: relative;
    opacity: 0.5;
    z-index: 1;
    position: absolute;
    top: 0;
    /* overflow: hidden; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* top: -17%; */
  }

  .modListPv dl dt span {
    position: absolute;
    display: flex;
    display: block;
    content: '';
    background: url(../img/ico_play.svg) no-repeat center;
    background-size: 4rem 4rem;
    z-index: 100;
  }

  @media (max-width: 767px) {
    .modListPv dl dt span {
      background-size: 3rem 3rem;
      display: flex !important;
      justify-content: center;
      align-items: center;
    }
  }

  .modListPv dl dt {
    /* position: absolute; */
    content: '';
    z-index;
    1;
    background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.8), rgba(197, 33, 121, 0.9));
  }

  .modListPv dl dt span {
    /* background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.8), rgba(197, 33, 121, 0.9)); */
    height: 100%;
    height: 100%;
    width: 100%;
    display: flex;
    z-index: 0;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
  }

  #modal {
    background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.3), rgba(197, 33, 121, 0.3));
    background-color: #fff !important;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  #modal:: before {
    content: ""
  }

  .modalContent:: before,
  .modalContent::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 10%;
    width: 3px;
    /* 棒の幅（太さ） */
    height: 40px;
    /* 棒の高さ */
    background: #FF6368;
    border-radius: 2.5px;
    /* 棒の四隅の丸み*/
    cursor: pointer;
  }

  @media (max-width: 767px) {

    .modalContent::before,
    .modalContent::after {
      top: 10%;
    }
  }

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

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

  .modalContent {
    aspect-ratio: 16 / 9;
    max-width: 90vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 30vh;
  }

  @media (max-width: 767px) {
    .modalContent iframe {
      max-width: 90vw;
      height: 100%;
    }
  }

  .html5-video-player {}

  #modal {
    background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.3), rgba(197, 33, 121, 0.3));
    background-color: #fff !important;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  #modal:: before {
    content: ""
  }

  .modalContent:: before,
  .modalContent::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 10%;
    width: 3px;
    /* 棒の幅（太さ） */
    height: 40px;
    /* 棒の高さ */
    background: #FF6368;
    border-radius: 2.5px;
    /* 棒の四隅の丸み*/
    cursor: pointer;
  }

  @media (max-width: 767px) {

    .modalContent::before,
    .modalContent::after {
      top: 10%;
    }
  }

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

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

  .modalContent {
    aspect-ratio: 16 / 9;
    max-width: 90vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 30vh;
  }

  @media (max-width: 767px) {
    .modalContent iframe {
      max-width: 90vw;
      height: 100%;
    }
  }

  /* child character ---------------------- */

  .modListCharacterWrap {
    display: flex;
    flex-direction: column;
    /* gap: 4rem; */
  }

  .modListCharacter {
    display: flex;
    flex-direction: column;
    /* gap: 4rem; */
  }

  .modListCharacter h3 {
    font-size: 3.2rem;
  }

  @media (max-width: 767px) {
    .modListCharacter h3 {
      font-size: 2.4rem;
    }
  }

  .modListCharacter h4 {
    font-size: 2rem;
    /* opacity: 0.8; */
    font-weight: normal;
    display: flex;
    align-items: center;
  }

  @media (max-width: 767px) {
    .modListCharacter h4 {
      font-size: 1.8rem;
      margin-top: -2rem;
    }
  }

  .modListCharacter h4 span {
    font-size: 1.4rem;
    opacity: 0.5;
    padding-right: 0.4rem;
  }

  .modListCharacter a {
    color: #FF6368;
    /* display: flex; */
  }

  .modListCharacter .comment {
    background: url(../img/ico_comment.svg) no-repeat top;
    background-position: top;
    height: 2.4rem;
    width: 8rem;
    display: flex;
    background-size: 8remrem 2.4rem;
    margin-left: 0.6rem;
    margin-top: 0.4rem;
  }

  .modListCharacter rt {
    font-size: 0.8rem;
  }

  @media (max-width: 767px) {
    .modListCharacter rt {
      font-size: 0.6rem;
      margin-bottom: 0.2rem;
      /* display: flex; */
    }
  }

  .modListCharacter dl {
    display: flex;
    gap: 6rem;
    /* margin-bottom: 8rem; */
  }

  @media (max-width: 767px) {
    .modListCharacter dl {
      flex-direction: column;
    }
  }

  .modListCharacter dl:not(:last-of-type) {
    margin-bottom: 10rem;
  }

  @media (max-width: 767px) {
    .modListCharacter dl:not(:last-of-type) {
      margin-bottom: 6rem;
      /* margin: 0; */
      gap: 2rem;
    }
  }

  .modListCharacter dl a {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .modListCharacter dt {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1.5;
    color: #FF6368;
  }

  @media (max-width: 767px) {
    .modListCharacter dt {
      gap: 2rem;
    }
  }

  .modListCharacter dd {
    flex: 1;
    display: flex;
    gap: 2rem;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    /* overflow: hidden; */
  }

  @media (max-width: 767px) {
    .modListCharacter dd {
      height: 100%;
    }
  }

  .modListCharacter dd span {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .modListCharacter dd img {
    width: 100%;
    /* border: 1px solid; */
    width: 170% !important;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
  }

  @media (max-width: 767px) {
    .modListCharacter dd img {
      max-height: 40rem;
    }
  }

  .modListCharacter dd span img {
    width: 100%;
    border: 2px solid #eee;
    border-radius: 50%;
  }

  .modListCharacter dd>img:first-of-type {
    width: 100%;
    /* width: auto; */
    flex: 1;
    /* height: auto; */
    object-fit: contain;
  }

  .modListCharacter p {
    color: #333;
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-top: 2rem;
  }

  @media (max-width: 767px) {
    .modListCharacter p {
      font-size: 1.4rem;
      line-height: 2.6rem;
      margin: 0;
    }
  }

  .modListCharacter .face {
    display: flex;
    gap: 2rem;
    width: 100%;
    margin-top: 2rem;
  }

  @media (max-width: 767px) {
    .modListCharacter .face {
      width: 100%;
      /* gap: 1rem; */
      margin: 0;
    }
  }

  .modListCharacter .face img {
    max-width: 100%;
    object-fit: contain;
    max-width: 24rem;
  }

  @media (max-width: 767px) {
    .modListCharacter .face img {
      width: calc(100% / 2 - 1rem);
      object-fit: contain;
      /* gap: 1rem; */
      /* display: flex; */
    }
  }

  /* child story ---------------------- */

  .modListStory .unitTittle {
    display: flex;
    gap: 1rem;
    align-items: center;
    font-weight: bold;
    margin-bottom: 2rem;
    align-items: baseline;
  }

  .modListStory .unitTittle .episode {
    background: url(../img/ico_ticket--white.svg) no-repeat;
    background-size: 11rem 4rem;
    display: flex;
    width: 10rem;
    height: 4.4rem;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    /* color: #fff; */
    color: #FF6368;
    margin-right: 1rem;
  }

  .modListStory .unitText {
    font-size: 1.6rem;
    line-height: 3rem;
  }

  .modListStoryLink {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 4rem;
  }

  .modListStoryLink li {
    background: #FF6368;
    color: #fff;
    font-weight: bold;
    /* margin-bottom: 4rem; */
  }

  .modListStoryLink li a {
    padding: .2rem 1rem;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 3rem;
  }

  .modListStoryLink li a.isActive {
    background: #ffdbda;
  }

  .modListStory .unitTittle h3 {
    font-size: 1.8rem;
  }

  .modListStory .unitText {
    margin-bottom: 4rem;
  }

  #scene-slider-wrap .slick-list {
    height: auto !important;
  }

  #scene-slider-wrap .slick-list div {
    gap: 1rem;
    cursor: pointer;
  }

  @4media (max-width: 767px) {
    #scene-slider-wrap .slick-list div {
      gap: .4rem;
    }
  }

  .slick-prev: before,
  .slick-next:before {
    color: #FF6368 !important;
    display: none;
  }

  #scene-slider,
  #thumbnail_slider {
    background-color: #ffdbda;
    padding: 1rem;
  }

  @4media (max-width: 767px) {

    #scene-slider,
    #thumbnail_slider {
      padding: .4rem;
    }
  }

  #scene-slider,
  #thumbnail_slider div {
    display: flex;
  }

  #thumbnail_slider img {
    margin: 0;
  }

  #scene_slider {
    height: auto;
  }

  .slide-item img {
    width: 100%;
  }

  .thumbnail-item img {
    width: 100%;
    margin: 0 auto;
  }


  .tab-group {
    /* display: flexでタブを横並びにする */
    display: flex;
    justify-content: center;
  }

  .tab {
    flex-grow: 1;
    padding: 1vh;
    list-style: none;
    border: double 4px rgb(58, 57, 57);
    text-align: center;
    cursor: pointer;
  }

  .content-group {
    height: 100px;
    border: solid 1px #CCC;
    background: rgb(180, 180, 180);
  }

  /* デフォルト非表示 */
  .content {
    display: none;
  }

  .tab.active-tab {
    background: #0017FF;
    color: #FFF;
  }

  /* is-showクラスが追加された場合表示 */
  .content.show {
    display: block;
  }

  /* child staff・cast ---------------------- */

  .modStaffCastWrap {}

  .modStaffCast {
    display: flex;
    gap: 4rem;
  }

  @media (max-width: 767px) {
    .modStaffCast {
      flex-direction: column;
    }
  }

  .modStaffCast h3 img {
    height: 4rem;
  }

  @media (max-width: 767px) {
    .modStaffCast h3 img {
      height: 3rem;
    }
  }


  .modStaffCastInner {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .modStaffCast dl {
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    gap: 0.8rem;
    font-size: 1.8rem;
    align-items: center;
  }

  @media (max-width: 767px) {
    .modStaffCast dl {
      /* gap: 1rem; */
      font-size: 1.3rem;
    }
  }

  .modStaffCast dt {
    /* display: flex; */
    color: #505050;
    width: 45%;
    font-weight: normal;
    /* font-size: 1.8rem; */
    gap: 1rem;
    font-size: 1.4rem;
    opacity: .8;
  }

  @media (max-width: 767px) {
    .modStaffCast dt {
      padding-right: 1rem;
    }
  }

  .modStaffCast dd {
    width: 51%;
  }

  .modStaffCast dd a {
    display: flex;
    align-items: center;
  }

  .modStaffCast .comment {
    background: url(../img/ico_comment.svg) no-repeat top;
    background-position: top;
    height: 2.4rem;
    width: 8rem;
    display: flex;
    background-size: 8rem 2.4rem;
    margin-left: 0.6rem;
    margin-top: -0.2rem;
  }

  /* child news ---------------------- */

  .modMainvisual {
    margin: 10px 0 0;
    border-top: 1px #000 solid;
  }

  .theme-black .modMainvisual {
    border-color: #fff;
  }

  .page-top .modListNewsWrap {
    display: flex;
    flex-direction: column;
    gap: 6rem;
    margin-bottom: 10rem;
  }

  .page-top .modListNews a {
    /* max-width: 50vw; */
    /* margin: 0 auto; */
    /* display: flex; */
    gap: 2rem;
    flex-direction: column;
  }

  .page-top .unitIco {
    display: flex;
    gap: 2rem;
    align-items: center;
  }

  .page-top .unitTittle {
    display: flex;
    gap: 2rem;
    /* align-items: center; */
    /* justify-content: center; */
    position: relative;
    z-index: -1;
    flex-direction: column;
    margin-left: 8rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }

  .page-top .uniTtext {
    margin-left: 8rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
    display: flex;
    gap: 4rem;
    /* margin-top: 2rem; */
  }

 .page-top .uniTtext .entry-content{
   flex:1;
 }
 .page-top .uniTtext .unitImage {
   flex: 1;
 }

  .page-top .unitTittle .blue: after {
    background-size: 2rem 2rem;
    background: url(../img/square_0B48A5.svg) no-repeat 0 0;
  }

  @media (max-width: 767px) {
    .page-top .modListNews a {
      flex-direction: column;
    }
  }

  .page-top .modListNews {
    gap: 1rem;
  }

  .modListNews {
    /* margin: 0 auto; */
    display: flex;
    flex-direction: column;
    gap: 4rem;
    /* max-width: 90vw; */
    width: 80rem;
    /* margin: 0 auto; */
    /* justify-content: center; */
    /* align-items: center; */
    /* margin-top: 4rem; */
    width: 100%;
    /* margin-bottom: 10rem; */
  }

  .modListNews li {
    /* display: flex; */
    /* flex-direction: column; */
    /* gap: 4rem; */
  }

  .page-top .modListNews .itemIcon {
    width: 6rem;
    height: 6rem;
    border: 1px solid #ccc;
    border-radius: 50%;
  }

  @media (max-width: 767px) {
    .page-top .modListNews .itemIcon {
      width: 4rem;
      height: 4rem;
    }
  }

  .modLi .theme-black .modListNews li {
    border-color: #fff;
  }

  .modListNews li a {
    /* display: block; */
    /* overflow: hidden; */
    /* padding: 0 0 0 25px; */
    /* line-height: 1; */
    display: flex;
    gap: 4rem;
    /* flex-direction: column; */
  }

  .modListNews li a:hover {
    /* background-color: rgba(0, 0, 0, 0.056); */
    opacity: 0.5;
  }

  .theme-black .modListNews li a:hover {
    background-color: rgba(66, 66, 66, 0.6);
  }

  .modListNews .date time {
    color: #b8b8b8;
    line-height: 1;
    font-family: "Noto Sans Japanese", sans-serif;
    letter-spacing: 0;
  }

  .theme-black .modListNews .date time {
    color: #b4b4b4;
  }

  .modListNews .unitImage {
    /* float: left; */
    /* width: 178px; */
    /* margin: 8px 0 0; */
    /* flex: 1; */
    width: calc(100vw / 3);
    flex: 1;
  }

  .modListNews .unitImage img {
    /* width: 100%; */
    object-fit: contain;
    /* max-width: 100%; */
    width: 100%;
    height: auto;
  }

  .modListNews .unitMeta .name {
    font-weight: bold;
    font-size: 1.6rem;
  }

  @media (max-width: 767px) {
    .modListNews .unitMeta .name {
      font-size: 1.2rem;
      line-height: 1.2rem;
    }
  }

  .modListNews h3 {
    font-weight: bold;
    font-size: 2.4rem;
  }

  @media (max-width: 767px) {
    .modListNews h3 {
      font-size: 1.8rem;
    }
  }

  .modListNews .unitDetail {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    /* margin-left: 8rem; */
  }

  @media (max-width: 767px) {
    .modListNews .unitDetail {
      margin: 0;
    }
  }

  .modListNews .unitDetail p {
    line-height: 3rem;
    display: inline-flex;
    font-size: 1.4rem;
  }

  @media (max-width: 767px) {
    .modListNews .unitDetail p {
      line-height: 2rem;
    }
  }

  .modListNews .unitMeta {
    display: flex;
    /* align-items: center; */
    gap: 0.4rem;
    flex-direction: column;
  }

  .page-top .modListNews .unitText {
    display: flex;
    gap: 4rem;
  }

  .page-top .modListNews .unitText div {
    flex: 1;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #b8b8b8;
  }

  .modListNews .unitText {
    /* overflow: hidden; */
    /* margin: 8px 0 0; */
    padding: 0;
    color: #000;
    /* display: flex; */
    flex: 1;
    gap: 1rem;
    display: flex;
    flex-direction: column;
  }

  .theme-black .modListNews .unitText {
    color: #fff;
  }

  .modListNews .unitText h3 {
    /* max-height: 24px; */
    font-size: 1.8rem;
    color: #FF6368;
    font-size: 2.4em;
  }

  .modListNews .unitText .text {
    max-height: 52px;
    margin: 0.4rem 0 0;
    font-size: 2.4rem;
    line-height: 1.8;
    /* color: #FF6368; */
    /* font-weight: bold; */
    line-height: 3.2rem;
    font-size: 1.4rem;
  }

  .modListNews .unitText p {
    line-height: 3rem;
  }

  .modListNews .unitText .readmore {
    margin: 4px 0 0;
    color: #505050;
    font-size: 1.2rem;
    font-family: "Roboto", sans-serif;
  }

  .theme-black .modListNews .unitText .readmore {
    color: #dcdcdc;
  }

  .modListNews .unitImage+.unitText {
    padding: 0 0 0 16px;
  }

  .page-top .modListNews .title {
    position: relative;
    padding: 0 0 0 42px;
    color: #000;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1;
  }

  .page-top .modListNews .title img {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
  }

  .page-top .modListNews .date {
    /* margin: 6px 0 0; */
    /* padding: 0 0 0 42px; */
    letter-spacing: 0.2rem;
    font-size: 1.2rem;
  }


  .page-top .modListNews .tag {
    background-color: #F9E8F1;
    padding: 0.4rem 1rem;
    font-weight: bod;
    color: #FF5688;
    font-size: 1.2rem;
    font-weight: bold;
  }

  .page-top .modListNews li a {
    flex-direction: column;
    gap: 1rem;
  }


  .page-top .modListNews .unitText h3 {
    /* max-height: 24px; */
    /* margin-top: 1rem; */
    font-weight: bold;
    color: #FF6368;
    font-size: 2.4rem;
    color: #333333;
  }

  .blockPager {
    margin: 60px 0 0;
  }

  .modListPager {
    letter-spacing: -0.4em;
    text-align: center;
  }

  .modListPager>* {
    letter-spacing: normal;
  }

  .modListPager .isHidden {
    visibility: hidden;
  }

  .modListPager li {
    display: inline-block;
    margin: 0 6px;
  }

  .modListPager li a,
  .modListPager li span {
    display: block;
    border: 1px #C52179 solid;
    background: #fff;
    color: #C52179;
    font-size: 1.4rem;
    /* line-height: 22px; */
    font-family: "Noto Sans Japanese", sans-serif;
    text-align: center;
    -webkit-transition: none;
    transition: none;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
  }

  .theme-black .modListPager li a,
  .theme-black .modListPager li span {
    border-color: #fff;
    background: #000;
  }

  .modListPager li a.isActive,
  .modListPager li span.isActive {
    background: #C52179;
    color: #fff;
    opacity: 1;
    /* font-weight: bold; */
  }

  .theme-black .modListPager li a.isActive,
  .theme-black .modListPager li span.isActive {
    background: #fff;
    color: #000;
  }

  .modListPager li a:hover {
    opacity: 0.5;
  }

  .modListPager li.prev,
  .modListPager li.next {
    vertical-align: top;
  }

  .modListPager li.prev a,
  .modListPager li.next a {
    display: block;
    /* width: 112px; */
    border: none;
    display: flex;
    background: none;
  }

  .modListPager li.prev a:before,
  .modListPager li.prev a:after,
  .modListPager li.next a:before,
  .modListPager li.next a:after {
    content: " ";
    display: inline-block;
    width: 6px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 6px 12px;
  }

  .modListPager li.prev {
    margin: 0 34px 0 0;
  }

  .modListPager li.prev a:before {
    margin: 0 6px 0 0;
    background-image: url(../img/ico_arrow_prev_01.png);
  }

  .theme-black .modListPager li.prev a:before {
    background-image: url(../img/ico_arrow_prev_01.png);
  }

  .modListPager li.next {
    margin: 0 0 0 34px;
  }

  .modListPager li.next a:after {
    margin: 0 0 0 6px;
    background-image: url(../img/ico_arrow_next_01.png);
  }

  .theme-black .modListPager li.next a:after {
    background-image: url(../img/ico_arrow_next_01.png);
  }

  /* child story ---------------------- */

  .modListOnair {
    display: flex;
    flex-direction: column;
    /* gap: 4rem; */
    /* margin-top: 4rem; */
    width: 90rem;
  }

  .modListOnair h4 {
    font-weight: bold;
    font-size: 3rem;
    text-align: center;
    margin-bottom: 1rem;

  }

  @media (max-width: 767px) {
    .modListOnair h4 {
      font-size: 1.8rem;
      line-height: 2.8rem;
    }
  }

  .modListOnair p {
    text-align: center;
  }

  .modListOnair dl {
    display: flex;
    gap: 4rem;
    margin-bottom: -2rem;
    opacity: 0.5;
    margin-top: 4rem;
    font-size: 1.3rem;
  }

  .modListOnair dl dt {
    flex: 2;
    padding: 0 2rem;
    font-weight: normal;
  }

  .modListOnair dl dd {
    flex: 2;
    padding: 0 2rem;
    text-align: right;
  }

  .modListOnair table {
    width: 100%;
  }

  .modListOnair table thead tr th {
    font-weight: bold;
    background-color: #ffdbda;
    padding: 0.4rem 2rem;
    margin-bottom: 2rem;
    display: flex;
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
    color: #FF6368;
    background-color: #FF6368;
    color: #fff;
    margin-top: 4rem;
  }

  .modListOnair table tbody tr {
    display: flex;
    gap: 4rem;
    align-items: center;
  }

  @media (max-width: 767px) {
    .modListOnair table tbody tr {
      gap: 2rem;
    }
  }

  .modListOnair table tbody tr th {
    flex: 2;
    margin-left: 2rem;
  }

  .modListOnair table tbody tr:not(:last-of-type) {
    border-bottom: 1px solid #ffdbda;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }

  .modListOnair table tbody tr th a {
    font-weight: bold;
    font-size: 1.4rem;
    color: #FF6368;
  }

  .modListOnair table tbody tr td {
    /* flex: 2; */
    font-size: 1.3rem;
    text-align: right;
    margin-right: 2rem;
  }

  /* main 2nd Article ------------------- */

  .page-top .modArticle {
    /* margin-top: 8rem; */
  }

  .page-top .modArticle h3 {
    color: #333;
  }

  .modArticle {
    /* margin: 8rem auto 8rem; */
    /* width: 80rem; */
    max-width: 90vw;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    width: 100%;
    margin-bottom: 8rem;
  }

  @media (max-width: 767px) {
    .modArticle {
      gap: 2rem;
      margin-bottom: 0;
      margin-top: 6rem;
    }
  }

  .modArticleHeader {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }

  @media (max-width: 767px) {
    .modArticleHeader {
      /* margin-top: 2rem; */
    }
  }

  .modArticle .date {
    /* margin: 54px 0 0; */
    line-height: 1;
    font-family: "Noto Sans Japanese", sans-serif;
    color: #b8b8b8;
    font-size: 1.3rem;
    font-weight: normal;
  }

  .modArticle .date .time {
    color: #b8b8b8 !important;
  }

  .modArticle h3 {
    /* margin: 1rem 0 4rem; */
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 1.3;
    color: #FF6368;
  }

  .modArticle p {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }

  .modArticle .visual {
    /* margin: 4rem 0; */
    width: 100%;
  }

  .modArticle .visual img {
    width: 100%;
  }

  .modArticle #scene-slider-wrap {
    margin-top: 4rem;
  }

  .modWysiwyg {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }

  @media (max-width: 767px) {
    .modWysiwyg {
      font-size: 1.4rem;
      line-height: 2.6rem;
    }

  }

  .modWysiwyg h4 {
    margin: 24px 0 0;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.3;
  }

  .modWysiwyg h5 {
    margin: 24px 0 0;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.3;
  }

  .modWysiwyg p {
    margin: 22px 0 0;
    font-size: 1.6rem;
    line-height: 1.8;
  }

  .modWysiwyg p img {
    max-width: 100%;
    height: auto;
    margin: 5px 0 0;
  }

  .modWysiwyg>img {
    max-width: 100%;
    height: auto;
    margin: 22px 0 0;
  }

  .modWysiwyg>.colum {
    display: flex;
  }

  .modWysiwyg>.colum>img {
    width: 50%;
  }

  .modWysiwyg a {
    /* border-bottom: 1px #000 solid; */
    /* color: #000; */
    /* font-size: 1.4rem; */
    line-height: 1.8;
    font-weight: bold;
    color: #FF6368;
  }

  .modWysiwyg strong {
    font-weight: bold;
  }

  .modWysiwyg p .animeThmb {
    width: 33%;
  }

  .modWysiwyg p img.animeThmb {
    margin: -3px;
  }

  /* main 2nd Onair --------------------- */

  .modOnairWrap {
    width: 100%;
    background-color: #ffdbda;
    margin: 0 auto;
    padding: 3.2rem 6rem;
    /* margin-bottom: 3rem; */
    margin-top: 4rem;
  }

  @media (max-width: 767px) {
    .modOnairWrap {
      padding: 2rem;
      margin-top: 10rem;
      margin-top: 14rem;
    }
  }

  .modOnairWrap h2 {
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    color: #FF6368;
    margin-bottom: 1rem;
  }

  @media (max-width: 767px) {
    .modOnairWrap h2 {
      font-size: 1.2rem;
      margin-bottom: 2rem;
    }
  }

  .modOnair {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }

  @media (max-width: 767px) {
    .modOnair {
      gap: 2rem;
    }
  }

  .modOnair dl {
    gap: 2rem;
    display: flex;
    align-items: center;
  }

  @media (max-width: 767px) {
    .modOnair dl {
      flex-direction: inherit;
      gap: 0.4rem;
    }
  }

  .modOnair dt {
    background: #fff;
    padding: 0.2rem 1rem;
    flex: 1.2;
    font-size: 1.3rem;
    text-align: center;
  }

  @media (max-width: 767px) {
    .modOnair dt {
      font-size: 1rem;
    }
  }

  .modOnair dd {
    font-size: 1.8rem;
    flex: 3;
    font-weight: bold;
    /* display: flex; */
    align-items: center;
  }

  @media (max-width: 767px) {
    .modOnair dd {
      font-size: 1.3rem;
      line-height: 2rem;
    }
  }

  .modOnair dd span {
    color: #FF6368;
  }

  .modOnair p {
    font-size: 1.3rem;
    color: #333;
    text-align: center;
  }

  .modOnair .modBtn {
    border: 2px solid #fff;
    background-color: #FF6368;
    font-weight: bold;
    padding: 1rem 3.2rem;
    border-radius: 3rem;
    font-size: 1.6rem;
    margin-left: 1rem;
    color: #fff;
  }

  @media (max-width: 767px) {
    .modOnair .modBtn {
      display: flex;
      align-items: center;
      margin: 2rem auto 0;
      text-align: center;
      justify-content: center;
    }
  }


  /* child copy --------------------- */

  .modCopy {
    /* width: 72rem; */
    /* max-width: 90%; */
    font-size: 1.6rem;
    line-height: 3.2rem;
    text-align: center;
    margin: 0 auto;
    color: #505050;
    /* margin-bottom: 8rem; */
    font-weight: bold;
    /* margin-top: -7rem; */
    margin-top: 2rem;
  }

  @media (max-width: 767px) {
    .modCopy {
      font-size: 1.4rem;
      line-height: 2.4rem;
      width: 100%;
    }
  }

  .modCopy span {
    color: #fff;
    background-color: #FF6368;
    padding: 0.4rem;
    margin: 0 0.4rem;
    font-weight: bold;
  }

  /* child goods --------------------- */

  .modListGoods {
    margin: 60px 0 0;
  }

  .modListGoods li {
    overflow: hidden;
    margin: 60px 0 0;
  }

  .modListGoods li h3 {
    padding: 0 0 0 410px;
    font-size: 1.8rem;
  }

  .modListGoods li .unitImage {
    float: left;
    width: 370px;
  }

  .modListGoods li .unitImage img {
    width: 100%;
  }

  .modListGoods li .unitText {
    overflow: hidden;
    padding: 0 0 0 40px;
  }

  .modListGoods li .unitText .sub {
    margin: 24px 0 0;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1;
  }

  .modListGoods li .unitText .text {
    margin: 8px 0 0;
    font-size: 1.4rem;
    line-height: 1.8;
  }

  .modListGoods li .unitText dd.link a {
    display: block;
    margin: 24px 0 0;
    padding: 6px 0;
    border: 1px #000 solid;
    color: #000;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1;
    text-align: center;
  }

  .theme-black .modListGoods li .unitText dd.link a {
    border-color: #fff;
    color: #fff;
  }

  /* child staffcast --------------------- */

  .modArticleLayout {
    display: flex;
    flex-direction: column;
  }

  .modArticleLayout h3 {
    font-size: 1.6rem;
    border: 1px solid #FF6368;
    display: inline-flex;
    padding: 0.4rem 1rem;
    margin-bottom: 2rem;
    align-items: baseline;
    color: #FF6368;
    display: flex;
    width: fit-content;
  }

  .modArticleLayout h4 {
    font-size: 3.2rem;
    font-weight: bold;
    color: #FF6368;
    opacity: 1;
  }

  .modArticleLayout .unitHeading {
    /* display: flex; */
    gap: 4rem;
    justify-content: space-between;
  }

  .modArticleLayout .unitTittle {}

  .modArticleLayout .unitImage {
    max-width: 50%;
    /* margin: 0 auto; */
    margin: 3rem auto 0;
  }

  .modArticleLayout .unitImage--row {
    display: flex;
    /* gap: 2rem; */
    margin: 0;
    margin-top: 3rem;
    width: 100%;
    /* justify-content: center; */
    /* flex-wrap: wrap; */
    flex-direction: row;
  }

  .modArticleLayout .unitImage--row img {
    max-width: 50%;
    object-fit: contain;
  }

  .modArticleLayout img {
    width: 100%;
    margin-top: 3rem;
    margin: 0;
  }

  .modArticleLayout .unitImage--row span {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-left: 2rem;
    justify-content: center;
  }

  .modArticleLayout .unitImage--row span img {
    width: 100%;
    object-fit: contain;
    max-width: 100%;
  }

  .modArticleLayout h5 {
    font-size: 1.6rem;
    opacity: 1;
    color: #FF6368;
    /* margin-bottom: 2rem; */
    margin-top: 6rem;
    font-weight: bold;
    line-height: 3rem;
  }

  .modArticleLayout p {
    color: #000;
    line-height: 3.2rem;
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }

  .modArticleLayout p.cn {
    color: #505050;
    margin-bottom: 1rem;
  }


  /* =====================================================
  * page navigation
  * ================================================== */


  .modListNavigation {
    display: flex;
    /* width: 90rem; */
    /* max-width: 90%; */
    justify-content: center;
    /* margin: 0 auto; */
    padding-top: 4rem;
    gap: 4rem;
    line-height: 2.4rem;
    justify-content: space-between;
  }

  @media (max-width: 767px) {
    .modListNavigation {
      /* flex-direction: column; */
      gap: 2rem;
      line-height: 1.8rem;
    }
  }

  .modListNavigation a {
    font-size: 1.6rem;
    color: #FF6368;
    font-weight: bold;
  }

  @media (max-width: 767px) {
    .modListNavigation a {
      font-size: 1.2rem;
    }
  }

  .modListNavigation .prev {
    background: url(../img/btn_prev.svg) no-repeat left top;
    background-size: 6rem 4rem;
    display: flex;
    padding-top: 4rem;
  }

  .modListNavigation .next {
    background: url(../img/btn_next.svg) no-repeat right top;
    background-size: 6rem 4rem;
    display: flex;
    padding-top: 4rem;
  }


  /* =====================================================
  * Module (SP)
  * ================================================== */
  @media (max-width: 767px) {
    body.isFixed {
      overflow: hidden;
    }

    /* header (SP) ----------------------------- */

    header {
      /* border-bottom: 2px #000 solid; */
      padding: 1.2rem;
    }

    .page-anime header>.inner {
      /* height: 76px; */
    }

    header>.inner {
      /* width: 320px; */
      /* height: 60px; */
      /* padding: 0 20px; */
    }

    header>.inner .itemIcon {
      top: 10px;
      left: 20px;
      width: 2.4rem;
      height: 2.4rem;
      height: 2rem;
      width: 2rem;
    }

    header>.inner .title {
      top: 17px;
      left: 70px;
      /* font-size: 1.9rem; */
    }

    header>.inner .title span {
      /* margin: 1px 0 0 2px; */
      font-size: 0.8rem;
    }

    header>.inner .title .itemLogo {
      /* max-width: 151px; */
      /* max-height: 25px; */
      /* margin: 0 4px 0 0; */
      margin: 0;
      height: 2rem;
    }

    header>.inner .spNavButton {
      display: block;
      display: none;
    }

    header>.inner .itemLogoSite,
    header>.inner .official,
    header>.inner .follow {
      /* display: none; */
    }

    .page-anime header .follow {
      display: inline-flex;
      position: relative;
      /* top: 45px; */
      /* left: 50px; */
      /* margin: 0 auto; */
      /* font-size: 12px; */
    }

    .page-anime header .follow: after {
      bottom: -1px;
      background-size: 20px 14px;
    }

    .page-anime header .follow: hover {
      opacity: 1;
    }

    .page-anime header .spNavButton {
      display: none;
    }

    header .spNavButton {
      display: block;
      position: absolute;
      top: 16px;
      right: 15px;
      width: 30px;
      height: 30px;
      -webkit-transition: top 0.2s ease-in-out, left 0.2s ease-in-out;
      transition: top 0.2s ease-in-out, left 0.2s ease-in-out;
    }

    header .spNavButton span {
      display: block;
      position: absolute;
      top: 6px;
      left: 0;
      width: 30px;
      height: 2px;
      background: #000;
      -webkit-transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    }

    header .spNavButton span:nth-child(2) {
      top: 14px;
    }

    header .spNavButton span:nth-child(3) {
      top: 22px;
    }

    header .spNavButton.isActive {
      top: 14px;
      right: 16px;
    }

    header .spNavButton.isActive span {
      top: 16px;
      left: 0;
      width: 32px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    header .spNavButton.isActive span:nth-child(2) {
      opacity: 0;
    }

    header .spNavButton.isActive span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .page-top header>.inner .itemLogoSite {
      display: block;
      top: 82px;
      left: 20px;
      width: 125px;
      height: 24px;
    }

    /* footer (SP) ----------------------------- */

    footer>.inner {
      /* width: 320px; */
      padding: 4rem 2rem 2rem;
      /* background-size: 120rem; */
    }

    footer .cookie {
      text-align: center;
      /* margin-bottom: -2rem; */
      font-size: 4%;
      /* display: block; */
      font-size: 8px;
      /* transform: scale(0.8); */
      /* margin-top: 2rem; */
      line-height: 1.2rem;
      width: 100%;
    }

    /* contents (SP) --------------------------- */

    main>.inner {
      position: relative;
      z-index: 1;
      width: 320px;
      margin: 0 auto;
      padding: 1px 20px 40px;
    }

    /* main top (SP) --------------------------- */

    .wrapContents {
      /* display: block; */
      /* position: relative; */
      /* width: 100%; */
      /* margin: 83px 0 0; */
      /* padding: 0 20px 100px; */
    }

    .wrapContents .contMain {
      /* display: block; */
      /* width: 100%; */
    }

    .wrapContents .contSide {
      display: block;
      width: 100%;
      margin: 90px 0 0;
      padding: 0;
    }

    .wrapContents .contSide h3 {
      margin: 60px 0 0;
      padding: 0 0 8px;
      border-bottom: 1px #000 solid;
      font-size: 2.8rem;
      line-height: 1;
    }

    .wrapContents .contSide h3: first-of-type {
      margin: 0;
    }

    .wrapContents .contSide h3 .sup {
      display: block;
      margin: 6px 0 0;
      color: #8c8c8c;
      font-weight: 300;
      font-size: 1.2rem;
      line-height: 1;
    }

    .spNavMenu {
      display: none;
      position: fixed;
      top: 62px;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 0 20px 40px;
      background: rgba(0, 0, 0, 0.92);
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
    }

    .spNavMenu.isActive {
      display: block;
    }

    .spNavMenu .blockSpSns {
      text-align: center;
    }

    .spNavMenu .follow {
      display: inline-block;
      width: 140px;
      margin: 20px auto 0;
      color: #fff;
      font-weight: 100;
      font-size: 1.4rem;
      line-height: 1;
      text-align: center;
      cursor: pointer;
    }

    .spNavMenu .follow: hover {
      opacity: 1;
    }

    .spNavMenu .follow: after {
      content: " ";
      display: block;
      width: 30px;
      height: 20px;
      margin: 10px auto 0;
      background: url(../img/ico_twFollow_02.png) no-repeat 0 0;
      background-size: 30px 20px;
    }

    .spNavMenu .blockSpWorks {
      margin: 0;
    }

    .spNavMenu .blockSpWorks .blockSide {
      color: #fff;
    }

    .spNavMenu .blockSpWorks .blockSide a {
      color: #fff;
    }

    .spNavMenu .blockSpWorks .blockSide h3,
    .spNavMenu .blockSpWorks .blockSide figure,
    .spNavMenu .blockSpWorks .blockSide img,
    .spNavMenu .blockSpWorks .blockSide .modListLinks,
    .spNavMenu .blockSpWorks .blockSide .modListOthers {
      display: none;
    }

    .modListLinks {
      padding: 0 0 0 48px;
    }

    .modListLinks li {
      margin: 12px 0 0;
      line-height: 1;
    }

    .modListLinks li: before {
      content: "・";
    }

    .modListLinks li a {
      color: #000;
      font-size: 1.4rem;
      line-height: 1;
    }

    .modListOthers li {
      margin: 12px 0 0;
      line-height: 1;
    }

    .modListOthers li: before {
      content: "・";
    }

    .modListOthers li a {
      color: #000;
      font-size: 1.4rem;
      line-height: 1;
    }

    /* main 2nd Common (SP) -------------------- */

    /* contMain (SP)                            */

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

    .modListNav {
      padding: 0 0 8px;
      border-bottom: 1px #000 solid;
      text-align: center;
    }

    .theme-black .modListNav {
      border-color: #fff;
    }

    .modListNav li {
      padding: 0 8px;
    }

    .modListNav li: first-child {
      padding: 0 8px 0 0;
      border: none;
    }

    .modListNav li: last-child {
      padding: 0 0 0 8px;
    }

    .modListNav li a: hover {
      opacity: 1;
    }

    .modListEpisode {
      border-top: 0;
      font-size: 1.3rem;
    }

    .modListEpisode li {
      display: inline-block;
      padding: 0 4px;
    }

    .modListEpisode a {
      width: auto;
    }

    .blockToall {
      margin: 20px 0 0;
    }

    .blockPager+.blockToall {
      margin: 20px 0 0;
    }

    .blockToall a {
      display: block;
      padding: 4px 0;
    }

    .blockToall a: hover {
      opacity: 1;
    }

    /* contFooter (SP)                          */

    .blockFooterSns {
      margin: 20px 0 0;
    }

    .modListSns li {
      margin: 0 15px;
    }

    .modListSns li a: hover {
      opacity: 1;
    }

    .blockFooterBanner {
      /* margin: 35px 0 0; */
    }

    .modListBanner {
      display: flex;
      flex-direction: column;
    }

    .modListBanner li {
      /* display: block; */
      /* margin: 10px 0 0; */
      /* display: flex; */
      width: 100%;
    }

    .modListBanner li: first-child {
      /* margin: 0; */
      /* width: 100%; */
    }

    .modListBanner li a: hover {
      opacity: 1;
    }

    .modListBanner li a img {
      /* max-height: 44%; */
      /* max-width: 44%; */
    }

    .blockPagetop {
      /* margin: 40px auto 0; */
      /* padding: 0 10px 0 0; */
      z-index: 1000 !important;
    }

    .blockPagetop a {
      width: 71px;
      height: 41px;
      background: url(../img/btn_page-top.svg) no-repeat 0 0;
      background-size: 71px 41px;
    }

    .page-top .blockPagetop a {
      background-image: url(../img/btn_page-top.svg);
      margin-left: -2rem;
      margin-top: 2rem;
    }

    .blockPagetop a: hover {
      opacity: 1;
    }

    /* SP NAV                               */

    .blockSpNavFooter {
      display: table;
      width: 100%;
      margin: 90px 0 0;
      table-layout: fixed;
    }

    .blockSpNavFooter .official,
    .blockSpNavFooter .itemLogoSite {
      display: table-cell;
      vertical-align: middle;
    }

    .blockSpNavFooter .official {
      width: 125px;
      height: 24px;
      border: 1px #000 solid;
      color: #000;
      font-weight: bold;
      font-size: 1.1rem;
      line-height: 24px;
      text-align: center;
    }

    .theme-black .blockSpNavFooter .official {
      border-color: #fff;
      color: #fff;
    }

    .blockSpNavFooter .official .itemLogo {
      display: inline-block;
      width: 60px;
      margin: 0 2px 0 0;
      line-height: 1.2;
      text-align: center;
    }

    .blockSpNavFooter .official img {
      display: inline-block;
      max-width: 60px;
      max-height: 14px;
    }

    .blockSpNavFooter .official: hover {
      opacity: 1;
    }

    .blockSpNavFooter .itemLogoSite {
      text-align: right;
    }

    .blockSpNavFooter .itemLogoSite img {
      width: 125px;
      height: 24px;
    }

    .theme-black .blockSpNavFooter .itemLogoSite img {
      border: 1px solid #fff;
    }


    /* main 2nd News (SP) ---------------------- */

    .modMainvisual {
      display: none;
    }

    .modListNewsWrap {
      /* margin-top: 10rem; */
      gap: 4rem !important;
      margin-bottom: 10rem;
    }

    .modListNews {
      /* margin: 40px 0 0; */
      gap: 2rem;
    }

    .modListNews li {
      /* margin: 40px 0 0; */
    }

    .modListNews li a {
      /* overflow: visible; */
      /* padding: 0 0 0 20px; */
      flex-direction: column;
      gap: 2rem;
    }

    .modListNews li a: hover {
      background: transparent;
    }

    .modListNews .date time {
      font-size: 1rem;
    }

    .modListNews .unittittle {
      display: flex;
      gap: 1rem;
      align-items: center;
    }

    .modListNews .unitMeta {
      /* display: flex; */
      /* align-items:center; */
      /* gap: 1rem; */
      gap: 0.6rem;
    }


    .modListNews .unitImage {
      float: none;
      width: 100%;
      /* margin: 12px 0 0; */
    }

    .modListNews .unitText {
      overflow: visible;
      /* margin: 10px 0 0; */
      padding: 0;
      gap: 2rem;
      flex-direction: column;
      gap: 1rem !important;
    }

    .modListNews .unitText h3 {
      /* max-height: 20px; */
      font-size: 1.8rem;
      font-weight: normal;
      line-height: 2.6rem;
      font-weight: bold;
    }

    .modListNews .unitText .text {
      /* max-height: 46px; */
      /* margin: 6px 0 0; */
      line-height: 1.6;
      margin: 0;
      font-weight: normal;
      font-size: 1.4rem;
    }

    .modListNews .unitText .readmore {
      margin: 6px 0 0;
    }

    .page-top .modListNews .title {
      padding: 4px 0 0 44px;
      font-size: 1.4rem;
    }

    .page-top .modListNews h3 {
      color: #333;
    }


    .page-top .modListNews .date {
      font-size: 1.2rem;
      /* margin-bottom: -0.6rem; */
    }


    .page-top .modListNews .tag {
      font-size: 1rem;
    }

    .page-top .modListNews .unitText h3 {
      /* max-height: 24px; */
    }

    .blockPager {
      margin: 60px 0 0;
    }

    .modListPager {
      position: relative;
    }

    .modListPager li {
      margin: 0 10px;
    }

    .modListPager li a,
    .modListPager li span {
      width: 29px;
      height: 29px;
      font-size: 1.4rem;
      line-height: 29px;
      font-family: sans-serif;
    }

    .modListPager li a: hover,
    .modListPager li span:hover {
      background: #fff;
      color: #000;
    }

    .modListPager li a.isActive,
    .modListPager li span.isActive {
      /* background: #000; */
      /* color: #fff; */
    }

    .modListPager li.prev,
    .modListPager li.next {
      position: absolute;
      top: 50%;
      vertical-align: middle;
    }

    .modListPager li.prev a,
    .modListPager li.prev span,
    .modListPager li.next a,
    .modListPager li.next span {
      overflow: hidden;
      width: 18px;
      height: 33px;
      border: none;
      text-indent: 200%;
      white-space: nowrap;
      word-break: keep-all;
      word-wrap: normal;
    }

    .modListPager li.prev {
      left: -10px;
      margin: -16px 0 0;
    }

    .modListPager li.prev a {
      background: url(../img/ico_arrow_prev_01.png) no-repeat 0 0;
      background-size: 10px 20px;
      margin-top: 6px;
    }

    .modListPager li.next {
      right: -10px;
      margin: -16px 0 0;
    }

    .modListPager li.next a {
      background: url(../img/ico_arrow_next_01.png) no-repeat 0 0;
      background-size: 10px 20px;
      margin-top: 6px;
    }

    /* main 2nd Article (SP) ------------------- */

    .modArticle .date {
      /* margin: 40px 0 0; */
      font-size: 1.2rem;
    }

    .modArticle time {
      color: #b8b8b8;
      font-size: 1.3rem;
    }

    .modArticle h3 {
      font-size: 1.8rem;
      line-height: 2.4rem;
      /* margin-bottom: 2rem; */
    }

    .modArticle h3 br {
      display: none;
    }

    .modArticle .visual {
      margin: 6px 0 0;
    }

    .modWysiwyg h4 {
      font-size: 2.4rem;
      line-height: 1.8;
    }

    .modWysiwyg h5 {
      font-size: 1.6rem;
      line-height: 1.8;
    }

    .modWysiwyg p {
      /* margin: 24px 0 0; */
      font-size: 1.6 rem;
      line-height: 2;
    }

    .modWysiwyg p img {
      margin: 6px 0 0;
    }

    .modWysiwyg>img {
      margin: 24px 0 0;
    }

    .modWysiwyg a {
      font-size: 1.6rem;
      line-height: 2;
    }

    .modWysiwyg img {
      max-width: 100% !important;
      height: auto !important;
    }

    .animeThmb {
      width: 250px;
    }

    /* main 2nd Onair (SP) --------------------- */

    .modOnair h3 {
      margin: 26px 0 0;
      font-weight: bold;
      font-size: 1.4rem;
      line-height: 1;
    }

    .modOnair h3: first-child {
      margin: 40px 0 0;
    }

    .modOnair p {
      /* margin: 6px 0 0; */
      font-size: 1.2rem;
      line-height: 1.6;
    }

    /* main 2nd Goods (SP) --------------------- */

    .modListGoods {
      margin: 38px 0 0;
    }

    .modListGoods li {
      overflow: visible;
      margin: 38px 0 0;
      padding: 38px 0 0;
      border-top: 1px #000 solid;
    }

    .modListGoods li: first-child {
      padding: 0;
      border: none;
    }

    .modListGoods li h3 {
      padding: 0;
      font-size: 1.4rem;
    }

    .modListGoods li .unitImage {
      float: none;
      width: 100%;
      margin: 12px 0 0;
    }

    .modListGoods li .unitText {
      overflow: visible;
      padding: 0;
    }

    .modListGoods li .unitText .sub {
      margin: 18px 0 0;
      font-size: 1.2rem;
    }

    .modListGoods li .unitText .text {
      margin: 4px 0 0;
      font-size: 1.2rem;
      line-height: 2;
    }

    .modListGoods li .unitText dd.link a {
      display: block;
      margin: 24px 20px 0;
      padding: 6px 0;
      border: 1px #000 solid;
      color: #000;
      font-weight: bold;
      font-size: 1.2rem;
      line-height: 1;
      text-align: center;
    }
  }

  /* =====================================================
  * Theme (SP)
  * ================================================== */

  .page-anime main {
    /* display: block; */
    /* position: relative; */
    /* max-width: 1180px; */
    /* min-width: 960px; */
    margin: 0 auto;
    /* background-color: #fff; */
    background-repeat: no-repeat;
    background-position: 50% 0;
    /* overflow-x: hidden; */
    padding-top: 0;
  }

  .page-anime main:before {
    /* content: " "; */
    /* display: block; */
    /* position: absolute; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    /* background-color: rgba(255, 255, 255, 0.85); */
  }

  .page-anime.theme-black main {
    background-color: #000;
    color: #fff;
  }

  .page-anime.theme-black main a {
    color: #fff;
  }

  .page-anime.theme-black main:before {
    background-color: rgba(0, 0, 0, 0.85);
  }

  .page-anime.theme-black main .modListEpisode {
    border-color: #fff;
  }

  .page-anime.theme-black main .modListEpisode li {
    border-color: #fff;
  }

  .page-anime.theme-black main .modListEpisode a {
    color: #999;
  }

  .page-anime.theme-black main .modListEpisode a.isActive {
    color: #fff;
  }

  @media (max-width: 767px) {
    .page-anime main {
      /* max-width: 320px; */
      /* min-width: 320px; */
      background-size: 100% auto;
      gap: 0;
    }
  }

  /* =====================================================
  * Webpage page-anime
  * ================================================== */

  .page-anime h3 {
    /* font-size: 3.2rem;
      line-height: 1.3;
      color: #FF6368;
      font-size: 4rem;
      font-weight: bold;
      display: inline-flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0 auto 6rem;
      position: relative; */
  }

  /* =====================================================
  * Loading
  * ================================================== */

  /* Loading背景画面設定　*/
  #splash {
    /*fixedで全面に固定*/
    position: fixed;
    width: 100vw;
    height: 100vh !important;
    z-index: 999;
    background: #fff;
    text-align: center;
    color: #fff;
    top: 0;
  }

  /* Loading画像中央配置　*/
  #splash_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* Loading アイコンの大きさ設定　*/
  #splash_logo img {
    width: 180px;
    max-width: 40vw;
  }

  .ytp-expand-pause-overlay .ytp-pause-overlay {
    display: none;
  }

  /* =====================================================
  * Animation
  * ================================================== */

  .fadein {
    opacity: 0;
    transform: translate(0, 100px);
    transition: all 1s;
  }

  .fadein.active {
    opacity: 1;
    transform: translate(0, 0);
  }


  .btn {
  /* background: #fff; */
  text-align: center;
  color: #fff;
  top: 0;
  /* background: #fff !important; */
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width: 180px;
  max-width: 40vw;
}

.ytp-expand-pause-overlay .ytp-pause-overlay {
  display: none;
}

/* =====================================================
* Animation
* ================================================== */

.fadein {
  opacity: 0;
  transform: translate(0, 100px);
  transition: all 1s;
}

.fadein.active {
  opacity: 1;
  transform: translate(0, 0);
}