@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Lora:wght@500&display=swap";
@charset "utf-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

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

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

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

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

@-webkit-keyframes tenmetsu {
  0% {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
  }

  25% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }

  50% {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
  }

  75% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }

  100% {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
  }
}

@keyframes tenmetsu {
  0% {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
  }

  25% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }

  50% {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
  }

  75% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }

  100% {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
  }
}

@-webkit-keyframes colorChange {
  0% {
    fill: #fff
  }

  50% {
    fill: #aea86c
  }

  100% {
    fill: #fff
  }
}

@keyframes colorChange {
  0% {
    fill: #fff
  }

  50% {
    fill: #aea86c
  }

  100% {
    fill: #fff
  }
}

@-webkit-keyframes bgNavRotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes bgNavRotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes arrowLeftAnime {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  35% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes arrowLeftAnime {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  35% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes arrowRightAnime {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  35% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes arrowRightAnime {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  35% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

.slick-prev:before,
.slick-next:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}

.slick-prev:before {
  content: '←'
}

[dir=rtl] .slick-prev:before {
  content: '→'
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}

.slick-next:before {
  content: '→'
}

[dir=rtl] .slick-next:before {
  content: '←'
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  color: #000
}

.md-layout {
  margin: 0
}

.md-ttl__pages {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .md-ttl__pages[data-pages=news] {
    width: 23.152173913043477%;
    max-width: 213px
  }
}

@media screen and (max-width:768px) {
  .md-ttl__pages[data-pages=news] {
    width: 29.333333333333332vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-ttl__pages[data-pages=movie] {
    width: 27.391304347826086%;
    max-width: 252px
  }
}

@media screen and (max-width:768px) {
  .md-ttl__pages[data-pages=movie] {
    width: 32vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-ttl__pages[data-pages=story] {
    width: 28.26086956521739%;
    max-width: 260px
  }
}

@media screen and (max-width:768px) {
  .md-ttl__pages[data-pages=story] {
    width: 30.4vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-ttl__pages[data-pages=caststaff] {
    width: 78.91304347826087%;
    max-width: 726px
  }
}

@media screen and (max-width:768px) {
  .md-ttl__pages[data-pages=caststaff] {
    width: 76.53333333333333vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-ttl__pages[data-pages=streaming] {
    width: 49.78260869565217%;
    max-width: 458px
  }
}

@media screen and (max-width:768px) {
  .md-ttl__pages[data-pages=streaming] {
    width: 57.86666666666667vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-ttl__pages[data-pages=char] {
    width: 49.130434782608695%;
    max-width: 452px
  }
}

@media screen and (max-width:768px) {
  .md-ttl__pages[data-pages=char] {
    display: none
  }
}

@media print,
screen and (min-width:769px) {
  .md-ttl__pages[data-pages=playbackstory] {
    width: 73.04347826086956%;
    max-width: 672px
  }
}

@media screen and (max-width:768px) {
  .md-ttl__pages[data-pages=playbackstory] {
    width: 78.13333333333333vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-ttl__pages[data-pages=interview] {
    width: 44.891304347826086%;
    max-width: 413px
  }
}

@media screen and (max-width:768px) {
  .md-ttl__pages[data-pages=interview] {
    width: 53.333333333333336vw !important
  }
}

.md-ttl__pages svg,
.md-ttl__pages img {
  width: 100%;
  vertical-align: bottom
}

.md-btn__comment {
  margin: 0 auto;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  cursor: pointer
}

@media print,
screen and (min-width:769px) {
  .md-btn__comment {
    width: 160px
  }
}

.md-btn__comment img {
  width: 100%;
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .md-btn__comment img {
    transition-duration: .3s
  }
}

@media print,
screen and (min-width:769px) {
  .md-btn__comment:hover img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
  }
}

.md-btn__links {
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  background: none;
  border: solid 1px #aea86c;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Cinzel, serif;
  font-weight: 700
}

@media print,
screen and (min-width:769px) {
  .md-btn__links {
    border-radius: 30px;
    font-size: 2.2rem;
    min-width: 424px;
    transition-duration: .4s
  }
}

@media screen and (max-width:768px) {
  .md-btn__links {
    border-radius: 25px;
    min-width: 46.4vw;
    font-size: 4vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-btn__links:hover {
    background: #aea86c
  }
}

@media print,
screen and (min-width:769px) {
  .md-btn__links:hover a {
    color: #fff
  }
}

.md-btn__links a {
  text-align: center;
  display: block;
  color: #aea86c;
  line-height: 1
}

@media print,
screen and (min-width:769px) {
  .md-btn__links a {
    padding-top: .85em;
    padding-bottom: .8em;
    transition-duration: .4s
  }
}

@media screen and (max-width:768px) {
  .md-btn__links a {
    padding-top: .95em;
    padding-bottom: .9em
  }
}

.md-btn__circle {
  margin: 0;
  padding: 0;
  display: block;
  background: none;
  box-sizing: border-box;
  overflow: hidden;
  border: solid 1px #aea86c;
  border-radius: 100%;
  height: auto;
  cursor: pointer;
  aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
  .md-btn__circle {
    width: 60px;
    transition-duration: .3s
  }
}

@media screen and (max-width:768px) {
  .md-btn__circle {
    width: 8vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-btn__circle:hover {
    background: #aea86c
  }
}

@media print,
screen and (min-width:769px) {
  .md-btn__circle:hover a i svg path {
    fill: #fff
  }
}

.md-btn__circle a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.md-btn__circle a i {
  display: block
}

@media print,
screen and (min-width:769px) {
  .md-btn__circle a i {
    width: 26.666666666666668%
  }
}

@media screen and (max-width:768px) {
  .md-btn__circle a i {
    width: 2.133333333333333vw !important
  }
}

.md-btn__circle a i svg {
  vertical-align: middle
}

@media print,
screen and (min-width:769px) {
  .md-btn__circle a i svg path {
    transition-duration: .3s
  }
}

.md-links {
  margin: 0
}

.md-post {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  width: 100%;
  text-align: justify
}

@media print,
screen and (min-width:769px) {
  .md-post {
    max-width: 920px
  }
}

@media screen and (max-width:768px) {
  .md-post {
    padding-left: 8%;
    padding-right: 8%
  }
}

.md-post__eyecatch {
  display: block;
  background: rgba(174, 168, 108, .5);
  border: solid 1px #aea86c
}

@media print,
screen and (min-width:769px) {
  .md-post__eyecatch {
    margin-bottom: 40px
  }
}

@media screen and (max-width:768px) {
  .md-post__eyecatch {
    margin-top: 6.666666666666667vw;
    margin-bottom: 5.333333333333333vw
  }
}

.md-post__eyecatch img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  aspect-ratio: 9.2/5.2;
  object-fit: scale-down
}

.md-post>header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media print,
screen and (min-width:769px) {
  .md-post>header {
    margin-bottom: 40px
  }
}

@media screen and (max-width:768px) {
  .md-post>header {
    margin-bottom: 6.666666666666667vw;
    padding-top: 2.666666666666667vw
  }
}

@media print,
screen and (min-width:769px) {
  .md-post>header .md-list__category {
    margin-right: 15px
  }
}

@media screen and (max-width:768px) {
  .md-post>header .md-list__category {
    margin-right: 4vw
  }
}

.md-post>header time {
  color: #aea86c;
  font-family: Lora, serif;
  font-weight: 500
}

@media print,
screen and (min-width:769px) {
  .md-post>header time {
    font-size: 2.2rem
  }
}

@media screen and (max-width:768px) {
  .md-post>header time {
    font-size: 4.266666666666667vw !important
  }
}

.md-post>header h1 {
  width: 100%;
  letter-spacing: .06em;
  color: #000
}

@media print,
screen and (min-width:769px) {
  .md-post>header h1 {
    padding-top: .3em;
    font-size: 3.1rem;
    line-height: 1.5
  }
}

@media screen and (max-width:768px) {
  .md-post>header h1 {
    padding-top: .25em;
    line-height: 1.6;
    font-size: 4.8vw !important
  }
}

.md-post>main {
  color: #000;
  line-height: 1.9
}

@media print,
screen and (min-width:769px) {
  .md-post>main {
    padding-bottom: 30px;
    font-size: 1.7rem
  }
}

@media screen and (max-width:768px) {
  .md-post>main {
    padding-bottom: 6.666666666666667vw;
    font-size: 4.266666666666667vw !important
  }
}

.md-post>main h1,
.md-post>main h2,
.md-post>main h3 {
  font-weight: 700
}

.md-post>main h1:not(:first-child),
.md-post>main h2:not(:first-child) {
  margin-top: 1.4em
}

.md-post>main h1:not(:last-child),
.md-post>main h2:not(:last-child) {
  margin-bottom: .4em
}

.md-post>main h1 {
  border-bottom: solid 1px #aea86c
}

@media print,
screen and (min-width:769px) {
  .md-post>main h1 {
    font-size: 2.8rem
  }
}

@media screen and (max-width:768px) {
  .md-post>main h1 {
    font-size: 5.866666666666666vw !important
  }
}

.md-post>main h2 {
  padding: .2em .5em;
  color: #fff;
  width: -webkit-fit-content;
  width: fit-content;
  background: #aea86c
}

@media print,
screen and (min-width:769px) {
  .md-post>main h2 {
    font-size: 2.2rem
  }
}

@media screen and (max-width:768px) {
  .md-post>main h2 {
    font-size: 4.8vw !important
  }
}

.md-post>main h3:not(:first-child) {
  margin-top: 1.2em
}

.md-post>main h3:not(:last-child) {
  margin-bottom: .2em
}

.md-post>main h3:before {
  content: "■";
  margin-right: .15em;
  color: #aea86c
}

.md-post>main p:not(:first-child),
.md-post>main ul:not(:first-child),
.md-post>main ol:not(:first-child),
.md-post>main strong:not(:first-child) {
  margin-top: .6em
}

.md-post>main p:not(:last-child),
.md-post>main ul:not(:last-child),
.md-post>main ol:not(:last-child),
.md-post>main strong:not(:last-child) {
  margin-bottom: 1em
}

.md-post>main strong {
  background: linear-gradient(transparent 70%, rgba(174, 168, 108, .4) 70%);
  font-weight: 700
}

.md-post>main ul>li,
.md-post>main ol>li {
  margin-left: 1.5em;
  line-height: 1.5;
  font-weight: 700
}

.md-post>main ul>li:not(:last-child),
.md-post>main ol>li:not(:last-child) {
  margin-bottom: .5em
}

.md-post>main ul {
  list-style-type: disc
}

.md-post>main ol {
  list-style-type: decimal
}

.md-post>main a {
  color: #aea86c;
  text-decoration: underline;
  word-break: break-all
}

.md-post>main img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: auto !important;
  vertical-align: bottom
}

.md-post>main .youtube {
  padding-top: 56.25%;
  position: relative;
  width: 100%
}

@media print,
screen and (min-width:769px) {
  .md-post>main .youtube:not(:first-child) {
    margin-top: 35px
  }
}

@media print,
screen and (min-width:769px) {
  .md-post>main .youtube:not(:last-child) {
    margin-bottom: 40px
  }
}

.md-post>main .youtube iframe {
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  vertical-align: bottom
}

.md-list__news {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .md-list__news {
    max-width: 920px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.md-list__news .separatebdr {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media print,
screen and (min-width:769px) {
  .md-list__news .separatebdr {
    margin-top: 45px;
    margin-bottom: 45px
  }
}

@media screen and (max-width:768px) {
  .md-list__news .separatebdr {
    margin-top: 5.333333333333333vw;
    margin-bottom: 5.333333333333333vw
  }
}

.md-list__news .separatebdr:before,
.md-list__news .separatebdr:after {
  content: "";
  display: block;
  height: auto;
  background: url(../images/_common/deco/deco_star.svg) left top no-repeat;
  background-size: 100% auto;
  aspect-ratio: 8.7314/9.1464
}

@media print,
screen and (min-width:769px) {

  .md-list__news .separatebdr:before,
  .md-list__news .separatebdr:after {
    width: 9px
  }
}

@media screen and (max-width:768px) {

  .md-list__news .separatebdr:before,
  .md-list__news .separatebdr:after {
    width: 2.133333333333333vw !important
  }
}

.md-list__news .separatebdr:before {
  margin-right: 1px;
  -webkit-transform: translateX(-40%);
  transform: translateX(-40%)
}

.md-list__news .separatebdr:after {
  margin-left: 1px;
  -webkit-transform: translateX(40%);
  transform: translateX(40%)
}

.md-list__news .separatebdr i {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  height: 1px;
  background: #aea86c
}

.md-list__news>article {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .md-list__news>article {
    margin-right: 4.347826086956522%;
    width: 30.434782608695656%
  }
}

@media screen and (max-width:768px) {
  .md-list__news>article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media print,
screen and (min-width:769px) {

  .md-list__news>article[data-pcmargin="0"],
  .md-list__news>article:last-child {
    margin-right: 0
  }
}

.md-list__news>article .linkwrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

@media print,
screen and (min-width:769px) {
  .md-list__news>article .linkwrap:hover+.thumb {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
  }
}

.md-list__news>article .thumb {
  position: relative;
  z-index: 1
}

@media print,
screen and (min-width:769px) {
  .md-list__news>article .thumb {
    margin-bottom: 30px;
    transition-duration: .4s
  }
}

@media screen and (max-width:768px) {
  .md-list__news>article .thumb {
    width: 44.91017964071856%
  }
}

.md-list__news>article .thumb picture {
  display: block;
  background: rgba(174, 168, 108, .5);
  border: solid 1px #aea86c
}

.md-list__news>article .thumb picture img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  object-fit: scale-down;
  aspect-ratio: 2.8/2.16
}

.md-list__news>article .txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media screen and (max-width:768px) {
  .md-list__news>article .txt {
    width: 50%
  }
}

@media print,
screen and (min-width:769px) {
  .md-list__news>article .txt--category {
    margin-right: 15px
  }
}

@media screen and (max-width:768px) {
  .md-list__news>article .txt--category {
    margin-right: 2.4vw
  }
}

.md-list__news>article .txt--date {
  color: #aea86c;
  font-family: Lora, serif;
  font-weight: 500
}

@media print,
screen and (min-width:769px) {
  .md-list__news>article .txt--date {
    font-size: 1.7rem
  }
}

@media screen and (max-width:768px) {
  .md-list__news>article .txt--date {
    font-size: 3.2vw !important
  }
}

.md-list__news>article .txt--ttl {
  color: #000;
  line-height: 1.65;
  letter-spacing: .08em;
  width: 100%
}

@media print,
screen and (min-width:769px) {
  .md-list__news>article .txt--ttl {
    font-size: 1.7rem
  }
}

@media screen and (max-width:768px) {
  .md-list__news>article .txt--ttl {
    margin-top: 1.866666666666667vw;
    font-size: 3.2vw !important
  }
}

.md-list__category {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media print,
screen and (min-width:769px) {
  .md-list__category[data-size=post]>li {
    font-size: 2.2rem
  }
}

@media screen and (max-width:768px) {
  .md-list__category[data-size=post]>li {
    font-size: 4.266666666666667vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-list__category[data-size=list]>li {
    font-size: 1.7rem
  }
}

@media screen and (max-width:768px) {
  .md-list__category[data-size=list]>li {
    font-size: 3.2vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-list__category[data-size=list]>li:not(:last-child) {
    margin-right: 1.1em
  }
}

@media screen and (max-width:768px) {
  .md-list__category[data-size=list]>li:not(:last-child) {
    margin-right: 1em
  }
}

.md-list__category>li {
  line-height: 1;
  font-family: Cinzel, serif;
  font-weight: 500
}

@media print,
screen and (min-width:769px) {
  .md-list__category>li {
    width: 5.88em
  }
}

@media screen and (max-width:768px) {
  .md-list__category>li {
    width: 5.4em
  }
}

.md-list__category>li[data-cat=media] {
  background-color: #ff6f9c
}

.md-list__category>li[data-cat=release] {
  background-color: #e63a55
}

.md-list__category>li[data-cat=cast] {
  background-color: #ffa32f
}

.md-list__category>li[data-cat=tieup] {
  background-color: #07ac5b
}

.md-list__category>li[data-cat=event] {
  background-color: #138fa5
}

.md-list__category>li[data-cat=other] {
  background-color: #37aef0
}

.md-list__category>li a {
  display: block;
  color: #fff;
  text-align: center
}

@media print,
screen and (min-width:769px) {
  .md-list__category>li a {
    padding: .3em .15em .2em
  }
}

@media screen and (max-width:768px) {
  .md-list__category>li a {
    padding: .4em .15em .15em
  }
}

.md-movie__shorts,
.md-movie__trailer {
  cursor: pointer
}

@media print,
screen and (min-width:769px) {

  .md-movie__shorts:hover .thumb picture:before,
  .md-movie__trailer:hover .thumb picture:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
}

@media print,
screen and (min-width:769px) {

  .md-movie__shorts:hover .thumb picture img,
  .md-movie__trailer:hover .thumb picture img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(1);
    filter: brightness(1)
  }
}

@media print,
screen and (min-width:769px) {

  .md-movie__shorts:hover .thumb .icon,
  .md-movie__trailer:hover .thumb .icon {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
}

.md-movie__shorts .thumb,
.md-movie__trailer .thumb {
  position: relative
}

.md-movie__shorts .thumb picture,
.md-movie__trailer .thumb picture {
  display: block;
  position: relative;
  z-index: 1
}

.md-movie__shorts .thumb picture img,
.md-movie__trailer .thumb picture img {
  width: 100%;
  vertical-align: bottom;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(.7);
  filter: brightness(.7)
}

@media print,
screen and (min-width:769px) {

  .md-movie__shorts .thumb picture img,
  .md-movie__trailer .thumb picture img {
    transition-duration: .4s
  }
}

.md-movie__shorts .thumb .icon,
.md-movie__trailer .thumb .icon {
  display: block;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3
}

@media print,
screen and (min-width:769px) {

  .md-movie__shorts .thumb .icon,
  .md-movie__trailer .thumb .icon {
    transition-duration: .4s
  }
}

.md-movie__shorts .thumb .icon svg,
.md-movie__trailer .thumb .icon svg {
  vertical-align: middle
}

.md-movie__shorts .ttl,
.md-movie__trailer .ttl {
  margin-top: .8em;
  color: #aea86c;
  font-weight: 700;
  text-align: center;
  line-height: 1.6
}

@media print,
screen and (min-width:769px) {

  .md-movie__shorts .ttl,
  .md-movie__trailer .ttl {
    font-size: 1.4rem
  }
}

@media screen and (max-width:768px) {

  .md-movie__shorts .ttl,
  .md-movie__trailer .ttl {
    font-size: 3.466666666666667vw !important
  }
}

.md-movie__shorts .thumb picture {
  overflow: hidden
}

.md-movie__shorts .thumb picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/movie/dotted.png) left top repeat;
  background-size: 7px auto;
  opacity: .06;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=6)";
  z-index: 2
}

@media print,
screen and (min-width:769px) {
  .md-movie__shorts .thumb picture:before {
    transition-duration: .4s
  }
}

.md-movie__shorts .thumb picture img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  aspect-ratio: 228.6773/425.4844;
  object-fit: cover
}

.md-movie__shorts .thumb .frame {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2
}

.md-movie__shorts .thumb .frame svg {
  vertical-align: bottom
}

.md-movie__shorts .thumb .icon {
  z-index: 3
}

@media print,
screen and (min-width:769px) {
  .md-movie__shorts .thumb .icon {
    width: 37.719298245614034%
  }
}

@media screen and (max-width:768px) {
  .md-movie__shorts .thumb .icon {
    width: 16vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .md-movie__trailer:hover .thumb .icon {
    width: 21.12676056338028%
  }
}

@media print,
screen and (min-width:769px) {
  .md-movie__trailer .thumb .icon {
    width: 18.695652173913043%
  }
}

@media screen and (max-width:768px) {
  .md-movie__trailer .thumb .icon {
    width: 16vw !important
  }
}

a {
  color: #d8d8d8;
  outline: none !important;
  text-decoration: none
}

html {
  font-size: 62.5%
}

body {
  font-family: "ヒラギノ明朝 ProN", Hiragino Mincho ProN, Yu Mincho, YuMincho, Noto Serif JP, serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 400;
  background: #f8f3e2;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

body[data-navopen=true] {
  pointer-events: none;
  height: 100%;
  min-height: 100%
}

@media screen and (max-width:768px) {
  body[data-navopen=true] {
    overflow: hidden
  }
}

::selection {
  background: #aea86c;
  color: #fff
}

@media screen and (max-width:768px) {
  .is-pc {
    display: none !important
  }
}

@media print,
screen and (min-width:769px) {
  .is-sp {
    display: none !important
  }
}

img {
  max-width: 100%
}

svg {
  width: 100% !important;
  height: auto !important
}

.l-header {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 6;
  background: #000041
}

.l-header__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
  .l-header__inner {
    padding-left: 3.125%;
    padding-right: 3.125%;
    height: 62px
  }
}

@media screen and (max-width:768px) {
  .l-header__inner {
    padding-top: 5.066666666666666vw;
    padding-bottom: 5.066666666666666vw;
    padding-left: 4.8%;
    padding-right: 4.8%
  }
}

.l-header__inner .l-navtrigger {
  margin-top: 0;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
  display: block;
  background: none;
  border-style: none;
  cursor: pointer;
  position: relative
}

@media print,
screen and (min-width:769px) {
  .l-header__inner .l-navtrigger {
    width: 40px;
    height: 13px
  }
}

@media screen and (max-width:768px) {
  .l-header__inner .l-navtrigger {
    width: 9.333333333333334vw !important;
    height: 2.133333333333333vw !important
  }
}

.l-header__inner .l-navtrigger .ttl {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-120%, -50%);
  transform: translate(-120%, -50%)
}

@media print,
screen and (min-width:769px) {
  .l-header__inner .l-navtrigger .ttl {
    width: 51px
  }
}

@media screen and (max-width:768px) {
  .l-header__inner .l-navtrigger .ttl {
    width: 11.2vw !important
  }
}

.l-header__inner .l-navtrigger .ttl img {
  width: 100%;
  vertical-align: middle
}

.l-header__inner .l-navtrigger span {
  display: block;
  position: absolute;
  background: #f8f3e2;
  width: 100%
}

@media print,
screen and (min-width:769px) {
  .l-header__inner .l-navtrigger span {
    height: 2px
  }
}

@media screen and (max-width:768px) {
  .l-header__inner .l-navtrigger span {
    height: 1px
  }
}

.l-header__inner .l-navtrigger span.bar1 {
  top: 0;
  left: 0
}

.l-header__inner .l-navtrigger span.bar2 {
  bottom: 0;
  right: 0
}

.l-footer {
  background: #000041;
  position: relative;
  z-index: 3
}

@media print,
screen and (min-width:769px) {
  .l-footer {
    padding-top: 100px;
    padding-bottom: 40px
  }
}

@media screen and (max-width:768px) {
  .l-footer {
    padding-top: 10.666666666666666vw;
    padding-bottom: 6.666666666666667vw
  }
}

.l-footer .footcont {
  position: relative;
  z-index: 3
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

.l-footer .footcont--share {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--share {
    margin-bottom: 80px;
    width: 30.666666666666664%
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--share {
    width: 51.4018691588785%;
    margin-bottom: 10.666666666666666vw
  }
}

.l-footer .footcont--share .l-share {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1
}

.l-footer .footcont--share .l-share__ttl {
  display: block
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--share .l-share__ttl {
    width: 32.608695652173914%
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--share .l-share__ttl {
    width: 32.72727272727273%
  }
}

.l-footer .footcont--share .l-share__ttl svg {
  vertical-align: bottom
}

.l-footer .footcont--share .l-share__ttl svg path {
  fill: #aea86c
}

.l-footer .footcont--share .l-share__links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--share .l-share__links {
    width: 55.434782608695656%
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--share .l-share__links {
    width: 55.45454545454545%
  }
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--share .l-share__links li.tw {
    width: 20.098039215686274%
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--share .l-share__links li.tw {
    width: 19.672131147540984%
  }
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--share .l-share__links li.fb {
    width: 20.098039215686274%
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--share .l-share__links li.fb {
    width: 19.672131147540984%
  }
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--share .l-share__links li.ln {
    width: 20.098039215686274%
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--share .l-share__links li.ln {
    width: 19.672131147540984%
  }
}

.l-footer .footcont--share .l-share__links li a {
  display: block
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--share .l-share__links li a {
    transition-duration: .4s
  }
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--share .l-share__links li a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
  }
}

.l-footer .footcont--share .l-share__links li a svg {
  vertical-align: bottom
}

.l-footer .footcont--bficons {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--bficons {
    margin-bottom: 50px;
    width: 25%
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--bficons {
    margin-bottom: 13.333333333333334vw;
    width: 53.333333333333336vw !important
  }
}

.l-footer .footcont--bficons picture {
  display: block
}

.l-footer .footcont--bficons picture img {
  vertical-align: bottom
}

.l-footer .footcont--bnr {
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--bnr {
    margin-bottom: 64px;
    width: 59.333333333333336%
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--bnr {
    width: 84.8%;
    padding-bottom: 6.4vw
  }
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--bnr li {
    margin-right: 6.179775280898876%;
    width: 46.91011235955056%
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--bnr li {
    margin-right: 3.773584905660377%;
    width: 48.113207547169814%
  }
}

.l-footer .footcont--bnr li:nth-child(2n),
.l-footer .footcont--bnr li:last-child {
  margin-right: 0 !important
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--bnr li:nth-child(n+3) {
    margin-top: 25px
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--bnr li:nth-child(n+3) {
    margin-top: 3.2vw
  }
}

.l-footer .footcont--bnr li a {
  display: block
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--bnr li a {
    transition-duration: .3s
  }
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--bnr li a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
  }
}

.l-footer .footcont--bnr li a img {
  vertical-align: bottom
}

.l-footer .footcont--copyright {
  display: block;
  text-align: center;
  color: #f8f3e2;
  font-family: Helvetica Neue, YakuHanJP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif
}

@media print,
screen and (min-width:769px) {
  .l-footer .footcont--copyright {
    font-size: 1.6rem;
    line-height: 1
  }
}

@media screen and (max-width:768px) {
  .l-footer .footcont--copyright {
    line-height: 1.6;
    font-size: 2.666666666666667vw !important
  }
}

#Wrap {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.topStyle #Main {
  padding-top: 0 !important
}

@media print,
screen and (min-width:769px) {
  #Main {
    padding-top: 120px
  }
}

@media screen and (max-width:768px) {
  #Main {
    padding-top: 10.666666666666666vw
  }
}

.js--movieopen {
  cursor: pointer
}

.separatebdr {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media print,
screen and (min-width:769px) {
  .separatebdr {
    margin-top: 45px;
    margin-bottom: 45px
  }
}

@media screen and (max-width:768px) {
  .separatebdr {
    margin-top: 5.333333333333333vw;
    margin-bottom: 5.333333333333333vw
  }
}

.separatebdr:before,
.separatebdr:after {
  content: "";
  display: block;
  height: auto;
  background: url(../images/_common/deco/deco_star.svg) left top no-repeat;
  background-size: 100% auto;
  aspect-ratio: 8.7314/9.1464
}

@media print,
screen and (min-width:769px) {

  .separatebdr:before,
  .separatebdr:after {
    width: 9px
  }
}

@media screen and (max-width:768px) {

  .separatebdr:before,
  .separatebdr:after {
    width: 2.133333333333333vw !important
  }
}

.separatebdr:before {
  margin-right: 1px;
  -webkit-transform: translateX(-40%);
  transform: translateX(-40%)
}

.separatebdr:after {
  margin-left: 1px;
  -webkit-transform: translateX(40%);
  transform: translateX(40%)
}

.separatebdr i {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  height: 1px;
  background: #aea86c
}

.l-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #000041;
  will-change: filter
}

.l-loader.is__start .loader--canvas,
.l-loader.is__start .loader--icon {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none
}

.l-loader.is__start .loader--canvas {
  transition-duration: 1.4s;
  transition-delay: .8s
}

.l-loader.is__start .loader--icon {
  transition-delay: .5s;
  transition-duration: 1.2s
}

.l-loader.is__start .loader--icon svg {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-animation: tenmetsu .6s infinite linear;
  animation: tenmetsu .6s infinite linear;
  transition-duration: .6s
}

.l-loader.is__start .loader--ttl svg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1s
}

.l-loader.is__hidden {
  pointer-events: none;
  opacity: 0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1.8s
}

.l-loader .loader {
  position: relative;
  width: 100%;
  height: 100%
}

.l-loader .loader--canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4;
  border-radius: 100%
}

@media print,
screen and (min-width:769px) {
  .l-loader .loader--canvas {
    width: 300px;
    height: 300px
  }
}

@media screen and (max-width:768px) {
  .l-loader .loader--canvas {
    width: 56vw !important;
    height: 56vw !important
  }
}

.l-loader .loader--canvas__inner {
  position: relative;
  width: 100%;
  height: 100%
}

.l-loader .loader--canvas__inner:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 60%;
  height: 60%;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #000041;
  z-index: 2
}

.l-loader .loader--canvas__inner canvas {
  position: relative;
  display: block;
  border-radius: 100%;
  vertical-align: bottom;
  z-index: 1
}

.l-loader .loader--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media print,
screen and (min-width:769px) {
  .l-loader .loader--icon {
    width: 165px
  }
}

@media screen and (max-width:768px) {
  .l-loader .loader--icon {
    width: 25.6vw
  }
}

.l-loader .loader--icon svg {
  vertical-align: bottom
}

.l-loader .loader--icon svg path {
  fill: #fff
}

.l-loader .loader--ttl {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media print,
screen and (min-width:769px) {
  .l-loader .loader--ttl {
    padding-bottom: 40px;
    width: 22.22222222222222%;
    max-width: 320px
  }
}

@media screen and (max-width:768px) {
  .l-loader .loader--ttl {
    width: 52.53333333333333%;
    padding-bottom: 5.866666666666666vw
  }
}

.l-loader .loader--ttl svg path {
  fill: #fff
}

.l-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none
}

.l-modal[data-status=show] {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: auto;
  transition-duration: .6s
}

.l-modal[data-status=show] .js--modalclose,
.l-modal[data-status=show] .player,
.l-modal[data-status=show] .shorts,
.l-modal[data-status=show] .comment {
  pointer-events: auto
}

.l-modal[data-status=show] .js--modalclose {
  cursor: pointer
}

.l-modal#js-shortsmodal[data-status=show] {
  overflow: auto
}

.l-modal#js-commentmodal .l-modal__inner .bg {
  background: #f8f3e2
}

.l-modal#js-commentmodal .l-modal__inner .closebtn svg path {
  fill: #000041
}

.l-modal#js-commentmodal .l-modal__inner .cont--inner {
  width: 100%
}

@media screen and (max-width:1200px) {
  .l-modal#js-commentmodal .l-modal__inner .cont--inner {
    width: 90%
  }
}

@media screen and (max-width:768px) {
  .l-modal#js-commentmodal .l-modal__inner .cont--inner {
    width: 100%
  }
}

.l-modal#js-commentmodal .l-modal__inner .cont .comment--slider .slick-dots>li {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #aea86c;
  transition-duration: .3s
}

.l-modal#js-commentmodal .l-modal__inner .cont .comment--slider .slick-dots>li.slick-current,
.l-modal#js-commentmodal .l-modal__inner .cont .comment--slider .slick-dots>li.slick-active {
  background: #000041
}

.l-modal#js-commentmodal .l-modal__inner .cont .comment--slider .slick-dots>li button {
  display: none
}

.l-modal#js-commentmodal .l-modal__inner .cont .comment--slider .cmtimg picture {
  display: block
}

.l-modal#js-commentmodal .l-modal__inner .cont .comment--slider .cmtimg picture img {
  width: 100%;
  vertical-align: bottom
}

.l-modal__inner {
  pointer-events: none;
  position: relative;
  width: 100%;
  height: 100%
}

.l-modal__inner .bg {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 120%;
  height: 120%;
  background: #000041;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.l-modal__inner .closebtn {
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  box-sizing: border-box;
  position: fixed;
  display: block;
  z-index: 3
}

@media print,
screen and (min-width:769px) {
  .l-modal__inner .closebtn {
    top: 40px;
    right: 3.333333333333333%;
    width: 3.333333333333333%;
    max-width: 40px
  }
}

@media screen and (max-width:768px) {
  .l-modal__inner .closebtn {
    top: 4.6vw;
    right: 5.866666666666666%;
    padding: 3vw;
    width: 16vw !important
  }
}

@media screen and (max-width:480px) {
  .l-modal__inner .closebtn {
    width: 13.333333333333334vw !important
  }
}

.l-modal__inner .closebtn svg path {
  fill: #fff
}

.l-modal__inner .cont {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2
}

.l-modal__inner .cont--inner {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .l-modal__inner .cont--inner {
    width: 79.16666666666666%;
    max-width: 1140px
  }
}

@media screen and (max-width:1200px) {
  .l-modal__inner .cont--inner {
    width: 83.33333333333334%;
    max-width: 1000px
  }
}

@media screen and (max-width:768px) {
  .l-modal__inner .cont--inner {
    width: 100%
  }
}

.l-modal__inner .cont--inner .player {
  padding-top: 56.25%;
  position: relative;
  width: 100%
}

.l-modal__inner .cont--inner .player iframe {
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  vertical-align: bottom
}

.l-modal__inner .cont--inner .shorts {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .l-modal__inner .cont--inner .shorts {
    width: 36.54970760233918%
  }
}

@media screen and (max-width:768px) {
  .l-modal__inner .cont--inner .shorts {
    padding-top: 8vw;
    padding-bottom: 8vw;
    width: 77.33333333333333vw !important
  }
}

.l-modal__inner .cont--inner .shorts iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 4.85/8.62
}

