.is-load.is-top .change_btn {
  -webkit-transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 3s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 3s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 3s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 3s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 3s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 3s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 3s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 3s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 3s;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.is-load.is-in .change_btn {
  -webkit-transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.is-load.is-chara .change_btn {
  -webkit-transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.change_btn {
  opacity: 0;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 10;
}

.change_btn p {
  font-family: var(--font-tangerine);
  text-align: center;
  font-size: 35px;
}

@media screen and (max-width: 900px) {
  .change_btn {
    bottom: 5px;
    right: 5px;
  }
  .change_btn p {
    font-size: 22px;
  }
}

.change_btn_list li {
  position: relative;
  border: 1px solid transparent;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 5px;
  cursor: pointer;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

@media screen and (max-width: 900px) {
  .change_btn_list li {
    width: 38px;
    margin-top: 2px;
  }
}

.change_btn_list li::before {
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

@media screen and (min-width: 901px) {
  .change_btn_list li:hover {
    border: 1px solid #000;
  }
  .change_btn_list li:hover::before {
    opacity: 0;
  }
}

.change_btn_list li img {
  overflow: hidden;
  width: 50px;
  border-radius: 50%;
  border: 3px solid #fff;
}

@media screen and (max-width: 900px) {
  .change_btn_list li img {
    border: 2px solid #fff;
  }
}

[data-mode='style4'] .change_btn_list li[data-change='style3'],
[data-mode='style3'] .change_btn_list li[data-change='style3'],
[data-mode='style2'] .change_btn_list li[data-change='style2'],
[data-mode='style1'] .change_btn_list li[data-change='style1'] {
  border: 1px solid #000;
}

[data-mode='style4'] .change_btn_list li[data-change='style3']::before,
[data-mode='style3'] .change_btn_list li[data-change='style3']::before,
[data-mode='style2'] .change_btn_list li[data-change='style2']::before,
[data-mode='style1'] .change_btn_list li[data-change='style1']::before {
  opacity: 0;
}

.l-cover {
  display: none;
}

.l-cover.is-open {
  display: block;
  content: "";
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0;
  -webkit-animation-name: PageAnime;
  animation-name: PageAnime;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}

[data-mode='style4'] .l-cover.is-open,
[data-mode='style3'] .l-cover.is-open {
  background-color: #d3e4fc;
}

[data-mode='style2'] .l-cover.is-open {
  background-color: #ffebc4;
}

[data-mode='style1'] .l-cover.is-open {
  background-color: #85aacb;
}

@-webkit-keyframes PageAnime {
  0% {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
  50.001% {
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
  }
}

@keyframes PageAnime {
  0% {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
  50.001% {
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
  }
}

/****************************************************************************************************************/
/****************************************************************************************************************/
.p-op__bg-item:nth-of-type(1) .p-op__bg-item-block {
  background: url(../img/common/bg_br01.jpg) 0 0 repeat;
  background-size: 572px;
  -webkit-animation: bgScroll 30s linear infinite;
  animation: bgScroll 30s linear infinite;
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

@media screen and (max-width: 900px) {
  .p-op__bg-item:nth-of-type(1) .p-op__bg-item-block {
    -webkit-animation: bgScroll 20s linear infinite;
            animation: bgScroll 20s linear infinite;
  }
}

.p-op__bg-item:nth-of-type(2) .p-op__bg-item-block {
  background: url(../img/common/bg_br02.jpg) 0 0 repeat;
  background-size: 572px;
  -webkit-animation: bgScroll 30s linear infinite;
  animation: bgScroll 30s linear infinite;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

@media screen and (max-width: 900px) {
  .p-op__bg-item:nth-of-type(2) .p-op__bg-item-block {
    -webkit-animation: bgScroll 20s linear infinite;
            animation: bgScroll 20s linear infinite;
  }
}

[data-mode='style2'] .p-op__bg-item:nth-of-type(1) .p-op__bg-item-block {
  background: url(../img/common/bg_br01.jpg) 0 0 repeat;
}

[data-mode='style1'] .p-op__bg-item:nth-of-type(1) .p-op__bg-item-block {
  background: url(../img/common/bg_br03.jpg) 0 0 repeat;
  -webkit-animation: bgScroll3 30s linear infinite;
          animation: bgScroll3 30s linear infinite;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-op__bg-item:nth-of-type(1) .p-op__bg-item-block {
    background-size: 460px !important;
  }
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-op__bg-item:nth-of-type(1) .p-op__bg-item-block {
    background-size: 460px !important;
  }
}

[data-mode='style2'] .p-op__bg-item:nth-of-type(2) .p-op__bg-item-block {
  background: url(../img/common/bg_br02.jpg) 0 0 repeat;
}

[data-mode='style1'] .p-op__bg-item:nth-of-type(2) .p-op__bg-item-block {
  background: url(../img/common/bg_br04.jpg) 0 0 repeat;
  background-size: 1160px;
  -webkit-animation: bgScroll3 30s linear infinite;
          animation: bgScroll3 30s linear infinite;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-op__bg-item:nth-of-type(2) .p-op__bg-item-block {
    background-size: 340px !important;
  }
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-op__bg-item:nth-of-type(2) .p-op__bg-item-block {
    background-size: 460px !important;
  }
}

[data-mode='style3'] .p-op__bg-item:nth-of-type(1) .p-op__bg-item-block {
  background: url(../img/common/bg_w.jpg) 0 0 repeat;
  background-size: 572px;
}

@media screen and (max-width: 900px) {
  [data-mode='style3'] .p-op__bg-item:nth-of-type(1) .p-op__bg-item-block {
    background-size: 300px !important;
  }
}

[data-mode='style3'] .p-op__bg-item:nth-of-type(2) .p-op__bg-item-block {
  background: url(../img/common/bg_b.jpg) 0 0 repeat;
  background-size: 572px;
}

@media screen and (max-width: 900px) {
  [data-mode='style3'] .p-op__bg-item:nth-of-type(2) .p-op__bg-item-block {
    background-size: 300px !important;
  }
}

[data-mode='style4'] .p-op__bg-item:nth-of-type(1) .p-op__bg-item-block {
  background: url(../img/common/bg_w.jpg) 0 0 repeat;
  background-size: 572px;
}

@media screen and (max-width: 900px) {
  [data-mode='style4'] .p-op__bg-item:nth-of-type(1) .p-op__bg-item-block {
    background-size: 300px !important;
  }
}

[data-mode='style4'] .p-op__bg-item:nth-of-type(2) .p-op__bg-item-block {
  background: url(../img/common/bg_b.jpg) 0 0 repeat;
  background-size: 572px;
}

@media screen and (max-width: 900px) {
  [data-mode='style4'] .p-op__bg-item:nth-of-type(2) .p-op__bg-item-block {
    background-size: 300px !important;
  }
}

@-webkit-keyframes bg_style {
  0% {
    background-color: white;
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}

@keyframes bg_style {
  0% {
    background-color: white;
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}

body {
  background: #fff;
}

body[data-mode='style3'].l-wrapper,
body[data-mode='style4'].l-wrapper {
  background-color: white;
  background-blend-mode: lighten;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  background-size: 572px;
  -webkit-animation: bg_style 0.2s linear 0.2s forwards, bgScroll 30s linear infinite;
  animation: bg_style 0.2s linear 0.2s forwards, bgScroll 30s linear infinite;
}

@media screen and (max-width: 900px) {
  body[data-mode='style3'].l-wrapper,
  body[data-mode='style4'].l-wrapper {
    -webkit-animation: bgScroll 20s linear infinite;
            animation: bgScroll 20s linear infinite;
  }
}

body[data-mode='style3'].l-wrapper.is-load,
body[data-mode='style4'].l-wrapper.is-load {
  background: url(../img/common/bg_w.jpg) 0 0 repeat;
  background-size: 572px;
}

@media screen and (max-width: 900px) {
  body[data-mode='style3'].l-wrapper.is-load,
  body[data-mode='style4'].l-wrapper.is-load {
    background-size: 300px !important;
  }
}

body[data-mode='style2'].l-wrapper {
  background-color: white;
  background-blend-mode: lighten;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  background-size: 572px;
  -webkit-animation: bg_style 0.2s linear 0.2s forwards, bgScroll 30s linear infinite;
  animation: bg_style 0.2s linear 0.2s forwards, bgScroll 30s linear infinite;
}

body[data-mode='style2'].l-wrapper.is-load {
  background: url(../img/common/bg_br01.jpg) 0 0 repeat;
}

@media screen and (max-width: 900px) {
  body[data-mode='style2'].l-wrapper.is-load {
    background-size: 420px !important;
  }
}

@media screen and (max-width: 900px) {
  body[data-mode='style1'].l-wrapper {
    background-size: 460px !important;
  }
}

body[data-mode='style1'].l-wrapper {
  background-color: white;
  background-blend-mode: lighten;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  background-size: 572px;
  -webkit-animation: bg_style 0.2s linear 0.2s forwards, bgScroll 30s linear infinite;
  animation: bg_style 0.2s linear 0.2s forwards, bgScroll 30s linear infinite;
}

@media screen and (max-width: 900px) {
  body[data-mode='style1'].l-wrapper {
    -webkit-animation: bg_style 0.2s linear 0.2s forwards, bgScroll 20s linear infinite;
            animation: bg_style 0.2s linear 0.2s forwards, bgScroll 20s linear infinite;
  }
}

body[data-mode='style1'].l-wrapper.is-load {
  background: url(../img/common/bg_br03.jpg) 0 0 repeat;
  background-size: 1160px;
  -webkit-animation: bgScroll3 60s linear infinite;
          animation: bgScroll3 60s linear infinite;
}

@media screen and (max-width: 900px) {
  body[data-mode='style1'].l-wrapper {
    background-size: 460px !important;
  }
}

body.l-wrapper {
  background: #fff;
  background-color: white;
  -webkit-animation: bg_style 0.2s linear 0.2s forwards;
  animation: bg_style 0.2s linear 0.2s forwards;
  opacity: 0 !important;
}

body.l-wrapper.is-load {
  opacity: 1 !important;
}

/****************************************************************************************************************/
/****************************************************************************************************************/
@media screen and (max-width: 900px) {
  [data-mode='style3'] .p-news::before {
    background-size: 300px;
  }
}

/****************************************************************************************************************/
/****************************************************************************************************************/
.is-load[data-mode='style2'] .p-news::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.is-load[data-mode='style2'] > .deco::before,
.is-load[data-mode='style2'] > .deco::after {
  opacity: 1;
}

.is-active [data-mode='style2'] .p-movie__deco::before,
.is-active [data-mode='style2'] .p-movie__deco::after {
  opacity: 1 !important;
  -webkit-transform: translate(0);
  transform: translate(0);
}

[data-mode='style2'].is-in::before {
  background: url(../img/common/bg_br02.jpg) 0 0 repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'].is-in::before {
    background-size: 340px !important;
  }
}

[data-mode='style2'].is-in::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 2px;
  height: 100%;
  background: url(../img/common/line_02.png) repeat-y;
  background-size: contain;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'].is-in::after {
    right: 4px;
    width: 1.5px;
  }
}

body[data-mode='style2'] > .deco {
  height: 100%;
  overflow: hidden;
}

body[data-mode='style2'] > .deco::before {
  content: "";
  position: absolute;
  width: 23.5%;
  height: 230px;
  bottom: 220px;
  right: 0;
  background: url(../img/common/deco_in-footprints.png) no-repeat bottom;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0.3s;
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0.3s;
}

@media screen and (max-width: 900px) {
  body[data-mode='style2'] > .deco::before {
    height: 100%;
    bottom: 100px;
    right: 0;
  }
}

body[data-mode='style2'] > .deco::after {
  content: "";
  position: absolute;
  width: 23.5%;
  height: 250px;
  bottom: 0;
  right: 0;
  pointer-events: none;
  background: #000;
  background: url(../img/common/deco_in-connpass.png) no-repeat bottom;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0.3s;
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0.3s;
}

@media screen and (max-width: 900px) {
  body[data-mode='style2'] > .deco::after {
    height: 100%;
  }
}

[data-mode='style2'] .p-news {
  overflow: hidden;
}

[data-mode='style2'] .p-news::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/common/bg_br02.jpg) 0 0 repeat;
  background-size: 572px;
  -webkit-animation: bgScroll 30s linear infinite;
  animation: bgScroll 30s linear infinite;
  -webkit-transition: -webkit-clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.4s;
  transition: -webkit-clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.4s;
  transition: clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.4s;
  transition: clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.4s, -webkit-clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.4s;
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  z-index: -1;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-news::before {
    background-size: 340px !important;
  }
}

[data-mode='style2'] .p-news::after {
  content: "";
  position: absolute;
  width: 21.5%;
  height: 36%;
  right: 2%;
  background: url(../img/common/deco_footprints.png) no-repeat;
  background-size: contain;
  z-index: -1;
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .p-news::after {
    bottom: 4%;
  }
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-news::after {
    width: 46.5%;
    height: 31%;
    top: -3%;
  }
}

[data-mode='style2'] .p-news > span::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(../img/common/line_01.png) repeat-x;
  background-size: contain;
}

[data-mode='style2'] .p-news > span::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(../img/common/line_01.png) repeat-x;
  background-size: contain;
}

[data-mode='style2'] .c-main__title h2 .u-main {
  color: var(--color-brown);
}

[data-mode='style2'] .c-main__title h2 .u-small {
  color: var(--color-white);
  top: -8px;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .c-main__title h2 .u-small {
    top: -5px;
  }
}

[data-mode='style2'] .c-main__title::before {
  background: url(../img/common/ttl_line02.png) center repeat-x;
  background-size: contain;
  height: 30px;
  width: calc(100% - 63px);
  bottom: 0;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .c-main__title::before {
    height: 18px;
    width: calc(100% - 36px);
  }
}

[data-mode='style2'] .c-main__title::after {
  background: url(../img/common/ttl_deco02.png) center no-repeat;
  background-size: contain;
  height: 30px;
  width: 66px;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .c-main__title::after {
    height: 18px;
    width: 38px;
  }
}

[data-mode='style2'] .l-news__list-item {
  border: 2px solid var(--color-brown);
}

[data-mode='style2'] .l-news__list-item a::after {
  background-color: var(--color-brown);
}

[data-mode='style2'] .l-news__list-item a .p-in-inner::before {
  border: 1px solid var(--color-brown);
}

[data-mode='style2'] .l-news__list-item .p-in-data,
[data-mode='style2'] .l-news__list-item .p-in-text {
  -webkit-transition: color 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0s;
  transition: color 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0s;
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .l-news__list-item:hover a .p-in-data,
  [data-mode='style2'] .l-news__list-item:hover a .p-in-text {
    color: var(--color-white);
  }
}

[data-mode='style2'] .l-news__list-item::before {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 35px;
  background: url(../img/news/news_deco02.png) center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .l-news__list-item::before {
    width: 20px;
    height: 20px;
    top: 2px;
    right: 22px;
  }
}

[data-mode='style2'] .l-news__list-item::after {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../img/news/news_deco02.png) center no-repeat;
  background-size: contain;
  -webkit-transform: translateY(244%);
  transform: translateY(244%);
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .l-news__list-item::after {
    width: 20px;
    height: 20px;
    bottom: 2px;
    left: 2px;
    -webkit-transform: translateY(185%);
    transform: translateY(185%);
  }
}

[data-mode='style2'] .c-btn a {
  color: var(--color-white);
  background-color: var(--color-brown);
}

[data-mode='style2'] .c-btn a::before {
  background-color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .c-btn:hover a {
    background-color: var(--color-black);
  }
}

[data-mode='style2'] .p-movie__inner::after {
  border: 2px solid var(--color-brown);
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-movie__inner::after {
    border: 1px solid var(--color-brown);
  }
}

[data-mode='style2'] .p-movie__inner {
  border: 10px solid var(--color-brown);
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-movie__inner {
    border: 6px solid var(--color-brown);
  }
}

[data-mode='style2'] .p-movie__deco::before {
  content: "";
  display: block;
  width: 180px;
  padding-top: 180px;
  position: absolute;
  top: 10px;
  left: 10px;
  background: url(../img/top/movie_deco02.png) center no-repeat;
  background-size: contain;
  z-index: 2;
  -webkit-transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-movie__deco::before {
    top: 7px;
    left: 7px;
    width: 20%;
    padding-top: 20%;
  }
}

[data-mode='style2'] .p-movie__deco::after {
  content: "";
  display: block;
  width: 180px;
  padding-top: 180px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: url(../img/top/movie_deco02.png) center no-repeat;
  background-size: contain;
  z-index: 2;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-movie__deco::after {
    bottom: 7px;
    right: 7px;
    width: 20%;
    padding-top: 20%;
  }
}

[data-mode='style2'] .p-news_list__content-nav-list li.is-current a {
  color: var(--color-white);
}

[data-mode='style2'] .p-news_list__content-nav-list li a::before {
  background-color: var(--color-brown);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .p-news_list__content-nav-list li:hover a {
    color: var(--color-white);
  }
}

[data-mode='style2'] .p-onair__block-onair h3,
[data-mode='style2'] .p-onair__block-web h3 {
  color: var(--color-brown);
}

[data-mode='style2'] .p-onair__block-web-in .cap.-pink {
  color: var(--color-brown);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .p-onair__block-web-in .web-list li:hover {
    background: var(--color-brown);
  }
}

[data-mode='style2'] .p-staffcast__content-title {
  color: var(--color-brown);
}

[data-mode='style2'] .p-staffcast__content-list-item .p-in-chara {
  color: var(--color-brown);
}

[data-mode='style2'].is-chara {
  background: url(../img/common/bg_br01.jpg) 0 0 repeat;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  background-size: 572px;
}

[data-mode='style2'] .p-character__content-main-list-item-bg {
  background-size: 90px 119px;
  top: 220px;
  height: 520px;
}

[data-mode='style2'] .p-character__content-main-list-item-bg::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 2px;
}

[data-mode='style2'] .p-character__content-main-list-item-bg::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(1) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_01-2.jpg) top left repeat;
  top: 70px;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-character__content-main-list-item:nth-of-type(1) .p-character__content-main-list-item-bg {
    background-size: 40px;
    height: 550px;
  }
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(1) .p-character__content-main-list-item-bg::before,
[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(1) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_01.png);
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(2) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_02-2.jpg) top left repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-character__content-main-list-item:nth-of-type(2) .p-character__content-main-list-item-bg {
    background-size: 40px;
  }
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(2) .p-character__content-main-list-item-bg::before,
[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(2) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_02.png);
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(3) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_03-2.jpg) top left repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-character__content-main-list-item:nth-of-type(3) .p-character__content-main-list-item-bg {
    background-size: 40px;
  }
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(3) .p-character__content-main-list-item-bg::before,
[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(3) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_03.png);
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(4) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_04-2.jpg) top left repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-character__content-main-list-item:nth-of-type(4) .p-character__content-main-list-item-bg {
    background-size: 40px;
  }
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(4) .p-character__content-main-list-item-bg::before,
[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(4) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_04.png);
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(5) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_05-2.jpg) top left repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-character__content-main-list-item:nth-of-type(5) .p-character__content-main-list-item-bg {
    background-size: 40px;
  }
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(5) .p-character__content-main-list-item-bg::before,
[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(5) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_05.png);
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(6) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_06-2.jpg) top left repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-character__content-main-list-item:nth-of-type(6) .p-character__content-main-list-item-bg {
    background-size: 40px;
  }
}