.l-gnav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none
}

.l-gnav[data-status=show] {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  overflow: scroll;
  transition-duration: 1s;
  pointer-events: auto
}

.l-gnav__inner {
  position: relative;
  width: 100%;
  height: 100%
}

.l-gnav__inner .bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .bg {
    background: #000041 url(../images/_common/nav/bg_nav_pc.png) left top no-repeat;
    background-size: cover
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .bg {
    background: #000041 url(../images/_common/nav/bg_nav_sp.png) left top no-repeat;
    background-size: cover
  }
}

.l-gnav__inner .bg--inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.l-gnav__inner .closebtn {
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  cursor: pointer;
  position: fixed;
  z-index: 3
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .closebtn {
    top: 24px;
    right: 3.125%;
    width: 40px;
    max-width: 40px
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .closebtn {
    top: 5.3vw;
    right: 5.333333333333334%;
    width: 7.466666666666667vw !important
  }
}

.l-gnav__inner .closebtn svg {
  vertical-align: bottom
}

.l-gnav__inner .cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner {
    padding-top: 5.241090146750524%;
    padding-bottom: 38px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner {
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 9.333333333333334vw;
    padding-bottom: 9.333333333333334vw
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .logo {
    margin-bottom: 8vh;
    margin-left: 5.416666666666667%;
    width: 22.166666666666668%
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .logo {
    width: 46.34920634920635%;
    margin-bottom: 8vw
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav {
    margin-left: auto;
    margin-right: 6.25%;
    width: 62.33333333333333%
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav {
    padding-bottom: 13.333333333333334vw
  }
}

.l-gnav__inner .cont--inner .gnav ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul {
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.l-gnav__inner .cont--inner .gnav ul li {
  line-height: 1;
  font-family: Lora, serif;
  font-weight: 500
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li {
    width: 50%
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li {
    font-size: 5.333333333333333vw !important
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li:not(:last-child) {
    margin-bottom: 6.4vw
  }
}

@media screen and (max-width:768px) {

  .l-gnav__inner .cont--inner .gnav ul li[data-nav=top],
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=story],
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=char],
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=playbackstory] {
    margin-bottom: 5.333333333333333vw
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=top] {
    margin-bottom: 10px
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=top] {
    -ms-flex-order: 1;
    order: 1;
    width: 9.333333333333334vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=top] a {
    width: 15.240641711229946%
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=story] {
    -webkit-transform: translateY(-37%);
    transform: translateY(-37%)
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=story] {
    -ms-flex-order: 3;
    order: 3;
    width: 57.333333333333336vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=story] a {
    width: 54.81283422459893%
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=playbackstory] {
    -ms-flex-order: 7;
    order: 7;
    width: 40.266666666666666vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=playbackstory] a {
    width: 64.43850267379679%
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=char] {
    padding-top: 10px
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=char] {
    -ms-flex-order: 4;
    order: 4;
    width: 67.2vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=char] a {
    width: 65.24064171122996%
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=staffcast] {
    margin-bottom: 40px
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=staffcast] {
    -ms-flex-order: 5;
    order: 5;
    width: 57.6vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=staffcast] a {
    width: 53.20855614973262%
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=news] {
    margin-bottom: 10px;
    -webkit-transform: translateY(-140%);
    transform: translateY(-140%)
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=news] {
    -ms-flex-order: 2;
    order: 2;
    width: 13.866666666666667vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=news] a {
    width: 22.192513368983956%
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=movie] {
    margin-bottom: 42px
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=movie] {
    -ms-flex-order: 6;
    order: 6;
    width: 16vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=movie] a {
    width: 25.668449197860966%
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=theater] {
    -ms-flex-order: 8;
    order: 8;
    width: 20.266666666666666vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=theater] a {
    width: 32.35294117647059%
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=streaming] {
    padding-top: 40px
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=streaming] {
    -ms-flex-order: 9;
    order: 9;
    width: 27.2vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=streaming] a {
    width: 44.11764705882353%
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=interview] {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=interview] {
    -ms-flex-order: 10;
    order: 10;
    width: 24.8vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li[data-nav=interview] a {
    width: 40.37433155080214%
  }
}

.l-gnav__inner .cont--inner .gnav ul li a {
  display: block;
  line-height: 1;
  color: #fff
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li a:hover img {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
  }
}

.l-gnav__inner .cont--inner .gnav ul li a picture {
  display: block
}

.l-gnav__inner .cont--inner .gnav ul li a picture img {
  width: 100%;
  vertical-align: middle
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .gnav ul li a picture img {
    transition-duration: .3s
  }
}

.l-gnav__inner .cont--inner .share {
  line-height: 1
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .share {
    margin-top: 8vw;
    margin-left: auto;
    width: 67.5%
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .share {
    box-sizing: border-box;
    padding-bottom: 4.8vw
  }
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .share .l-share {
    margin-left: auto;
    width: 55.55555555555556%
  }
}

.l-gnav__inner .cont--inner .share .l-share__ttl {
  display: none
}

.l-gnav__inner .cont--inner .share .l-share__links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .share .l-share__links>li.tw {
    margin-right: 3.777777777777778%;
    width: 7.555555555555555%
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .share .l-share__links>li.tw {
    margin-right: 3.2vw;
    width: 6.133333333333333vw !important
  }
}

.l-gnav__inner .cont--inner .share .l-share__links>li.tw a svg path {
  fill: #fff
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .share .l-share__links>li.fb {
    margin-right: 4.444444444444445%;
    width: 7.777777777777778%
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .share .l-share__links>li.fb {
    margin-right: 3.466666666666667vw;
    width: 6.4vw !important
  }
}

.l-gnav__inner .cont--inner .share .l-share__links>li.fb a svg path:first-child {
  fill: #fff
}

.l-gnav__inner .cont--inner .share .l-share__links>li.fb a svg path:last-child {
  fill: #000041
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .share .l-share__links>li.ln {
    width: 7.777777777777778%
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .share .l-share__links>li.ln {
    width: 6.4vw !important
  }
}

.l-gnav__inner .cont--inner .share .l-share__links>li.ln a svg path {
  fill: #000041
}

.l-gnav__inner .cont--inner .share .l-share__links>li.ln a svg path:first-child,
.l-gnav__inner .cont--inner .share .l-share__links>li.ln a svg path:nth-child(3),
.l-gnav__inner .cont--inner .share .l-share__links>li.ln a svg path:nth-child(4),
.l-gnav__inner .cont--inner .share .l-share__links>li.ln a svg path:nth-child(5),
.l-gnav__inner .cont--inner .share .l-share__links>li.ln a svg path:nth-child(6) {
  fill: #fff
}

.l-gnav__inner .cont--inner .share .l-share__links>li a {
  display: block
}

.l-gnav__inner .cont--inner .share .l-share__links>li a svg {
  vertical-align: middle
}

.l-gnav__inner .cont--inner .share .enttl {
  display: block
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .share .enttl {
    margin-top: 22px;
    margin-left: auto;
    width: 55.55555555555556%
  }
}

@media screen and (max-width:768px) {
  .l-gnav__inner .cont--inner .share .enttl {
    margin-top: 4.8vw;
    width: 48vw !important
  }
}

.l-gnav__inner .cont--inner .share .enttl small {
  display: block
}

@media print,
screen and (min-width:769px) {
  .l-gnav__inner .cont--inner .share .enttl small {
    width: 58.22222222222222%
  }
}

.l-gnav__inner .cont--inner .share .enttl small svg {
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .topStyle .l-snslinks {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none
  }
}

@media print,
screen and (min-width:769px) {
  .topStyle .l-snslinks ul li a {
    pointer-events: none
  }
}

@media print,
screen and (min-width:769px) {
  .topStyle .l-snslinks.is__show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

@media print,
screen and (min-width:769px) {
  .topStyle .l-snslinks.is__show ul li a {
    pointer-events: auto
  }
}

.l-snslinks {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  box-sizing: border-box;
  height: 0;
  transition-duration: .8s
}

@media print,
screen and (min-width:769px) {
  .l-snslinks {
    padding-right: 35px
  }
}

@media screen and (max-width:768px) {
  .l-snslinks {
    padding-right: 3.2%
  }
}

.l-snslinks ul {
  position: relative;
  margin-left: auto;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

@media print,
screen and (min-width:769px) {
  .l-snslinks ul {
    padding-bottom: 30px;
    max-width: 52px;
    width: 3.611111111111111%
  }
}

@media screen and (max-width:768px) {
  .l-snslinks ul {
    padding-bottom: 4.2vw;
    width: 9.066666666666666%
  }
}

.l-snslinks ul:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 50%;
  height: auto;
  -webkit-transform: translate(-50%, -118%);
  transform: translate(-50%, -118%);
  background: url(../images/_common/sns/ttl_sns.svg) center top no-repeat;
  background-size: 100% auto;
  aspect-ratio: 16.9227/73.1855
}

@media print,
screen and (min-width:769px) {
  .l-snslinks ul li:not(:last-child) {
    margin-bottom: 12px
  }
}

@media screen and (max-width:768px) {
  .l-snslinks ul li:not(:last-child) {
    margin-bottom: 2.4vw
  }
}

.l-snslinks ul li a {
  display: block
}

@media print,
screen and (min-width:769px) {
  .l-snslinks ul li a {
    transition-duration: .3s
  }
}

@media print,
screen and (min-width:769px) {
  .l-snslinks ul li a:hover {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
  }
}

.l-snslinks ul li a img {
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .l-topbanner {
    padding-bottom: 85px
  }
}

@media screen and (max-width:768px) {
  .l-topbanner {
    padding-bottom: 9.333333333333334vw
  }
}

.l-topbanner ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

@media print,
screen and (min-width:769px) {
  .l-topbanner ul {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

@media print,
screen and (min-width:769px) {
  .l-topbanner ul li {
    width: 30%
  }
}

@media screen and (max-width:768px) {
  .l-topbanner ul li {
    width: 58.666666666666664%
  }
}

@media print,
screen and (min-width:769px) {
  .l-topbanner ul li:not(:last-child) {
    margin-right: 20px
  }
}

@media screen and (max-width:768px) {
  .l-topbanner ul li:not(:last-child) {
    margin-bottom: 2.666666666666667vw
  }
}

.l-topbanner ul li a {
  display: block
}

.l-topbanner ul li a picture {
  display: block
}

@media print,
screen and (min-width:769px) {
  .l-topbanner ul li a picture {
    transition-duration: .4s
  }
}

.l-topbanner ul li a picture img {
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .l-topbanner ul li a:hover picture {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
  }
}

.l-fv {
  position: relative;
  z-index: 2
}

@media print,
screen and (min-width:769px) {
  .l-fv {
    background: #000
  }
}

.l-fv.is__loaded .l-fv__inner .fv--v picture img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
  transform: scale(1)
}

.l-fv.is__loaded .l-fv__inner .fv--v picture {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.l-fv.is__loaded .l-fv__inner .fv--v picture#fvimg2 {
  transition-delay: 1s;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.l-fv.is__loaded .l-fv__inner .fv--v picture#fvimg3 {
  transition-delay: 2s
}

.l-fv.is__loaded .l-fv__inner .fv--v picture#fvimg4 {
  transition-delay: 2.5s;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.l-fv__inner .fv {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .l-fv__inner .fv {
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: fit-content
  }
}

.l-fv__inner .fv--logo {
  position: absolute;
  line-height: 1;
  transition-duration: 1s;
  z-index: 4
}

@media print,
screen and (min-width:769px) {
  .l-fv__inner .fv--logo {
    left: 3.916666666666667%;
    bottom: 22.172949002217297%;
    width: 31.5%
  }
}

@media screen and (max-width:768px) {
  .l-fv__inner .fv--logo {
    left: 6.4%;
    bottom: 3.598484848484849%;
    width: 40%
  }
}

.l-fv__inner .fv--logo.is__loaded picture {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.l-fv__inner .fv--logo picture {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1.2s;
  transition-delay: 2s;
  pointer-events: none
}

.l-fv__inner .fv--logo picture img {
  width: 100%;
  vertical-align: bottom
}

.l-fv__inner .fv--v {
  position: relative;
  z-index: 1;
  pointer-events: none;
  overflow: hidden
}

@media screen and (max-width:768px) {
  .l-fv__inner .fv--v {
    width: 100%
  }
}

.l-fv__inner .fv--v picture {
  display: block
}

.l-fv__inner .fv--v picture#fvimg2,
.l-fv__inner .fv--v picture#fvimg3,
.l-fv__inner .fv--v picture#fvimg4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.l-fv__inner .fv--v picture#fvimg2.is__show,
.l-fv__inner .fv--v picture#fvimg3.is__show,
.l-fv__inner .fv--v picture#fvimg4.is__show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.l-fv__inner .fv--v picture#fvimg1 {
  position: relative;
  z-index: 1
}

.l-fv__inner .fv--v picture#fvimg2 {
  z-index: 2;
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
  transition-timing-function: cubic-bezier(.785, .135, .15, .86);
  transition-duration: 1.4s
}

.l-fv__inner .fv--v picture#fvimg3 {
  z-index: 3;
  transition-duration: 2s
}

.l-fv__inner .fv--v picture#fvimg4 {
  z-index: 4;
  -webkit-transform: translateY(-8%);
  transform: translateY(-8%);
  transition-timing-function: cubic-bezier(.785, .135, .15, .86);
  transition-duration: 2.5s
}

.l-fv__inner .fv--v picture img {
  vertical-align: bottom
}

.common-settings#Intro {
  position: relative;
  background: #f8f3e2;
  z-index: 3
}

@media print,
screen and (min-width:769px) {
  .common-settings#Intro {
    padding-top: 60px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Intro {
    padding-top: 11.2vw;
    padding-bottom: 5.333333333333333vw
  }
}

.common-settings#Intro .intro--main {
  margin-left: auto;
  margin-right: auto;
  position: relative
}

@media print,
screen and (min-width:769px) {
  .common-settings#Intro .intro--main {
    max-width: 1000px;
    padding-bottom: 80px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Intro .intro--main {
    padding-bottom: 11.733333333333333vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Intro .intro--main:before {
    content: "";
    position: absolute;
    display: block;
    height: auto;
    pointer-events: none;
    aspect-ratio: 1/1;
    background: url(../images/_common/deco/deco_kira_fill_001.svg) left top no-repeat;
    background-size: 100% auto;
    left: 0;
    bottom: 0;
    width: 4.8%;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%)
  }
}

@media screen and (max-width:1200px) {
  .common-settings#Intro .intro--main:before {
    -webkit-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%)
  }
}

.common-settings#Intro .intro--main__catch,
.common-settings#Intro .intro--main__roadshow {
  margin-left: auto;
  margin-right: auto
}

.common-settings#Intro .intro--main__catch svg,
.common-settings#Intro .intro--main__roadshow svg {
  vertical-align: bottom
}

.common-settings#Intro .intro--main__catch svg path,
.common-settings#Intro .intro--main__roadshow svg path {
  fill: #aea86c
}

@media print,
screen and (min-width:769px) {
  .common-settings#Intro .intro--main__roadshow {
    width: 66.2%;
    max-width: 662px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Intro .intro--main__roadshow {
    transition-delay: .3s;
    width: 84%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Intro .intro--widget {
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Intro .intro--widget {
    padding-left: 8%;
    padding-right: 8%;
    margin-bottom: 5.333333333333333vw
  }
}

.common-settings#Intro .intro--widget>div {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: fit-content
}

@media screen and (max-width:768px) {
  .common-settings#Intro .intro--widget>div:not(:last-child) {
    margin-bottom: 8vw
  }
}

.common-settings#Intro .intro--widget>div iframe {
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom
}

.common-settings#Intro .intro--footer {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#Intro .intro--footer {
    max-width: 1000px
  }
}

.common-settings#Intro .intro--footer__bdr {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#Intro .intro--footer__bdr {
    width: 84%;
    max-width: 840px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Intro .intro--footer__bdr {
    width: 77.86666666666666%
  }
}

.common-settings#Intro .intro--footer__bdr svg {
  vertical-align: bottom
}

.common-settings#Intro .intro--footer__bdr svg path {
  fill: #aea86c
}

.topStyle .common-settings#Movie {
  position: relative;
  background: #f8f3e2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: .8s;
  z-index: 3
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#Movie {
    padding-top: 60px
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#Movie {
    padding-top: 8vw
  }
}

.topStyle .common-settings#Movie.is__scrolled {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#Movie .movie {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

.topStyle .common-settings#Movie .movie--main {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#Movie .movie--main {
    width: 66.66666666666666%
  }
}

.topStyle .common-settings#News {
  position: relative;
  z-index: 3;
  background: #f8f3e2
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#News {
    padding-top: 110px;
    padding-bottom: 60px;
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#News {
    padding-top: 10.666666666666666vw;
    padding-bottom: 10.666666666666666vw
  }
}

.topStyle .common-settings#News.is__scrolled .inner-section {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.topStyle .common-settings#News .inner-section {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1.2s
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#News .inner-section {
    max-width: 944px
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#News .inner-section {
    width: 89.06666666666668%
  }
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#News .inner-section:after {
    right: 0;
    bottom: 0;
    width: 11.758474576271187%;
    -webkit-transform: translate(12%, 10%);
    transform: translate(12%, 10%);
    content: "";
    position: absolute;
    display: block;
    height: auto;
    pointer-events: none;
    aspect-ratio: 1/1;
    background: url(../images/_common/deco/deco_kira_stroke_001.svg) left top no-repeat;
    background-size: 100% auto
  }
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#News .inner-section .news {
    padding-bottom: 100px
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#News .inner-section .news {
    padding-bottom: 13.333333333333334vw
  }
}