[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(6) .p-character__content-main-list-item-bg::before,
[data-mode='style2'] .p-character__content-main-list-item:nth-of-type(6) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_06.png);
}

@media screen and (max-width: 900px) {
  [data-mode='style2'] .p-character__content-main-list {
    padding-bottom: 56px;
  }
}

[data-mode='style2'] .p-story__tab li {
  color: var(--color-brown);
}

[data-mode='style2'] .p-story__tab li.is-current {
  color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .p-story__tab li:hover p {
    color: var(--color-white);
  }
}

[data-mode='style2'] .slick-dots li.slick-active button {
  background: var(--color-brown);
}

[data-mode='style2'] .btn_change {
  color: var(--color-brown);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .btn_change:hover {
    background: var(--color-brown);
    color: var(--color-white);
  }
}

[data-mode='style2'] .btn_change::before {
  border: 1px solid var(--color-brown);
}

[data-mode='style2'] .p-story__staff > .s_cap span,
[data-mode='style2'] .p-story__movie > .s_cap span,
[data-mode='style2'] .p-story__staff .staff_wrap dl dt {
  color: var(--color-brown);
}

[data-mode='style2'] .p-music__tab_item.current {
  color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .p-music__tab_item:hover {
    color: var(--color-white);
  }
}

[data-mode='style2'] .p-music_ttl {
  color: var(--color-brown);
}

[data-mode='style2'] .btn_buy {
  color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .btn_buy:hover {
    background: var(--color-brown);
  }
}

[data-mode='style2'] .p-music_profile dt,
[data-mode='style2'] .p-music_comment dt {
  color: var(--color-brown);
}

[data-mode='style2'] .p-music_link dt {
  color: var(--color-brown);
}

[data-mode='style2'] .p-music_link dd {
  background: var(--color-brown);
  border: 1px solid var(--color-brown);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .p-music_link dd:hover a {
    color: var(--color-brown);
  }
}

[data-mode='style2'] .p-bddvd__tab li.is-current {
  color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .p-bddvd__tab li:hover {
    color: var(--color-white);
  }
}

[data-mode='style2'] .p-bddvd_right-item dt {
  color: var(--color-brown);
}

[data-mode='style2'] .p-bddvd_left-link {
  color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .p-bddvd_left-link:hover {
    background: var(--color-brown);
  }
}

[data-mode='style2'] .p-bddvd_special-all h3,
[data-mode='style2'] .p-bddvd_special-shop h3 {
  color: var(--color-brown);
}

[data-mode='style2'] .p-bddvd_special-all .note li span {
  color: var(--color-brown);
}

[data-mode='style2'] .p-bddvd_special-shop .shop_name a {
  color: var(--color-brown);
}