.topStyle .common-settings#News .inner-section .news--header {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#News .inner-section .news--header {
    margin-bottom: 75px
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#News .inner-section .news--header {
    margin-bottom: 10.666666666666666vw
  }
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#News .inner-section .news--header:before {
    right: 0;
    bottom: 0;
    width: 8.898305084745763%;
    -webkit-transform: translate(100%, 10%);
    transform: translate(100%, 10%);
    content: "";
    position: absolute;
    display: block;
    height: auto;
    pointer-events: none;
    aspect-ratio: 1/1;
    background: url(../images/_common/deco/deco_kira_stroke_001.svg) left top no-repeat;
    background-size: 100% auto
  }
}

@media screen and (max-width:1200px) {
  .topStyle .common-settings#News .inner-section .news--header:before {
    -webkit-transform: translate(20%, 10%);
    transform: translate(20%, 10%)
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#News .inner-section .news--header:before {
    top: 0;
    left: 11.077844311377245%;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    width: 6.133333333333333vw !important;
    content: "";
    position: absolute;
    display: block;
    height: auto;
    pointer-events: none;
    aspect-ratio: 1/1;
    background: url(../images/_common/deco/deco_kira_fill_001.svg) left top no-repeat;
    background-size: 100% auto
  }
}

.topStyle .common-settings#News .inner-section .news--header__ttl {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#News .inner-section .news--header__ttl {
    width: 15.04237288135593%
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#News .inner-section .news--header__ttl {
    width: 22.674418604651162%
  }
}

.topStyle .common-settings#News .inner-section .news--header__ttl svg {
  vertical-align: bottom
}

.topStyle .common-settings#News .inner-section .news--lineup .separatebdr:last-child {
  display: none
}

.topStyle .common-settings#News .inner-section .news--footer {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#News .inner-section .news--footer {
    margin-top: 120px
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#News .inner-section .news--footer {
    margin-top: 17.333333333333332vw
  }
}

.topStyle .common-settings#News .inner-section .news--footer:before {
  bottom: 0;
  z-index: 3;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
  aspect-ratio: 1/1;
  background: url(../images/_common/deco/deco_kira_fill_001.svg) left top no-repeat;
  background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#News .inner-section .news--footer:before {
    left: 2.11864406779661%;
    width: 5.084745762711865%;
    -webkit-transform: translateY(80%);
    transform: translateY(80%)
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#News .inner-section .news--footer:before {
    left: 5.523255813953488%;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 6.133333333333333vw !important
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#News .inner-section .news--footer:after {
    top: 0;
    right: 2.616279069767442%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    content: "";
    position: absolute;
    display: block;
    height: auto;
    pointer-events: none;
    aspect-ratio: 1/1;
    background: url(../images/_common/deco/deco_kira_stroke_001.svg) left top no-repeat;
    background-size: 100% auto;
    width: 13.6vw !important
  }
}

.topStyle .common-settings#News .inner-section .news--footer .md-btn__links {
  margin-left: auto;
  margin-right: auto
}

.topStyle .common-settings#News .inner-section .newsfootwave {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  -webkit-transform: translateY(100%) rotate(180deg);
  transform: translateY(100%) rotate(180deg)
}

@media print,
screen and (min-width:769px) {
  .topStyle .common-settings#News .inner-section .newsfootwave {
    height: 165px
  }
}

@media screen and (max-width:768px) {
  .topStyle .common-settings#News .inner-section .newsfootwave {
    z-index: 2;
    pointer-events: none;
    height: 37.333333333333336vw !important
  }
}

.common-settings#StaffCast {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .common-settings#StaffCast {
    padding-top: 200px;
    padding-bottom: 220px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

@media screen and (max-width:768px) {
  .common-settings#StaffCast {
    overflow: hidden;
    padding-top: 53.333333333333336vw;
    padding-bottom: 29.333333333333332vw
  }
}

.common-settings#StaffCast:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/staffcast/bg_staffcast.png) center center no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: 1
}

@media screen and (max-width:768px) {
  .common-settings#StaffCast:before {
    height: 100lvh
  }
}

.common-settings#StaffCast.is__scrolled .decomaterial--inner {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#StaffCast .staffcast {
  position: relative;
  z-index: 2
}

@media screen and (max-width:768px) {
  .common-settings#StaffCast .staffcast--header {
    margin-bottom: 8.533333333333333vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#StaffCast .staffcast--main {
    margin-bottom: 80px;
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width:768px) {
  .common-settings#StaffCast .staffcast--main {
    margin-bottom: 12.8vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#StaffCast .staffcast--main__block {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

.common-settings#StaffCast .staffcast--main__block.is__scrolled>h2,
.common-settings#StaffCast .staffcast--main__block.is__scrolled>h3 {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
  -webkit-filter: blur(0) !important;
  filter: blur(0) !important
}

@media print,
screen and (min-width:769px) {
  .common-settings#StaffCast .staffcast--main__block:not(:last-child) {
    margin-bottom: 90px
  }
}

@media screen and (max-width:768px) {
  .common-settings#StaffCast .staffcast--main__block:not(:last-child) {
    margin-bottom: 10.666666666666666vw
  }
}

.common-settings#StaffCast .staffcast--main__block--ttl {
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
  filter: blur(10px);
  transition-duration: 1.2s
}

@media print,
screen and (min-width:769px) {
  .common-settings#StaffCast .staffcast--main__block--ttl[data-type=staff] {
    margin-bottom: 60px;
    width: 12.833333333333332%;
    max-width: 154px
  }
}

@media screen and (max-width:768px) {
  .common-settings#StaffCast .staffcast--main__block--ttl[data-type=staff] {
    width: 22.133333333333333%;
    margin-bottom: 6.933333333333334vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#StaffCast .staffcast--main__block--ttl[data-type=cast] {
    margin-bottom: 70px;
    width: 10.5%;
    max-width: 126px
  }
}

@media screen and (max-width:768px) {
  .common-settings#StaffCast .staffcast--main__block--ttl[data-type=cast] {
    width: 18.133333333333333%;
    margin-bottom: 6.933333333333334vw
  }
}

.common-settings#StaffCast .staffcast--main__block--ttl svg {
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .common-settings#StaffCast .staffcast--main__block--ttl svg {
    -webkit-transform: translateX(5%);
    transform: translateX(5%)
  }
}

.common-settings#StaffCast .staffcast--main__block--ttl svg path {
  fill: #aea86c
}

.common-settings#StaffCast .staffcast--main__block>h3 {
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
  filter: blur(10px);
  transition-duration: 1.2s;
  transition-delay: .5s
}

@media print,
screen and (min-width:769px) {
  .common-settings#StaffCast .staffcast--main__block>h3[data-type=staff] {
    width: 73.33333333333333%;
    max-width: 880px
  }
}

@media screen and (max-width:768px) {
  .common-settings#StaffCast .staffcast--main__block>h3[data-type=staff] {
    width: 77.33333333333333%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#StaffCast .staffcast--main__block>h3[data-type=cast] {
    width: 73.33333333333333%;
    max-width: 880px
  }
}

@media screen and (max-width:768px) {
  .common-settings#StaffCast .staffcast--main__block>h3[data-type=cast] {
    width: 84.8%
  }
}

.common-settings#StaffCast .staffcast--main__block>h3 picture {
  display: block
}

.common-settings#StaffCast .staffcast--main__block>h3 picture img {
  width: 100%;
  vertical-align: bottom
}

.common-settings#StaffCast .staffcast--footer__bdr {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#StaffCast .staffcast--footer__bdr {
    width: 70%;
    max-width: 840px
  }
}

@media screen and (max-width:768px) {
  .common-settings#StaffCast .staffcast--footer__bdr {
    width: 77.86666666666666%
  }
}

.common-settings#StaffCast .staffcast--footer__bdr svg {
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .common-settings#TopWidget .inner-section {
    padding-top: 50px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

@media screen and (max-width:768px) {
  .common-settings#TopWidget .inner-section {
    padding-top: 9.333333333333334vw;
    padding-left: 8%;
    padding-right: 8%
  }
}

.common-settings#TopWidget .inner-section .spotify {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#TopWidget .inner-section .spotify {
    width: 66.66666666666666%
  }
}

@media print,
screen and (min-width:769px) {
  .l-main[data-type=pages] {
    padding-bottom: 160px
  }
}

@media screen and (max-width:768px) {
  .l-main[data-type=pages] {
    padding-bottom: 40vw
  }
}

.l-pagesheader {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;
  width: 100%
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader {
    margin-bottom: 82px;
    max-width: 954px;
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader {
    margin-bottom: 9.333333333333334vw
  }
}

.l-pagesheader:before {
  content: "";
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
  aspect-ratio: 1/1;
  background: url(../images/_common/deco/deco_kira_fill_001.svg) left top no-repeat;
  background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader:before {
    width: 5.241090146750524%
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader:before {
    width: 6.133333333333333vw !important
  }
}

.l-pagesheader:after {
  content: "";
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
  aspect-ratio: 1/1;
  background: url(../images/_common/deco/deco_kira_stroke_001.svg) left top no-repeat;
  background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader:after {
    width: 10.58700209643606%
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader:after {
    width: 13.6vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=newsarchive]:before {
    top: 0;
    left: 2.830188679245283%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=newsarchive]:before {
    left: 13.333333333333334%;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=newsarchive]:after {
    right: 0;
    bottom: 0;
    -webkit-transform: translate(30%, 100%);
    transform: translate(30%, 100%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=newsarchive]:after {
    bottom: 0;
    right: 6.666666666666667%;
    -webkit-transform: translate(0, 110%);
    transform: translate(0, 110%)
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=newspost]:before {
    right: 4.19287211740042%;
    bottom: 0;
    -webkit-transform: translate(30%, 80%);
    transform: translate(30%, 80%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=newspost]:before {
    bottom: 0;
    right: 6.666666666666667%;
    -webkit-transform: translate(0, 110%);
    transform: translate(0, 110%)
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=newspost]:after {
    top: 0;
    left: 2.830188679245283%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=newspost]:after {
    left: 13.333333333333334%;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=movie]:before {
    left: 4.19287211740042%;
    bottom: 0;
    -webkit-transform: translate(30%, 80%);
    transform: translate(30%, 80%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=movie]:before {
    bottom: 0;
    left: 12.533333333333333%;
    -webkit-transform: translate(0, 110%);
    transform: translate(0, 110%);
    width: 4.533333333333333vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=movie]:after {
    top: 0;
    right: 3.983228511530398%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=movie]:after {
    right: 13.333333333333334%;
    bottom: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    width: 9.6vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=streaming]:before {
    left: 4.19287211740042%;
    bottom: 0;
    -webkit-transform: translate(30%, 80%);
    transform: translate(30%, 80%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=streaming]:before {
    bottom: 0;
    left: 9.333333333333334%;
    -webkit-transform: translate(0, 110%);
    transform: translate(0, 110%);
    width: 4.533333333333333vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=streaming]:after {
    top: 0;
    right: 3.983228511530398%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=streaming]:after {
    right: 6.666666666666667%;
    bottom: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    width: 6.933333333333334vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=interview]:before {
    top: 0;
    right: 4.347826086956522%;
    -webkit-transform: translate(30%, -100%);
    transform: translate(30%, -100%);
    width: 4.19287211740042%
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=interview]:before {
    right: 11.200000000000001%;
    bottom: 0;
    -webkit-transform: translate(0, 60%);
    transform: translate(0, 60%);
    width: 5.333333333333333vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=interview]:after {
    top: 0;
    left: 2.934782608695652%;
    width: 6.521739130434782%;
    -webkit-transform: translateY(20%);
    transform: translateY(20%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=interview]:after {
    left: 7.466666666666668%;
    top: 0;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    width: 7.2vw !important
  }
}

.l-pagesheader[data-pages=caststaff]:before {
  display: none
}

.l-pagesheader[data-pages=caststaff]:after {
  display: none
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=story]:before {
    right: 4.347826086956522%;
    bottom: 0;
    -webkit-transform: translate(30%, 80%);
    transform: translate(30%, 80%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=story]:before {
    top: 0;
    right: 11.200000000000001%;
    -webkit-transform: translate(0, -60%);
    transform: translate(0, -60%)
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=story]:after {
    top: 0;
    left: 2.934782608695652%;
    width: 9.782608695652174%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=story]:after {
    left: 12%;
    top: 0;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    width: 11.466666666666667vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=char]:before {
    right: 4.347826086956522%;
    bottom: 0;
    -webkit-transform: translate(30%, 80%);
    transform: translate(30%, 80%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=char]:before {
    display: none
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagesheader[data-pages=char]:after {
    top: 0;
    left: 2.934782608695652%;
    width: 9.782608695652174%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
  }
}

@media screen and (max-width:768px) {
  .l-pagesheader[data-pages=char]:after {
    display: none
  }
}

.l-pagesheader[data-pages=playbackstory]:before {
  display: none
}

.l-pagesheader[data-pages=playbackstory]:after {
  display: none
}

.l-pager {
  margin-left: auto;
  margin-right: auto;
  position: relative
}

@media print,
screen and (min-width:769px) {
  .l-pager {
    max-width: 920px
  }
}

.l-pager:before {
  content: "";
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
  aspect-ratio: 1/1;
  background: url(../images/_common/deco/deco_kira_fill_001.svg) left top no-repeat;
  background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
  .l-pager:before {
    bottom: 0;
    right: 4.891304347826087%;
    width: 4.347826086956522%;
    -webkit-transform: translateY(220%);
    transform: translateY(220%)
  }
}

.l-pager:after {
  content: "";
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
  aspect-ratio: 1/1;
  background: url(../images/_common/deco/deco_kira_stroke_001.svg) left top no-repeat;
  background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
  .l-pager:after {
    top: 0;
    left: 0;
    width: 6.630434782608696%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
}

.l-pager ul {
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
  .l-pager ul {
    max-width: 530px
  }
}

@media screen and (max-width:768px) {
  .l-pager ul {
    width: 100%;
    padding-left: 10.666666666666668%;
    padding-right: 10.666666666666668%
  }
}

.l-pager ul>li {
  overflow: hidden;
  border-radius: 100%;
  box-sizing: border-box;
  border: solid 1px #aea86c;
  height: auto;
  font-family: Lora, serif;
  font-weight: 500;
  aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
  .l-pager ul>li {
    margin-left: 3.773584905660377%;
    margin-right: 3.773584905660377%;
    width: 10.377358490566039%;
    font-size: 2.5rem
  }
}

@media screen and (max-width:768px) {
  .l-pager ul>li {
    margin-left: 3.728813559322034%;
    margin-right: 3.728813559322034%;
    width: 10.16949152542373%;
    font-size: 3.733333333333333vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-pager ul>li:nth-child(n+6) {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {
  .l-pager ul>li:nth-child(n+6) {
    margin-top: 4vw
  }
}

.l-pager ul>li.is__current {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #aea86c;
  color: #fff
}

.l-pager ul>li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #aea86c
}

@media print,
screen and (min-width:769px) {
  .l-pager ul>li a {
    transition-duration: .3s
  }
}

@media print,
screen and (min-width:769px) {
  .l-pager ul>li a:hover {
    background: #aea86c;
    color: #fff
  }
}

@media print,
screen and (min-width:769px) {
  .l-pagetop {
    margin-top: 80px
  }
}

@media screen and (max-width:768px) {
  .l-pagetop {
    padding-top: 10.133333333333333vw
  }
}

.l-pagetop .md-btn__links {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

.common-settings#CastStaff .inner-section .caststaff {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff {
    width: 79.5%;
    max-width: 954px
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff {
    width: 85.33333333333334%
  }
}

.common-settings#CastStaff .inner-section .caststaff--block {
  margin-left: auto;
  margin-right: auto;
  position: relative
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block {
    width: 92.66247379454927%;
    max-width: 884px
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Cast {
    margin-bottom: 80px
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Cast {
    margin-bottom: 12vw
  }
}

.common-settings#CastStaff .inner-section .caststaff--block#Cast:before {
  content: "";
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
  aspect-ratio: 1/1;
  background: url(../images/_common/deco/deco_kira_fill_001.svg) left top no-repeat;
  background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Cast:before {
    top: 25.348189415041784%;
    right: .791855203619909%;
    width: 6.108597285067873%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Cast:before {
    top: 35.94202898550725%;
    right: 0;
    width: 4.533333333333333vw !important
  }
}

.common-settings#CastStaff .inner-section .caststaff--block#Cast:after {
  content: "";
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
  aspect-ratio: 1/1;
  background: url(../images/_common/deco/deco_kira_stroke_001.svg) left top no-repeat;
  background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Cast:after {
    top: 59.888579387186624%;
    left: -2px;
    width: 11.76470588235294%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Cast:after {
    top: 67.10144927536233%;
    left: 0;
    width: 9.066666666666666vw !important
  }
}

.common-settings#CastStaff .inner-section .caststaff--block#Cast dl {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Cast dl {
    padding-bottom: 80px
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Cast dl {
    padding-bottom: 7.466666666666667vw
  }
}

.common-settings#CastStaff .inner-section .caststaff--block#Cast dl:after {
  content: "";
  position: absolute;
  left: 50%;
  aspect-ratio: 60.4805/22.124;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../images/caststaff/name_other.svg) left top no-repeat;
  background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Cast dl:after {
    width: 6.787330316742081%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Cast dl:after {
    width: 9.0625%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Music {
    margin-bottom: 82px
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Music {
    margin-bottom: 11.2vw
  }
}

.common-settings#CastStaff .inner-section .caststaff--block#Music:after {
  content: "";
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
  aspect-ratio: 1/1;
  background: url(../images/_common/deco/deco_kira_stroke_001.svg) left top no-repeat;
  background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Music:after {
    top: 55.39772727272727%;
    right: 0;
    width: 11.76470588235294%;
    -webkit-transform: translateX(30%);
    transform: translateX(30%)
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Music:after {
    top: 51.98019801980198%;
    right: 10.3125%;
    width: 9.066666666666666vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Staff {
    padding-bottom: 50px
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Staff {
    padding-bottom: 8vw
  }
}

.common-settings#CastStaff .inner-section .caststaff--block#Staff:before {
  content: "";
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
  aspect-ratio: 1/1;
  background: url(../images/_common/deco/deco_kira_fill_001.svg) left top no-repeat;
  background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Staff:before {
    top: 35.051546391752574%;
    left: 0;
    width: 5.090497737556561%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block#Staff:before {
    top: 22.5201072386059%;
    left: 7.5%;
    width: 4.533333333333333vw !important
  }
}

.common-settings#CastStaff .inner-section .caststaff--block>picture {
  display: block;
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>picture {
    margin-bottom: 50px;
    width: 67.87330316742081%;
    max-width: 600px
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>picture {
    margin-bottom: 8.533333333333333vw
  }
}

.common-settings#CastStaff .inner-section .caststaff--block>picture img {
  width: 100%;
  vertical-align: bottom
}

.common-settings#CastStaff .inner-section .caststaff--block>dl>dt {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dt[data-size=cast] {
    margin-bottom: 50px;
    width: 14.25339366515837%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dt[data-size=cast] {
    width: 20.625%;
    margin-bottom: 5.6vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dt[data-size=music] {
    margin-bottom: 46px;
    width: 18.32579185520362%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dt[data-size=music] {
    width: 26.5625%;
    margin-bottom: 5.866666666666666vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dt[data-size=staff] {
    margin-bottom: 46px;
    width: 17.420814479638008%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dt[data-size=staff] {
    width: 25%;
    margin-bottom: 6.933333333333334vw
  }
}

.common-settings#CastStaff .inner-section .caststaff--block>dl>dt img {
  width: 100%;
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul:not(:last-child) {
    margin-bottom: 52px
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul:not(:last-child) {
    margin-bottom: 5.866666666666666vw
  }
}

.common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul[data-column="3"] {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul[data-column="3"]>li {
    width: 33.257918552036195%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul[data-column="3"]>li {
    width: 33.125%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul[data-column="3"] .md-btn__comment {
    width: 54.421768707483%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul[data-column="3"] .md-btn__comment {
    width: 78.30188679245283%
  }
}

.common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul[data-column="1"] {
  width: 100%
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul[data-column="1"] .md-btn__comment {
    width: 18.099547511312217%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul[data-column="1"] .md-btn__comment {
    width: 25.937500000000004%
  }
}

.common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4 {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=mitsuishi] {
    width: 18.32579185520362%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=mitsuishi] {
    width: 24.0625%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=other] {
    width: 52.94117647058824%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=other] {
    width: 66.875%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=mizuki] {
    width: 17.307692307692307%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=mizuki] {
    width: 22.5%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=inoue] {
    width: 70.40816326530613%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=inoue] {
    width: 91.50943396226415%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=hayami] {
    width: 55.44217687074829%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=hayami] {
    width: 72.64150943396226%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=sakura] {
    width: 55.78231292517006%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=sakura] {
    width: 72.64150943396226%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=hayashibara] {
    width: 22.171945701357465%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=hayashibara] {
    width: 27.8125%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=daoko] {
    width: 14.479638009049776%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4[data-size=daoko] {
    width: 20%
  }
}

.common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h4 img {
  width: 100%;
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul .md-btn__comment {
    margin-top: 20px
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul .md-btn__comment {
    margin-top: 2.666666666666667vw
  }
}

.common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h5 {
  margin-left: auto;
  margin-right: auto
}

.common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h5 picture {
  display: block
}

.common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h5 picture img {
  width: 100%;
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h5[data-size=trackname] {
    margin-top: 31px;
    width: 94.79638009049773%
  }
}

@media screen and (max-width:768px) {
  .common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h5[data-size=trackname] {
    width: 67.8125%;
    margin-top: 4.533333333333333vw
  }
}

.common-settings#CastStaff .inner-section .caststaff--block>dl>dd ul h5[data-size=staffcredit] {
  width: 100%
}

.l-relationship {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none
}

.l-relationship[data-status=show] {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-duration: 1s;
  overflow: auto;
  pointer-events: auto
}

.l-relationship[data-status=show] .l-relationship__inner .bg {
  cursor: pointer;
  pointer-events: auto
}

.l-relationship[data-status=show] .l-relationship__inner .cont--inner>* {
  pointer-events: auto
}

.l-relationship__inner {
  position: relative;
  width: 100%;
  height: 100%
}

.l-relationship__inner .bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .8);
  z-index: 1
}

.l-relationship__inner .cont {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none
}

.l-relationship__inner .cont--inner {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .l-relationship__inner .cont--inner {
    width: 87.71929824561403%;
    max-width: 1200px
  }
}

@media screen and (max-width:768px) {
  .l-relationship__inner .cont--inner {
    width: 100%
  }
}

.l-relationship__inner .cont--inner .relationship--close,
.l-relationship__inner .cont--inner .relationship--arrow {
  margin: 0;
  padding: 0;
  display: block;
  background: none;
  border-style: none;
  cursor: pointer;
  z-index: 2
}

.l-relationship__inner .cont--inner .relationship--close svg,
.l-relationship__inner .cont--inner .relationship--arrow svg {
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {

  .l-relationship__inner .cont--inner .relationship--close svg,
  .l-relationship__inner .cont--inner .relationship--arrow svg {
    transition-duration: .3s
  }
}

@media print,
screen and (min-width:769px) {

  .l-relationship__inner .cont--inner .relationship--close svg path,
  .l-relationship__inner .cont--inner .relationship--arrow svg path,
  .l-relationship__inner .cont--inner .relationship--close svg polygon,
  .l-relationship__inner .cont--inner .relationship--arrow svg polygon {
    transition-duration: .3s
  }
}

@media print,
screen and (min-width:769px) {

  .l-relationship__inner .cont--inner .relationship--close:hover svg path,
  .l-relationship__inner .cont--inner .relationship--arrow:hover svg path,
  .l-relationship__inner .cont--inner .relationship--close:hover svg polygon,
  .l-relationship__inner .cont--inner .relationship--arrow:hover svg polygon {
    fill: #000
  }
}

.l-relationship__inner .cont--inner .relationship--close {
  position: absolute
}

@media print,
screen and (min-width:769px) {
  .l-relationship__inner .cont--inner .relationship--close {
    top: 5.298013245033113%;
    right: 5.723542116630669%;
    width: 5.075593952483802%
  }
}

@media screen and (max-width:768px) {
  .l-relationship__inner .cont--inner .relationship--close {
    top: 3.03030303030303%;
    right: 5.333333333333334%;
    width: 7.466666666666668%
  }
}

.l-relationship__inner .cont--inner .relationship--close svg path {
  fill: #aea86c
}

.l-relationship__inner .cont--inner .relationship--arrow {
  position: absolute
}

@media print,
screen and (min-width:769px) {
  .l-relationship__inner .cont--inner .relationship--arrow {
    top: 47.019867549668874%;
    width: 3.023758099352052%
  }
}

@media screen and (max-width:768px) {
  .l-relationship__inner .cont--inner .relationship--arrow {
    top: 57.878787878787875%;
    width: 4.8vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-relationship__inner .cont--inner .relationship--arrow#js-relationship-prev {
    left: 3.995680345572354%
  }
}

@media screen and (max-width:768px) {
  .l-relationship__inner .cont--inner .relationship--arrow#js-relationship-prev {
    left: 6.933333333333333%
  }
}

@media print,
screen and (min-width:769px) {
  .l-relationship__inner .cont--inner .relationship--arrow#js-relationship-next {
    right: 3.995680345572354%
  }
}

@media screen and (max-width:768px) {
  .l-relationship__inner .cont--inner .relationship--arrow#js-relationship-next {
    right: 6.933333333333333%
  }
}

.l-relationship__inner .cont--inner .relationship--arrow svg polygon {
  fill: #aea86c;
  transition-duration: .4s
}

.l-relationship__inner .cont--inner .slick-slider {
  margin-bottom: 0
}

.l-relationship__inner .cont--inner .slick-slider * {
  margin-bottom: 0;
  vertical-align: bottom
}

.l-relationship__inner .cont--inner .relationship-slider {
  position: relative;
  z-index: 1
}

@media print,
screen and (min-width:769px) {
  .l-relationship__inner .cont--inner .relationship-slider .slick-dots {
    bottom: 4.635761589403973%
  }
}

@media screen and (max-width:768px) {
  .l-relationship__inner .cont--inner .relationship-slider .slick-dots {
    bottom: 8vw
  }
}

.l-relationship__inner .cont--inner .relationship-slider .slick-dots>li {
  margin: 0;
  padding: 0;
  background: #aea86c;
  border-radius: 100%;
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

@media print,
screen and (min-width:769px) {
  .l-relationship__inner .cont--inner .relationship-slider .slick-dots>li {
    width: 7px;
    height: 7px;
    transition-duration: .3s
  }
}

@media screen and (max-width:768px) {
  .l-relationship__inner .cont--inner .relationship-slider .slick-dots>li {
    width: 1.066666666666667vw !important;
    height: 1.066666666666667vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-relationship__inner .cont--inner .relationship-slider .slick-dots>li:not(:last-child) {
    margin-right: 12px
  }
}

@media screen and (max-width:768px) {
  .l-relationship__inner .cont--inner .relationship-slider .slick-dots>li:not(:last-child) {
    margin-right: 2.133333333333333vw
  }
}

.l-relationship__inner .cont--inner .relationship-slider .slick-dots>li.slick-current,
.l-relationship__inner .cont--inner .relationship-slider .slick-dots>li.slick-active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.l-relationship__inner .cont--inner .relationship-slider .slick-dots>li button {
  display: none
}

.l-relationship__inner .cont--inner .relationship-slider .slide picture {
  display: block
}

.l-relationship__inner .cont--inner .relationship-slider .slide picture img {
  width: 100%;
  vertical-align: bottom
}

@media screen and (max-width:768px) {
  .charStyle .l-pagesheader {
    display: none
  }
}

@media print,
screen and (min-width:769px) {
  .charStyle .common-settings#Char {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width:768px) {
  .charStyle .common-settings#Char .announse {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    z-index: 9;
    cursor: pointer
  }
}

@media screen and (max-width:768px) {
  .charStyle .common-settings#Char .announse picture {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (max-width:768px) {
  .charStyle .common-settings#Char .announse picture img {
    display: block;
    vertical-align: bottom;
    width: 68.8vw !important
  }
}

@media screen and (max-width:768px) {
  .charStyle .common-settings#Char .inner-section .char>aside {
    padding-left: 6.933333333333333%;
    padding-right: 6.933333333333333%
  }
}

@media print,
screen and (min-width:769px) {
  .charStyle .common-settings#Char .inner-section .char>aside .separatebdr {
    margin-left: auto;
    margin-right: auto;
    max-width: 954px
  }
}

.charStyle .common-settings#Char .inner-section .char--relationship {
  margin-left: auto;
  margin-right: auto;
  position: relative
}

@media print,
screen and (min-width:769px) {
  .charStyle .common-settings#Char .inner-section .char--relationship {
    max-width: 1094px
  }
}

.charStyle .common-settings#Char .inner-section .char--relationship__img {
  position: relative;
  z-index: 1
}

@media screen and (max-width:768px) {
  .charStyle .common-settings#Char .inner-section .char--relationship__img {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-bottom: 5.333333333333333vw
  }
}

.charStyle .common-settings#Char .inner-section .char--relationship__img::-webkit-scrollbar {
  display: none
}

.charStyle .common-settings#Char .inner-section .char--relationship__img>nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2
}

@media screen and (max-width:768px) {
  .charStyle .common-settings#Char .inner-section .char--relationship__img>nav {
    width: 249.06666666666666vw !important
  }
}

.charStyle .common-settings#Char .inner-section .char--relationship__img>nav svg {
  vertical-align: bottom
}

.charStyle .common-settings#Char .inner-section .char--relationship__img>nav svg g rect,
.charStyle .common-settings#Char .inner-section .char--relationship__img>nav svg g path {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none
}

.charStyle .common-settings#Char .inner-section .char--relationship__img>nav svg g circle {
  fill: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: .4s
}

.charStyle .common-settings#Char .inner-section .char--relationship__img>nav svg g circle.js--open-relationship {
  cursor: pointer
}

@media print,
screen and (min-width:769px) {
  .charStyle .common-settings#Char .inner-section .char--relationship__img>nav svg g circle.js--open-relationship:hover {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
  }
}

.charStyle .common-settings#Char .inner-section .char--relationship__img>picture {
  display: block;
  pointer-events: none
}

@media screen and (max-width:768px) {
  .charStyle .common-settings#Char .inner-section .char--relationship__img>picture {
    margin-left: auto;
    margin-right: auto;
    width: 249.06666666666666vw !important
  }
}

.charStyle .common-settings#Char .inner-section .char--relationship__img>picture img {
  width: 100%;
  vertical-align: bottom
}