[data-mode='style2'] .p-bddvd_special-shop .shop_name a::before {
  background: url(../img/bddvd/link-02.png) no-repeat;
  background-size: contain;
}

[data-mode='style2'] .p-bddvd_special-all__txt .shop .shop_link {
  background: var(--color-brown);
  border: 1px solid var(--color-brown);
}

@media screen and (min-width: 901px) {
  [data-mode='style2'] .p-bddvd_special-all__txt .shop .shop_link:hover a {
    color: var(--color-brown);
  }
}

[data-mode='style2'] .p-special__content-title {
  color: var(--color-brown);
}

/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
.is-load[data-mode='style1'] .p-news::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.is-load[data-mode='style1'] > .deco::before,
.is-load[data-mode='style1'] > .deco::after {
  opacity: 1;
}

.is-active [data-mode='style1'] .p-movie__deco::before,
.is-active [data-mode='style1'] .p-movie__deco::after {
  opacity: 1 !important;
  -webkit-transform: translate(0);
  transform: translate(0);
}

[data-mode='style1'].is-in::before {
  background: url(../img/common/bg_br04.jpg) 0 0 repeat;
  background-size: 1160px;
  -webkit-animation: bgScroll3 60s linear infinite;
          animation: bgScroll3 60s linear infinite;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'].is-in::before {
    background-size: 460px !important;
  }
}