.interviewStyle .masksvg {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview {
    padding-left: 5.333333333333334%;
    padding-right: 5.333333333333334%
  }
}

.common-settings#Interview .inner-section {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section {
    max-width: 954px
  }
}

.common-settings#Interview .inner-section .interview>nav {
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>nav {
    width: 62.5%;
    max-width: 750px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>nav {
    width: 75.2vw !important
  }
}

.common-settings#Interview .inner-section .interview>nav[data-type=archive]>button:first-child {
  pointer-events: none
}

.common-settings#Interview .inner-section .interview>nav[data-type=archive]>button:first-child a svg g path.hoverbg {
  fill: #000041;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Interview .inner-section .interview>nav[data-type=archive]>button:first-child a svg g path.name {
  fill: #f8f3e2
}

.common-settings#Interview .inner-section .interview>nav>button {
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  cursor: pointer
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>nav>button {
    margin-right: 3.6%;
    width: 30.933333333333334%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>nav>button {
    margin-right: 4.25531914893617%;
    width: 47.87234042553192%
  }
}

@media print,
screen and (min-width:769px) {

  .common-settings#Interview .inner-section .interview>nav>button:nth-child(3n),
  .common-settings#Interview .inner-section .interview>nav>button:last-child {
    margin-right: 0
  }
}

@media screen and (max-width:768px) {

  .common-settings#Interview .inner-section .interview>nav>button:nth-child(2n),
  .common-settings#Interview .inner-section .interview>nav>button:last-child {
    margin-right: 0 !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>nav>button:nth-child(n+4) {
    margin-top: 28px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>nav>button:nth-child(n+3) {
    margin-top: 3.2vw
  }
}

.common-settings#Interview .inner-section .interview>nav>button[data-status=current] a svg g path.hoverbg {
  fill: #000041;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Interview .inner-section .interview>nav>button[data-status=current] a svg g path.name {
  fill: #f8f3e2
}

.common-settings#Interview .inner-section .interview>nav>button a {
  display: block
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>nav>button a:hover svg g path.hoverbg {
    fill: #000041;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>nav>button a:hover svg g path.name {
    fill: #f8f3e2
  }
}

.common-settings#Interview .inner-section .interview>nav>button a svg {
  width: 100%;
  vertical-align: bottom
}

.common-settings#Interview .inner-section .interview>nav>button a svg g path.hoverbg,
.common-settings#Interview .inner-section .interview>nav>button a svg g path.name {
  transition-duration: .3s
}

.common-settings#Interview .inner-section .interview>nav>button a svg g path.hoverbg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>header {
    margin-bottom: 35px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>header {
    padding-top: 4vw
  }
}

.common-settings#Interview .inner-section .interview>main>header>h3 {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>header>h3 {
    margin-bottom: 40px;
    width: 33.75262054507338%;
    max-width: 322px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>header>h3 {
    margin-bottom: 4vw;
    width: 50.666666666666664vw !important
  }
}

.common-settings#Interview .inner-section .interview>main>header>h3 img {
  width: 100%;
  vertical-align: bottom
}

.common-settings#Interview .inner-section .interview>main>picture {
  margin-left: auto;
  margin-right: auto;
  display: block
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>picture {
    margin-bottom: 85px;
    width: 81.76100628930818%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>picture {
    margin-bottom: 5.333333333333333vw
  }
}

.common-settings#Interview .inner-section .interview>main>picture img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: auto;
  vertical-align: bottom;
  pointer-events: none;
  object-fit: contain
}

.common-settings#Interview .inner-section .interview>main>.youtube {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>.youtube {
    margin-bottom: 85px;
    width: 81.76100628930818%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>.youtube {
    margin-bottom: 5.333333333333333vw
  }
}

.common-settings#Interview .inner-section .interview>main>.youtube .youtube--player iframe {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  aspect-ratio: 16/9
}

.common-settings#Interview .inner-section .interview>main>main>article {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>main>article {
    width: 90.98532494758909%;
    max-width: 868px
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>main>article:not(:last-child) {
    margin-bottom: 45px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>main>article:not(:last-child) {
    margin-bottom: 12vw
  }
}

@media print,
screen and (min-width:769px) {

  .common-settings#Interview .inner-section .interview>main>main>article>.q>p,
  .common-settings#Interview .inner-section .interview>main>main>article>.a>p {
    font-size: 1.5rem
  }
}

@media screen and (max-width:768px) {

  .common-settings#Interview .inner-section .interview>main>main>article>.q>p,
  .common-settings#Interview .inner-section .interview>main>main>article>.a>p {
    font-size: 3.466666666666667vw !important
  }
}

.common-settings#Interview .inner-section .interview>main>main>article>.q {
  color: #aea86c;
  font-family: Helvetica Neue, YakuHanJP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
  font-weight: 700
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.q {
    margin-bottom: .8em;
    line-height: 1.7
  }
}

.common-settings#Interview .inner-section .interview>main>main>article>.q>p:before {
  content: "";
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  background: #aea86c;
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%)
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.q>p:before {
    margin-right: .7em;
    width: 28px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.q>p:before {
    margin-right: .5em;
    width: 6.4vw !important
  }
}

.common-settings#Interview .inner-section .interview>main>main>article>.a {
  color: #000;
  line-height: 1.9
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.photo {
    margin-top: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.photo {
    margin-top: 5.333333333333333vw
  }
}

.common-settings#Interview .inner-section .interview>main>main>article>.photo picture {
  display: block
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.photo picture {
    margin-right: 1.5%;
    width: 48.5%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.photo picture:not(:last-child) {
    margin-bottom: 10px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.photo picture:not(:last-child) {
    margin-bottom: 2.133333333333333vw
  }
}

@media print,
screen and (min-width:769px) {

  .common-settings#Interview .inner-section .interview>main>main>article>.photo picture:nth-child(2n),
  .common-settings#Interview .inner-section .interview>main>main>article>.photo picture:last-child {
    margin-right: 0
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.photo picture:nth-child(n+3) {
    margin-top: 10px
  }
}

.common-settings#Interview .inner-section .interview>main>main>article>.photo picture img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  vertical-align: bottom;
  pointer-events: none
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.photo picture img {
    width: auto;
    height: 580px;
    object-fit: contain
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>main>article>.photo picture img {
    max-height: 150vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>footer {
    margin-top: 50px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>footer {
    margin-top: 13.333333333333334vw
  }
}

.common-settings#Interview .inner-section .interview>main>footer ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

.common-settings#Interview .inner-section .interview>main>footer ul .videomask {
  -webkit-clip-path: url(#videoMask);
  clip-path: url(#videoMask)
}

.common-settings#Interview .inner-section .interview>main>footer ul>li {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>footer ul>li {
    margin-right: 2.252252252252252%;
    width: 48.873873873873876%
  }
}

@media print,
screen and (min-width:769px) {

  .common-settings#Interview .inner-section .interview>main>footer ul>li:nth-child(2n),
  .common-settings#Interview .inner-section .interview>main>footer ul>li:last-child {
    margin-right: 0
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>footer ul>li:nth-child(n+3) {
    margin-top: 25px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>footer ul>li:not(:last-child) {
    margin-bottom: 4vw
  }
}

.common-settings#Interview .inner-section .interview>main>footer ul>li picture {
  display: block;
  pointer-events: none
}

.common-settings#Interview .inner-section .interview>main>footer ul>li picture img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom
}

.common-settings#Interview .inner-section .interview>main>footer ul>li .frame1,
.common-settings#Interview .inner-section .interview>main>footer ul>li .frame2 {
  position: absolute;
  height: auto;
  z-index: 2;
  pointer-events: none
}

.common-settings#Interview .inner-section .interview>main>footer ul>li .frame1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media print,
screen and (min-width:769px) {
  .common-settings#Interview .inner-section .interview>main>footer ul>li .frame1 {
    width: 96.08695652173913%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Interview .inner-section .interview>main>footer ul>li .frame1 {
    width: 95.9375%
  }
}

.common-settings#Interview .inner-section .interview>main>footer ul>li .frame2 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.movieStyle .masksvg,
.shortsStyle .masksvg {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie,
  .shortsStyle .common-settings#Movie {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie,
  .shortsStyle .common-settings#Movie {
    padding-left: 6.933333333333333%;
    padding-right: 6.933333333333333%
  }
}

.movieStyle .common-settings#Movie .inner-section,
.shortsStyle .common-settings#Movie .inner-section {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section,
  .shortsStyle .common-settings#Movie .inner-section {
    max-width: 954px
  }
}

.movieStyle .common-settings#Movie .inner-section .movie--nav,
.shortsStyle .common-settings#Movie .inner-section .movie--nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

.movieStyle .common-settings#Movie .inner-section .movie--nav>button,
.shortsStyle .common-settings#Movie .inner-section .movie--nav>button {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  background: none;
  border-style: none
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=trailer],
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=trailer] {
    width: 41.55251141552511%;
    max-width: 91px
  }
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=trailer],
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=trailer] {
    width: 14.666666666666666vw !important
  }
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=trailer] a:before,
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=trailer] a:before {
    width: 85.71428571428571%
  }
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=shorts],
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=shorts] {
    width: 40.63926940639269%;
    max-width: 89px
  }
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=shorts],
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=shorts] {
    width: 14.133333333333333vw !important
  }
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=shorts] a:before,
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button[data-type=shorts] a:before {
    width: 87.64044943820225%
  }
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button:not(:last-child),
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button:not(:last-child) {
    margin-right: 22.955974842767297%
  }
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button:not(:last-child),
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button:not(:last-child) {
    margin-right: 18.133333333333333vw
  }
}

.movieStyle .common-settings#Movie .inner-section .movie--nav>button[data-status=current] a:before,
.shortsStyle .common-settings#Movie .inner-section .movie--nav>button[data-status=current] a:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.movieStyle .common-settings#Movie .inner-section .movie--nav>button a,
.shortsStyle .common-settings#Movie .inner-section .movie--nav>button a {
  position: relative;
  display: block
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button a,
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button a {
    padding-bottom: 10px;
    transition-duration: .3s
  }
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button a,
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button a {
    padding-bottom: 1.866666666666667vw
  }
}

.movieStyle .common-settings#Movie .inner-section .movie--nav>button a:before,
.shortsStyle .common-settings#Movie .inner-section .movie--nav>button a:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  background: #aea86c;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: .3s
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button a:before,
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button a:before {
    width: 11.466666666666667vw !important
  }
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--nav>button a:hover,
  .shortsStyle .common-settings#Movie .inner-section .movie--nav>button a:hover {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
  }
}

.movieStyle .common-settings#Movie .inner-section .movie--nav>button a img,
.shortsStyle .common-settings#Movie .inner-section .movie--nav>button a img {
  display: block;
  width: 100%;
  vertical-align: bottom
}

.movieStyle .common-settings#Movie .inner-section .movie--main,
.shortsStyle .common-settings#Movie .inner-section .movie--main {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main,
  .shortsStyle .common-settings#Movie .inner-section .movie--main {
    padding-bottom: 30px
  }
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main,
  .shortsStyle .common-settings#Movie .inner-section .movie--main {
    padding-bottom: 8vw
  }
}

.movieStyle .common-settings#Movie .inner-section .movie--main__block,
.shortsStyle .common-settings#Movie .inner-section .movie--main__block {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block,
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block {
    width: 99.37106918238993%;
    max-width: 948px
  }
}

.movieStyle .common-settings#Movie .inner-section .movie--main__block#shorts,
.shortsStyle .common-settings#Movie .inner-section .movie--main__block#shorts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#shorts,
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#shorts {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.movieStyle .common-settings#Movie .inner-section .movie--main__block#shorts .videomask,
.shortsStyle .common-settings#Movie .inner-section .movie--main__block#shorts .videomask {
  -webkit-clip-path: url(#shortsMask);
  clip-path: url(#shortsMask)
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#shorts>*,
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#shorts>* {
    margin-right: 1.265822784810127%;
    width: 24.050632911392405%
  }
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#shorts>*,
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#shorts>* {
    width: 47.633136094674555%
  }
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#shorts>*:nth-child(4n),
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#shorts>*:nth-child(4n),
  .movieStyle .common-settings#Movie .inner-section .movie--main__block#shorts>*:last-child,
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#shorts>*:last-child {
    margin-right: 0
  }
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#shorts>*:nth-child(n+5),
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#shorts>*:nth-child(n+5) {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#shorts>*:nth-child(n+3),
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#shorts>*:nth-child(n+3) {
    margin-top: 6.666666666666667vw
  }
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer,
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer .videomask,
.shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer .videomask {
  -webkit-clip-path: url(#videoMask);
  clip-path: url(#videoMask)
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer,
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer {
    width: 48.52320675105485%
  }
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer:not(:last-child),
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer:not(:last-child) {
    margin-bottom: 10.666666666666666vw
  }
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer:nth-child(n+3),
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer:nth-child(n+3) {
    margin-top: 55px
  }
}

.movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb,
.shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb {
  position: relative;
  aspect-ratio: 4.6/2.58
}

.movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame1,
.shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame1,
.movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame2,
.shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame2 {
  position: absolute;
  height: auto;
  z-index: 2;
  pointer-events: none
}

.movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame1,
.shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media print,
screen and (min-width:769px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame1,
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame1 {
    width: 96.08695652173913%
  }
}

@media screen and (max-width:768px) {

  .movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame1,
  .shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame1 {
    width: 95.9375%
  }
}

.movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame2,
.shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb .frame2 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.movieStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb img,
.shortsStyle .common-settings#Movie .inner-section .movie--main__block#trailer>.md-movie__trailer .thumb img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4.6/2.58;
  object-fit: cover;
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .newsStyle .common-settings#News {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media print,
screen and (min-width:769px) {
  .newsStyle .common-settings#News .news--category {
    margin-bottom: 75px
  }
}

@media screen and (max-width:768px) {
  .newsStyle .common-settings#News .news--category {
    margin-bottom: 9.333333333333334vw
  }
}

.newsStyle .common-settings#News .news--category>h3 {
  line-height: 1;
  text-align: center;
  color: #aea86c;
  font-family: Lora, serif;
  font-weight: 500
}

@media print,
screen and (min-width:769px) {
  .newsStyle .common-settings#News .news--category>h3 {
    margin-bottom: 1.3em;
    font-size: 2rem
  }
}

@media screen and (max-width:768px) {
  .newsStyle .common-settings#News .news--category>h3 {
    margin-bottom: 1.5em;
    font-size: 4vw !important
  }
}

.newsStyle .common-settings#News .news--category>ul {
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:768px) {
  .newsStyle .common-settings#News .news--category>ul {
    padding-left: 10.666666666666666vw;
    padding-right: 10.666666666666666vw
  }
}

.newsStyle .common-settings#News .news--category>ul>li {
  border: solid 1px #aea86c
}

@media print,
screen and (min-width:769px) {
  .newsStyle .common-settings#News .news--category>ul>li {
    transition-duration: .3s
  }
}

@media screen and (max-width:768px) {
  .newsStyle .common-settings#News .news--category>ul>li:nth-child(n+4) {
    margin-top: 3.2vw
  }
}

.newsStyle .common-settings#News .news--category>ul>li.is__current {
  pointer-events: none;
  border-width: 0
}

.newsStyle .common-settings#News .news--category>ul>li.is__current a {
  color: #fff
}

@media print,
screen and (min-width:769px) {
  .newsStyle .common-settings#News .news--category>ul>li:hover {
    background: #aea86c
  }
}

@media print,
screen and (min-width:769px) {
  .newsStyle .common-settings#News .news--category>ul>li:hover a {
    color: #fff
  }
}

.newsStyle .common-settings#News .news--category>ul>li a {
  color: #aea86c
}

@media print,
screen and (min-width:769px) {
  .newsStyle .common-settings#News .news--category>ul>li a {
    transition-duration: .3s
  }
}

@media screen and (max-width:768px) {
  .newsStyle .common-settings#News .news--lineup {
    padding-left: 5.866666666666666%;
    padding-right: 5.866666666666666%
  }
}

@media print,
screen and (min-width:769px) {
  .newsStyle .common-settings#News .news--pager {
    margin-top: 115px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

@media screen and (max-width:768px) {
  .newsStyle .common-settings#News .news--pager {
    margin-top: 12vw
  }
}

.newsStyle .common-settings#News .news--ui {
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media print,
screen and (min-width:769px) {
  .newsStyle .common-settings#News .news--ui {
    padding-top: 80px;
    max-width: 920px
  }
}

@media screen and (max-width:768px) {
  .newsStyle .common-settings#News .news--ui {
    padding-top: 8vw
  }
}

@media print,
screen and (min-width:769px) {
  .newsStyle .common-settings#News .news--ui .md-btn__links {
    margin-left: 10.869565217391305%;
    margin-right: 10.869565217391305%
  }
}

@media screen and (max-width:768px) {
  .newsStyle .common-settings#News .news--ui .md-btn__links {
    margin-left: 8vw;
    margin-right: 8vw
  }
}

.l-playbackstory {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none
}

.l-playbackstory[data-status=show] {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: auto;
  transition-duration: .8s;
  overflow: auto
}

.l-playbackstory[data-status=show] .l-playbackstory__inner .cont--inner .closebtn,
.l-playbackstory[data-status=show] .l-playbackstory__inner .cont--inner .storyimg {
  pointer-events: auto
}

.l-playbackstory__inner {
  position: relative;
  width: 100%;
  height: 100%
}

.l-playbackstory__inner .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  background: #000041
}

.l-playbackstory__inner .cont {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 2
}

@media screen and (max-width:768px) {
  .l-playbackstory__inner .cont {
    padding-top: 5.333333333333333vw;
    padding-bottom: 5.333333333333333vw
  }
}

.l-playbackstory__inner .cont--inner {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .l-playbackstory__inner .cont--inner {
    width: 82.30994152046783%;
    max-width: 1126px
  }
}

@media screen and (max-width:1200px) {
  .l-playbackstory__inner .cont--inner {
    width: 100%;
    max-width: 1200px
  }
}

.l-playbackstory__inner .cont--inner .closebtn {
  position: absolute;
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  cursor: pointer;
  display: block;
  z-index: 3;
  aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
  .l-playbackstory__inner .cont--inner .closebtn {
    top: 6.611570247933884%;
    right: 3.552397868561278%;
    width: 3.641207815275311%;
    transition-duration: .3s
  }
}

@media screen and (max-width:768px) {
  .l-playbackstory__inner .cont--inner .closebtn {
    top: 12vw;
    right: 11vw;
    width: 5.866666666666666vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .l-playbackstory__inner .cont--inner .closebtn:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
  }
}

.l-playbackstory__inner .cont--inner .closebtn svg {
  vertical-align: bottom
}

.l-playbackstory__inner .cont--inner .closebtn svg path {
  fill: #000041
}

.l-playbackstory__inner .cont--inner .storyimg[data-shownum="1"]>*[data-num="1"] {
  display: block
}

.l-playbackstory__inner .cont--inner .storyimg[data-shownum="2"]>*[data-num="2"] {
  display: block
}

.l-playbackstory__inner .cont--inner .storyimg[data-shownum="3"]>*[data-num="3"] {
  display: block
}

.l-playbackstory__inner .cont--inner .storyimg[data-shownum="4"]>*[data-num="4"] {
  display: block
}

.l-playbackstory__inner .cont--inner .storyimg--img {
  display: none
}

.l-playbackstory__inner .cont--inner .storyimg--img picture {
  display: block
}