[data-mode='style1'].is-in::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 2px;
  height: 100%;
  background: url(../img/common/line_04.png) repeat-y;
  background-size: contain;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'].is-in::after {
    right: 4px;
    width: 1.5px;
  }
}

body[data-mode='style1'] > .deco {
  height: 100%;
  overflow: hidden;
}

body[data-mode='style1'] > .deco::before {
  content: "";
  position: absolute;
  width: 23.5%;
  height: 230px;
  bottom: 220px;
  right: 0;
  background: url(../img/common/deco_in-footprints2.png) no-repeat bottom;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0.3s;
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0.3s;
}

@media screen and (max-width: 900px) {
  body[data-mode='style1'] > .deco::before {
    height: 100%;
    bottom: 100px;
    right: 0;
  }
}

body[data-mode='style1'] > .deco::after {
  content: "";
  position: absolute;
  width: 23.5%;
  height: 250px;
  bottom: 0;
  right: 0;
  pointer-events: none;
  background: #000;
  background: url(../img/common/deco_in-connpass2.png) no-repeat bottom;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0.3s;
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0.3s;
}

@media screen and (max-width: 900px) {
  body[data-mode='style1'] > .deco::after {
    height: 100%;
  }
}

[data-mode='style1'] .p-news {
  overflow: hidden;
}

[data-mode='style1'] .p-news::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/common/bg_br04.jpg) 0 0 repeat;
  background-size: 1160px;
  -webkit-animation: bgScroll3 60s linear infinite;
  animation: bgScroll3 60s linear infinite;
  -webkit-transition: -webkit-clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.4s;
  transition: -webkit-clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.4s;
  transition: clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.4s;
  transition: clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.4s, -webkit-clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.4s;
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  z-index: -1;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-news::before {
    background-size: 460px !important;
  }
}

[data-mode='style1'] .p-news::after {
  content: "";
  position: absolute;
  width: 21.5%;
  height: 36%;
  right: 2%;
  background: url(../img/common/deco_footprints2.png) no-repeat;
  background-size: contain;
  z-index: -1;
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .p-news::after {
    bottom: 4%;
  }
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-news::after {
    width: 46.5%;
    height: 31%;
    top: -3%;
  }
}

[data-mode='style1'] .p-news > span::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(../img/common/line_03.png) repeat-x;
  background-size: contain;
}

[data-mode='style1'] .p-news > span::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(../img/common/line_03.png) repeat-x;
  background-size: contain;
}

[data-mode='style1'] .c-main__title h2 .u-main {
  color: var(--color-white);
}

[data-mode='style1'] .c-main__title h2 .u-small {
  color: var(--color-white);
  top: -8px;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .c-main__title h2 .u-small {
    top: -5px;
  }
}

[data-mode='style1'] .c-main__title::before {
  background: url(../img/common/ttl_line03.png) center repeat-x;
  background-size: contain;
  height: 30px;
  width: calc(100% - 63px);
  bottom: 0;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .c-main__title::before {
    height: 18px;
    width: calc(100% - 36px);
  }
}

[data-mode='style1'] .c-main__title::after {
  background: url(../img/common/ttl_deco03.png) center no-repeat;
  background-size: contain;
  height: 30px;
  width: 66px;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .c-main__title::after {
    height: 18px;
    width: 38px;
  }
}

[data-mode='style1'] .l-news__list-item {
  border: 2px solid var(--color-black);
}

[data-mode='style1'] .l-news__list-item a::after {
  background-color: var(--color-black);
}

[data-mode='style1'] .l-news__list-item a .p-in-inner::before {
  border: 1px solid var(--color-black);
}

[data-mode='style1'] .l-news__list-item .p-in-data,
[data-mode='style1'] .l-news__list-item .p-in-text {
  -webkit-transition: color 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0s;
  transition: color 0.6s cubic-bezier(0.33, 1, 0.68, 1) 0s;
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .l-news__list-item:hover a .p-in-data,
  [data-mode='style1'] .l-news__list-item:hover a .p-in-text {
    color: var(--color-white);
  }
}

[data-mode='style1'] .l-news__list-item::before {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 35px;
  background: url(../img/news/news_deco03.png) center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .l-news__list-item::before {
    width: 20px;
    height: 20px;
    top: 2px;
    right: 22px;
  }
}