.l-playbackstory__inner .cont--inner .storyimg--img picture img {
  width: 100%;
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section aside {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section aside {
    margin-left: 5.333333333333334%;
    margin-right: 5.333333333333334%;
    width: auto
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section aside .separatebdr {
    margin-left: auto;
    margin-right: auto;
    max-width: 954px
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main {
    padding-top: 20px;
    padding-bottom: 60px;
    background: url(../images/playbackstory/bg_start_pattern_pc.svg) center top repeat-y;
    background-size: 1200px auto;
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main {
    padding-left: 5.333333333333334%;
    padding-right: 5.333333333333334%;
    background: url(../images/playbackstory/bg_start_pattern_sp.svg) center top repeat-y;
    background-size: 100% auto
  }
}

.common-settings#PlayBack .inner-section .playbackstory--main>article {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article {
    max-width: 954px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article:not(:last-child) {
    margin-bottom: 150px
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article:not(:last-child) {
    margin-bottom: 13.333333333333334vw
  }
}

.common-settings#PlayBack .inner-section .playbackstory--main>article.is__scrolled .vis {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(1) contrast(100%) !important;
  filter: brightness(1) contrast(100%) !important
}

.common-settings#PlayBack .inner-section .playbackstory--main>article.is__scrolled .info {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media print,
screen and (min-width:769px) {

  .common-settings#PlayBack .inner-section .playbackstory--main>article#season1,
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season3 {
    padding-right: 1.572327044025157%
  }
}

@media print,
screen and (min-width:769px) {

  .common-settings#PlayBack .inner-section .playbackstory--main>article#season2,
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season4 {
    padding-right: 4.19287211740042%;
    padding-left: 4.19287211740042%;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season1 .info {
    width: 54.10010649627262%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season1 .info>header>.num {
    width: 18.503937007874015%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season1 .info>header>.ttl {
    width: 72.04724409448819%
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season1 .info>header>.ttl {
    width: 46.666666666666664vw !important
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season1 .info>header>.lead {
    width: 65.06666666666666vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season1 .info>button {
    width: 38.582677165354326%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season2 .info {
    width: 43.24942791762014%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season2 .info>header>.num {
    width: 24.867724867724867%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season2 .info>header>.ttl {
    width: 90.47619047619048%
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season2 .info>header>.ttl {
    width: 41.6vw !important
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season2 .info>header>.lead {
    width: 49.6vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season2 .info>button {
    width: 51.85185185185185%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season3 .info {
    width: 56.23003194888179%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season3 .info>header>.num {
    width: 17.803030303030305%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season3 .info>header>.ttl {
    width: 68.56060606060606%
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season3 .info>header>.ttl {
    width: 46.13333333333333vw !important
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season3 .info>header>.lead {
    width: 70.93333333333334vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season3 .info>button {
    width: 37.121212121212125%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season4 .info {
    width: 42.33409610983982%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season4 .info>header>.num {
    width: 25.405405405405407%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season4 .info>header>.ttl {
    width: 81.08108108108108%
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season4 .info>header>.ttl {
    width: 38.13333333333333vw !important
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season4 .info>header>.lead {
    width: 47.46666666666667vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article#season4 .info>button {
    width: 52.972972972972975%
  }
}

.common-settings#PlayBack .inner-section .playbackstory--main>article#season2 .vis,
.common-settings#PlayBack .inner-section .playbackstory--main>article#season3 .vis,
.common-settings#PlayBack .inner-section .playbackstory--main>article#season4 .vis {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.2" /><feFuncG type="linear" slope="1.2" /><feFuncB type="linear" slope="1.2" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.5" intercept="-0.25" /><feFuncG type="linear" slope="1.5" intercept="-0.25" /><feFuncB type="linear" slope="1.5" intercept="-0.25" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(1.2) contrast(150%);
  filter: brightness(1.2) contrast(150%);
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.common-settings#PlayBack .inner-section .playbackstory--main>article#season2 .info,
.common-settings#PlayBack .inner-section .playbackstory--main>article#season3 .info,
.common-settings#PlayBack .inner-section .playbackstory--main>article#season4 .info {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .vis {
    width: 37.735849056603776%
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .vis {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6.666666666666667vw;
    width: 47.46666666666667vw !important
  }
}

.common-settings#PlayBack .inner-section .playbackstory--main>article .vis>picture {
  display: block
}

.common-settings#PlayBack .inner-section .playbackstory--main>article .vis>picture img {
  width: 100%;
  vertical-align: bottom
}

.common-settings#PlayBack .inner-section .playbackstory--main>article .info {
  box-sizing: border-box
}

.common-settings#PlayBack .inner-section .playbackstory--main>article .info * {
  margin-left: auto;
  margin-right: auto;
  display: block;
  line-height: 1
}

.common-settings#PlayBack .inner-section .playbackstory--main>article .info * img {
  width: 100%;
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>header {
    margin-bottom: 55px
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>header>.num {
    margin-bottom: 52px
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>header>.num {
    margin-bottom: 3.733333333333333vw;
    width: 9.866666666666667vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>header>.ttl {
    margin-bottom: 40px
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>header>.ttl {
    margin-bottom: 5.333333333333333vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>header>.lead {
    margin-bottom: 40px
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>header>.lead {
    margin-bottom: 5.6vw
  }
}

.common-settings#PlayBack .inner-section .playbackstory--main>article .info>button {
  margin: 0 auto;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  cursor: pointer;
  overflow: visible
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>button {
    width: 29.333333333333332vw !important
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>button svg {
    width: 29.333333333333332vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>button svg path {
    transition-duration: .3s
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#PlayBack .inner-section .playbackstory--main>article .info>button:hover svg path {
    fill: #000
  }
}

@media screen and (max-width:768px) {
  .common-settings#PlayBack .inner-section .playbackstory--footer {
    padding-left: 5.333333333333334%;
    padding-right: 5.333333333333334%;
    margin-top: 13.333333333333334vw
  }
}

.storyStyle #Main {
  padding-top: 0
}

.storyStyle .common-settings#Story .story--intro {
  position: relative;
  z-index: 1
}

@media print,
screen and (min-width:769px) {
  .storyStyle .common-settings#Story .story--intro {
    padding-top: 120px;
    padding-bottom: 240px;
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width:768px) {
  .storyStyle .common-settings#Story .story--intro {
    padding-left: 5.866666666666666%;
    padding-right: 5.866666666666666%;
    padding-top: 9.333333333333334vw;
    padding-bottom: 42.666666666666664vw
  }
}

.storyStyle .common-settings#Story .story--intro__bgvideo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1
}

.storyStyle .common-settings#Story .story--intro__bgvideo--inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.storyStyle .common-settings#Story .story--intro__bgvideo--inner:before,
.storyStyle .common-settings#Story .story--intro__bgvideo--inner:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.storyStyle .common-settings#Story .story--intro__bgvideo--inner:before {
  z-index: 2;
  background: rgba(0, 0, 0, .75)
}

.storyStyle .common-settings#Story .story--intro__bgvideo--inner:after {
  z-index: 3;
  background: url(../images/story/dotted_black.png) left top repeat;
  background-size: 12px auto
}

.storyStyle .common-settings#Story .story--intro__bgvideo--inner>video {
  position: absolute;
  width: auto !important;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  vertical-align: bottom
}

.storyStyle .common-settings#Story .story--intro__cont {
  position: relative;
  z-index: 2
}

@media print,
screen and (min-width:769px) {
  .storyStyle .common-settings#Story .story--intro__cont {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

.storyStyle .common-settings#Story .story--intro__cont--ttl,
.storyStyle .common-settings#Story .story--intro__cont--desc {
  margin-left: auto;
  margin-right: auto
}

.storyStyle .common-settings#Story .story--intro__cont--ttl img,
.storyStyle .common-settings#Story .story--intro__cont--desc img {
  width: 100%;
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .storyStyle .common-settings#Story .story--intro__cont--ttl {
    margin-bottom: 12.921348314606742%;
    width: 51%;
    max-width: 612px
  }
}

@media screen and (max-width:768px) {
  .storyStyle .common-settings#Story .story--intro__cont--ttl {
    width: 83.6923076923077%;
    margin-bottom: 21.866666666666667vw
  }
}

@media print,
screen and (min-width:769px) {
  .storyStyle .common-settings#Story .story--intro__cont--desc {
    width: 61.16666666666667%
  }
}

@media screen and (max-width:768px) {
  .storyStyle .common-settings#Story .story--intro__cont--desc {
    width: 100%
  }
}

.storyStyle .common-settings#Story .story--intro .storywave {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  z-index: 3
}

@media print,
screen and (min-width:769px) {
  .storyStyle .common-settings#Story .story--intro .storywave {
    height: 165px
  }
}

@media screen and (max-width:768px) {
  .storyStyle .common-settings#Story .story--intro .storywave {
    z-index: 2;
    pointer-events: none;
    height: 37.333333333333336vw !important
  }
}

.storyStyle .common-settings#Story .story--main {
  position: relative;
  z-index: 2
}

@media print,
screen and (min-width:769px) {
  .storyStyle .common-settings#Story .story--main {
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px
  }
}

.storyStyle .common-settings#Story .story--main.is__scrolled .l-pagesheader {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
  -webkit-filter: blur(0);
  filter: blur(0)
}

.storyStyle .common-settings#Story .story--main.is__scrolled .story--main__cont {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.storyStyle .common-settings#Story .story--main .l-pagesheader {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  will-change: filter;
  transition-duration: .5s;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');
  -webkit-filter: blur(20px);
  filter: blur(20px)
}

@media screen and (max-width:768px) {
  .storyStyle .common-settings#Story .story--main .l-pagesheader {
    margin-bottom: 6.666666666666667vw
  }
}

.storyStyle .common-settings#Story .story--main__cont {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-delay: .5s;
  transition-duration: 1s;
  -webkit-transform: translateY(20px);
  transform: translateY(20px)
}

@media print,
screen and (min-width:769px) {
  .storyStyle .common-settings#Story .story--main__cont {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }
}

.storyStyle .common-settings#Story .story--main__cont--eyecatch {
  margin-left: auto;
  margin-right: auto;
  display: block
}

@media print,
screen and (min-width:769px) {
  .storyStyle .common-settings#Story .story--main__cont--eyecatch {
    margin-bottom: 50px;
    width: 60.66666666666667%;
    max-width: 728px
  }
}

@media screen and (max-width:768px) {
  .storyStyle .common-settings#Story .story--main__cont--eyecatch {
    width: 90.13333333333333%;
    margin-bottom: 6.666666666666667vw
  }
}

.storyStyle .common-settings#Story .story--main__cont--eyecatch img {
  width: 100%;
  vertical-align: bottom
}

.storyStyle .common-settings#Story .story--main__cont--desc {
  position: relative;
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .storyStyle .common-settings#Story .story--main__cont--desc {
    width: 76.66666666666667%;
    max-width: 920px
  }
}

@media screen and (max-width:768px) {
  .storyStyle .common-settings#Story .story--main__cont--desc {
    width: 90.13333333333333%
  }
}

.storyStyle .common-settings#Story .story--main__cont--desc img {
  width: 100%;
  vertical-align: bottom
}

.storyStyle .common-settings#Story .story--main__cont--desc picture {
  display: block
}

.storyStyle .common-settings#Story .story--main__cont--desc picture.bg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1
}

@media print,
screen and (min-width:769px) {
  .storyStyle .common-settings#Story .story--main__cont--desc picture.bg {
    width: 34.891304347826086%;
    -webkit-transform: translate(-52%, -47%);
    transform: translate(-52%, -47%)
  }
}

@media screen and (max-width:768px) {
  .storyStyle .common-settings#Story .story--main__cont--desc picture.bg {
    width: 66.27218934911244%;
    -webkit-transform: translate(-50%, -54%);
    transform: translate(-50%, -54%)
  }
}

.storyStyle .common-settings#Story .story--main__cont--desc picture.txt {
  position: relative;
  z-index: 2
}

@media screen and (max-width:768px) {
  .storyStyle .common-settings#Story .story--main__cont--desc picture.txt {
    margin-left: auto;
    margin-right: auto;
    width: 94.97041420118343%;
    padding-top: 4vw;
    padding-bottom: 4vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream {
    padding-left: 5.333333333333334%;
    padding-right: 5.333333333333334%
  }
}

.common-settings#Stream .inner-section .stream>aside {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream>aside {
    max-width: 954px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream>aside>.separatebdr {
    margin-top: 0
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    max-width: 960px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav {
    margin-bottom: 10.666666666666666vw
  }
}

.common-settings#Stream .inner-section .stream--nav ul {
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul:not(:last-child) {
    margin-bottom: 20px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul:not(:last-child) {
    margin-bottom: 1.866666666666667vw
  }
}

.common-settings#Stream .inner-section .stream--nav ul>li {
  border-radius: 3px;
  overflow: hidden;
  background: #fff;
  border: solid 1px #aea86c;
  box-sizing: border-box;
  aspect-ratio: 225/86
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li {
    margin-right: 2.083333333333333%;
    width: 23.4375%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul>li {
    aspect-ratio: 158.8788/39.8637;
    width: 48.466257668711656%;
    height: auto
  }
}

@media print,
screen and (min-width:769px) {

  .common-settings#Stream .inner-section .stream--nav ul>li:nth-child(4n),
  .common-settings#Stream .inner-section .stream--nav ul>li:last-child {
    margin-right: 0
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul>li:nth-child(n+3) {
    margin-top: 1.866666666666667vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li:nth-child(n+5) {
    margin-top: 20px
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=eternal] a picture {
    width: 57.77777777777777%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=eternal] a picture {
    width: 16.53333333333333vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=crystal] a picture {
    width: 68%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=crystal] a picture {
    width: 19.466666666666665vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=stars] a picture {
    width: 65.33333333333333%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=stars] a picture {
    width: 23.2vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=supers] a picture {
    width: 86.66666666666667%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=supers] a picture {
    width: 24.8vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=s] a picture {
    width: 82.66666666666667%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=s] a picture {
    width: 23.733333333333334vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=r] a picture {
    width: 78.22222222222223%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=r] a picture {
    width: 22.4vw !important
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=first] a picture {
    width: 65.33333333333333%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--nav ul>li[data-size=first] a picture {
    width: 19.2vw !important
  }
}

.common-settings#Stream .inner-section .stream--nav ul>li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li a {
    transition-duration: .4s
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--nav ul>li a:hover {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
  }
}

.common-settings#Stream .inner-section .stream--nav ul>li a picture {
  display: block
}

.common-settings#Stream .inner-section .stream--nav ul>li a picture img {
  width: 100%;
  vertical-align: bottom
}

.common-settings#Stream .inner-section .stream--main {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main {
    max-width: 960px
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section {
    padding-top: 30px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section {
    padding-top: 5.333333333333333vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section:not(:last-child) {
    margin-bottom: 30px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section:not(:last-child) {
    padding-bottom: 2.666666666666667vw
  }
}

.common-settings#Stream .inner-section .stream--main>section>header {
  line-height: 1
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section>header {
    margin-bottom: 50px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>header {
    margin-bottom: 7.466666666666667vw
  }
}

.common-settings#Stream .inner-section .stream--main>section>header>h3 {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {

  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=normal],
  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=r],
  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=s] {
    width: 62.39583333333333%
  }
}

@media screen and (max-width:768px) {

  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=normal],
  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=r],
  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=s] {
    width: 72.83582089552239%
  }
}

@media print,
screen and (min-width:769px) {

  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=ss],
  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=stars],
  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=crystal],
  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=eternal] {
    width: 73.33333333333333%
  }
}

@media screen and (max-width:768px) {

  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=ss],
  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=stars],
  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=crystal],
  .common-settings#Stream .inner-section .stream--main>section>header>h3[data-type=eternal] {
    width: 85.67164179104478%
  }
}

.common-settings#Stream .inner-section .stream--main>section>header>h3>picture {
  display: block
}

.common-settings#Stream .inner-section .stream--main>section>header>h3>picture img {
  width: 100%;
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl:not(:last-child) {
    margin-bottom: 50px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl:not(:last-child) {
    margin-bottom: 6.666666666666667vw
  }
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dt {
  line-height: 1
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dt {
    margin-bottom: 35px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dt {
    margin-bottom: 4.8vw
  }
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dt>h4 {
  margin-left: auto;
  margin-right: auto
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dt>h4[data-type=mihoudai] {
    width: 26.041666666666668%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dt>h4[data-type=mihoudai] {
    width: 34.32835820895522%
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dt>h4[data-type=kounyu] {
    width: 29.166666666666668%
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dt>h4[data-type=kounyu] {
    width: 39.40298507462687%
  }
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dt>h4 picture {
  display: block;
  -webkit-transform: translateX(-9%);
  transform: translateX(-9%)
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dt>h4 picture img {
  width: 100%;
  vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd {
    padding-bottom: 30px
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd {
    padding-bottom: 8vw
  }
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul[data-color=gold]>li {
  border: solid 2px #aea86c;
  background: #aea86c
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul[data-color=gold]>li:hover {
  background: transparent
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul[data-color=gold]>li:hover a {
  color: #aea86c
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul[data-color=navy]>li {
  border: solid 2px #000041;
  background: #000041
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul[data-color=navy]>li:hover {
  background: transparent
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul[data-color=navy]>li:hover a {
  color: #000041
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li {
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li {
    margin-right: 2.083333333333333%;
    width: 23.4375%;
    min-height: 86px;
    transition-duration: .3s
  }
}

@media screen and (max-width:1200px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li {
    min-height: 6vw
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li {
    width: 48.5%;
    min-height: 10.6vw
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li:nth-child(3n) {
    margin-right: 0
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li:nth-child(4n) {
    margin-right: 0
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li:nth-child(n+3) {
    margin-top: 2.666666666666667vw
  }
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li:nth-child(n+5) {
    margin-top: 22px
  }
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li>a {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  line-height: 1.2;
  box-sizing: border-box;
  letter-spacing: .05em;
  font-weight: 700;
  transition-duration: .3s
}

@media print,
screen and (min-width:769px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li>a {
    padding: .85em .25em;
    font-size: 1.7rem
  }
}

@media screen and (max-width:1200px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li>a {
    font-size: 1.3vw
  }
}

@media screen and (max-width:768px) {
  .common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li>a {
    padding: .6em .25em;
    font-size: 2.933333333333333vw !important
  }
}

.common-settings#Stream .inner-section .stream--main>section>main>dl>dd ul>li>a>span {
  display: block;
  text-align: center
}