[data-mode='style1'] .l-news__list-item::after {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../img/news/news_deco03.png) center no-repeat;
  background-size: contain;
  -webkit-transform: translateY(244%);
  transform: translateY(244%);
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .l-news__list-item::after {
    width: 20px;
    height: 20px;
    bottom: 2px;
    left: 2px;
    -webkit-transform: translateY(185%);
    transform: translateY(185%);
  }
}

[data-mode='style1'] .c-btn a {
  color: var(--color-white);
  background-color: var(--color-black);
}

[data-mode='style1'] .c-btn a::before {
  background-color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .c-btn:hover a {
    background-color: var(--color-black);
  }
}

[data-mode='style1'] .p-movie__inner::after {
  border: 2px solid var(--color-black);
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-movie__inner::after {
    border: 1px solid var(--color-black);
  }
}

[data-mode='style1'] .p-movie__inner {
  border: 10px solid var(--color-black);
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-movie__inner {
    border: 6px solid var(--color-black);
  }
}

[data-mode='style1'] .p-movie__deco::before {
  content: "";
  display: block;
  width: 180px;
  padding-top: 180px;
  position: absolute;
  top: 10px;
  left: 10px;
  background: url(../img/top/movie_deco03.png) center no-repeat;
  background-size: contain;
  z-index: 2;
  -webkit-transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-movie__deco::before {
    top: 7px;
    left: 7px;
    width: 20%;
    padding-top: 20%;
  }
}

[data-mode='style1'] .p-movie__deco::after {
  content: "";
  display: block;
  width: 180px;
  padding-top: 180px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: url(../img/top/movie_deco03.png) center no-repeat;
  background-size: contain;
  z-index: 2;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-movie__deco::after {
    bottom: 7px;
    right: 7px;
    width: 20%;
    padding-top: 20%;
  }
}

[data-mode='style1'] .p-news_list__content-nav-list li.is-current a {
  color: var(--color-white);
}

[data-mode='style1'] .p-news_list__content-nav-list li a::before {
  background-color: var(--color-black);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .p-news_list__content-nav-list li:hover a {
    color: var(--color-white);
  }
}

[data-mode='style1'] .p-onair__block-onair h3,
[data-mode='style1'] .p-onair__block-web h3 {
  color: var(--color-white);
}

[data-mode='style1'] .p-onair__block-web-in .cap.-pink {
  color: var(--color-black);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .p-onair__block-web-in .web-list li:hover {
    background: var(--color-white);
    color: var(--color-black);
  }
  [data-mode='style1'] .p-onair__block-web-in .web-list li:hover::before {
    border: 1px solid var(--color-black);
  }
}

[data-mode='style1'] .p-staffcast__content-title {
  color: var(--color-white);
}

[data-mode='style1'] .p-staffcast__content-list-item .p-in-chara {
  color: var(--color-white);
}

[data-mode='style1'].is-chara {
  background: url(../img/common/bg_br03.jpg) 0 0 repeat;
  -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  background-size: 1160px;
  -webkit-animation: bgScroll3 60s linear infinite;
          animation: bgScroll3 60s linear infinite;
}

[data-mode='style1'] .p-character__content-main-list-item-bg {
  background-size: 90px 119px;
  top: 220px;
  height: 520px;
}

[data-mode='style1'] .p-character__content-main-list-item-bg::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 2px;
}

[data-mode='style1'] .p-character__content-main-list-item-bg::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(1) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_01-3.jpg) top left repeat;
  top: 70px;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-character__content-main-list-item:nth-of-type(1) .p-character__content-main-list-item-bg {
    background-size: 40px;
    height: 550px;
  }
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(1) .p-character__content-main-list-item-bg::before,
[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(1) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_01.png);
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(2) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_02-3.jpg) top left repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-character__content-main-list-item:nth-of-type(2) .p-character__content-main-list-item-bg {
    background-size: 40px;
  }
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(2) .p-character__content-main-list-item-bg::before,
[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(2) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_02.png);
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(3) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_03-3.jpg) top left repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-character__content-main-list-item:nth-of-type(3) .p-character__content-main-list-item-bg {
    background-size: 40px;
  }
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(3) .p-character__content-main-list-item-bg::before,
[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(3) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_03.png);
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(4) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_04-3.jpg) top left repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-character__content-main-list-item:nth-of-type(4) .p-character__content-main-list-item-bg {
    background-size: 40px;
  }
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(4) .p-character__content-main-list-item-bg::before,
[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(4) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_04.png);
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(5) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_05-3.jpg) top left repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-character__content-main-list-item:nth-of-type(5) .p-character__content-main-list-item-bg {
    background-size: 40px;
  }
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(5) .p-character__content-main-list-item-bg::before,
[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(5) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_05.png);
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(6) .p-character__content-main-list-item-bg {
  background: url(../img/character/chara_bg_06-3.jpg) top left repeat;
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-character__content-main-list-item:nth-of-type(6) .p-character__content-main-list-item-bg {
    background-size: 40px;
  }
}

[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(6) .p-character__content-main-list-item-bg::before,
[data-mode='style1'] .p-character__content-main-list-item:nth-of-type(6) .p-character__content-main-list-item-bg::after {
  background: url(../img/character/line_06.png);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .p-character__content-main-list-item-inner .p-in-detail .p-in-name {
    color: var(--color-white);
  }
}

@media screen and (max-width: 900px) {
  [data-mode='style1'] .p-character__content-main-list {
    padding-bottom: 56px;
  }
}

[data-mode='style1'] .p-story__tab li {
  color: var(--color-white);
}

[data-mode='style1'] .p-story__tab li.is-current {
  color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .p-story__tab li:hover p {
    color: var(--color-white);
  }
}

[data-mode='style1'] .slick-dots li.slick-active button {
  background: var(--color-white);
}

[data-mode='style1'] .btn_change {
  color: var(--color-black);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .btn_change:hover {
    background: var(--color-black);
    color: var(--color-white);
  }
}

[data-mode='style1'] .btn_change::before {
  border: 1px solid var(--color-black);
}

[data-mode='style1'] .p-story__staff > .s_cap span,
[data-mode='style1'] .p-story__movie > .s_cap span,
[data-mode='style1'] .p-story__staff .staff_wrap dl dt {
  color: var(--color-white);
}

[data-mode='style1'] .p-music__tab_item.current {
  color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .p-music__tab_item:hover {
    color: var(--color-white);
  }
}

[data-mode='style1'] .p-music_ttl {
  color: var(--color-white);
}

[data-mode='style1'] .btn_buy {
  color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .btn_buy:hover {
    background: var(--color-white);
    color: var(--color-black);
  }
  [data-mode='style1'] .btn_buy:hover::before {
    border: 1px solid var(--color-black);
  }
}

[data-mode='style1'] .p-music_profile dt,
[data-mode='style1'] .p-music_comment dt {
  color: var(--color-white);
}

[data-mode='style1'] .p-music_link dt {
  color: var(--color-white);
}

[data-mode='style1'] .p-music_link dd {
  background: var(--color-black);
  border: 1px solid var(--color-black);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .p-music_link dd:hover a {
    color: var(--color-black);
  }
}

[data-mode='style1'] .p-bddvd__tab li.is-current {
  color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .p-bddvd__tab li:hover {
    color: var(--color-white);
  }
}

[data-mode='style1'] .p-bddvd_right-item dt {
  color: var(--color-white);
}

[data-mode='style1'] .p-bddvd_left-link {
  color: var(--color-white);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .p-bddvd_left-link:hover {
    background: var(--color-white);
    color: var(--color-black);
  }
  [data-mode='style1'] .p-bddvd_left-link:hover::before {
    border: 1px solid var(--color-black);
  }
}

[data-mode='style1'] .p-bddvd_special-all h3,
[data-mode='style1'] .p-bddvd_special-shop h3 {
  color: var(--color-white);
}

[data-mode='style1'] .p-bddvd_special-all .note li span {
  color: var(--color-white);
}

[data-mode='style1'] .p-bddvd_special-shop .shop_name a {
  color: var(--color-white);
}

[data-mode='style1'] .p-bddvd_special-shop .shop_name a::before {
  background: url(../img/bddvd/link-03.png) no-repeat;
  background-size: contain;
}

[data-mode='style1'] .p-bddvd_special-all__txt .shop .shop_link {
  background: var(--color-black);
  border: 1px solid var(--color-black);
}

@media screen and (min-width: 901px) {
  [data-mode='style1'] .p-bddvd_special-all__txt .shop .shop_link:hover a {
    color: var(--color-black);
  }
}

[data-mode='style1'] .p-special__content-title {
  color: var(--color-white);
}

[data-mode='style1'] .p-footer {
  color: var(--color-white);
}

[data-mode='style1'] .p-footer a {
  color: var(--color-white);
}

[data-mode='style1'] .p-footer .p-footer__link-list-item::before {
  background-color: var(--color-white);
}

[data-mode='style1'] .p-introduction__content-detail .u-red {
  color: #ffced0;
}

[data-mode='style1'] .p-introduction__content-detail .u-blue {
  color: #bedcff;
}

/***********************************************************************/
[data-mode='style2'] .black,
[data-mode='style3'] .black,
[data-mode='style4'] .black {
  display: block;
}

[data-mode='style2'] .white,
[data-mode='style3'] .white,
[data-mode='style4'] .white {
  display: none;
}

[data-mode='style1'] .black {
  display: none;
}

[data-mode='style1'] .white {
  display: block;
}
/*# sourceMappingURL=change.css.map */