<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */


.theme-mclass .c-font__jost {
  font-family: "Jost", sans-serif;
}
.theme-mclass {
  background-color: #000;
  color: #fff;
  overflow: hidden;
  margin-bottom: -30px;
}
.theme-mclass .t-collabo__heading {
  padding-bottom: 0;
  /* text-shadow: 0 0 20px rgb(255 255 255 / 80%), 0 0 20px rgb(0 0 0 / 80%); */
  font-size: 50px;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}
.theme-mclass .t-collabo__heading-left {
  left: 0;
  z-index: 10;
  font-size: 46px;
  font-size: 4.6rem;
}
.theme-mclass .t-collabo__heading-ja {
  margin-top: 35px;
}
.theme-mclass .t-collabo__text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.888;
  letter-spacing: 0.025em;
}
.theme-mclass .p-mclass__sub-heading {
  margin-bottom: 10px;
  color: #999;
  font-size: 16px;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.theme-mclass .p-mclass__heading {
  text-align: center;
  font-size: 60px;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.05em;
  /* text-shadow: 8px 5px 20px #0f131b; */
}
.theme-mclass .p-mclass__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 40px 10px 20px;
  position: relative;
  background: linear-gradient(
    to right,
    rgba(234, 85, 4, 1) 0%,
    rgba(235, 90, 3, 1) 17%,
    rgba(238, 107, 3, 1) 38%,
    rgba(244, 134, 1, 1) 67%,
    rgba(253, 171, 0, 1) 95%,
    rgba(255, 180, 0, 1) 100%
  );
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: 0.3s;
}
.theme-mclass .p-mclass__btn img {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
.theme-mclass .p-mclass__btn img.is-on {
  opacity: 0;
}
.theme-mclass .p-mclass__btn:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.theme-mclass .p-mclass__btn:hover img.is-off {
  opacity: 0;
}
.theme-mclass .p-mclass__btn:hover img.is-on {
  opacity: 1;
}
.theme-mclass .p-mclass__btn i {
  margin-right: 0.75em;
  font-size: 1.5em;
}
.theme-mclass .p-mclass__btn .is-icon {
  width: 31px;
  height: 25px;
  position: relative;
  margin-right: 0.75em;
}
.theme-mclass .p-mclass__btn .is-icon.is-twitter img {
  width: 25px;
}
.theme-mclass .p-mclass__btn .is-icon.is-youtube img {
  width: 31px;
}
.theme-mclass .p-mclass__btn .is-icon.is-twitch img {
  width: 21px;
}
.theme-mclass .p-mclass__btn .is-icon img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .theme-mclass .t-collabo__container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .theme-mclass .t-collabo__heading,
  .theme-mclass .p-mclass__heading {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.025em;
  }
  .theme-mclass .t-collabo__heading-ja {
    margin-top: 15px;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.025em;
  }
  .theme-mclass .t-collabo__text {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.727;
  }
  .theme-mclass .p-mclass__sub-heading {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.025em;
  }
  .theme-mclass .p-mclass__btn {
    padding: 15px 20px 15px 10px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .theme-mclass .p-mclass__btn &gt; img {
    width: 9px;
  }
  .theme-mclass .p-mclass__btn .is-icon {
    width: 1.75em;
    height: 1.5em;
  }
}
/* pankuzu
------------------------------------------------------------ */
#M-class.theme-mclass {
  position: relative;
}
.theme-pdlp .c-pankuzu {
  display: block;
  max-width: 1240px;
  padding: 0 20px;
  position: absolute;
  top: 30px;
  right: 0;
  left: 0;
  z-index: 10;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}
.theme-pdlp .c-pankuzu a {
  display: inline-flex;
  align-items: center;
  margin-right: 0.75em;
  position: relative;
  color: #fff;
}
.theme-pdlp .c-pankuzu a::after {
  content: "";
  display: inline-block;
  width: 0.707em;
  height: 0.707em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  margin-left: 0.5em;
  transform: translateY(-0.1em) rotate(45deg);
}
.theme-pdlp .c-pankuzu strong {
  color: #b19878;
}
@media screen and (max-width: 1160px) {
  .theme-pdlp .c-pankuzu {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-pdlp .c-pankuzu a::after {
    width: 0.5em;
    height: 0.5em;
    border-top-width: 1px;
    border-right-width: 1px;
  }
}
/* main
------------------------------------------------------------ */
.theme-lp main {
  margin-top: -10px;
}
.theme-mclass .p-mclass-main {
  min-height: calc(100vh - 132px);
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2023/02/LP_main1_1_1s.jpg");
  background-position: center bottom;
}
.theme-mclass .p-mclass-main__container {
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 3;
}
.theme-mclass .p-mclass-main-contents {
  max-width: 350px;
  padding: 200px 0;
  margin-left: auto;
}
.theme-mclass .p-mclass-main-contents__level-logo {
  margin-bottom: 30px !important;
}
.theme-mclass .p-mclass-main-contents__sub-heading {
  margin: 10px !important;
  font-size: 13.5px;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
  text-shadow: 0 0 20px rgba(234, 85, 4, 0.8);
}
.theme-mclass .p-mclass-main-contents__heading {
  color: #b19878;
  font-size: 86px;
  font-size: 8.6rem;
  font-weight: 500;
  line-height: 1 !important;
  letter-spacing: 0;
  white-space: nowrap;
  text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
}
.theme-mclass .p-mclass-main-contents__heading span {
  letter-spacing: 0.05em;
}
.theme-mclass .p-mclass-main-contents__text {
  margin-top: 15px;
  margin-right: -60px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.025em;
}
.theme-mclass .p-mclass-main-contents__btn-wrap {
  margin-top: 30px;
  margin-right: -50px;
}
.theme-mclass .p-mclass-main-sns {
  position: absolute;
  right: 0;
  bottom: 110px;
}
.theme-mclass .p-mclass-main-sns__group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.theme-mclass .p-mclass-main-sns__group-item {
  padding: 35px;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2023/02/icon_bg.png");
  background-repeat: no-repeat;
  background-position: center;
}
.theme-mclass .p-mclass-main-sns__group-item a {
  display: block;
}
.theme-mclass .p-mclass-main-sns__group-item img {
  vertical-align: middle;
}
.theme-mclass .p-mclass-main__image {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.theme-mclass .p-mclass-main__image img {
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.theme-mclass .p-mclass-main__image-bg {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.theme-mclass .p-mclass-main__image-bg img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media screen and (max-height: 850px) {
  .theme-mclass .p-mclass-main-sns {
    bottom: 50px;
  }
}
@media screen and (max-width: 1320px) {
  .theme-mclass .p-mclass-main-contents__text {
    margin-right: 0;
  }
  .theme-mclass .p-mclass-main-contents__btn-wrap {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .theme-mclass .p-mclass-main {
    background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2023/02/ddd471d6cc039e733d776ee1011cb457.png");
    background-size: 100% auto;
  }
  .theme-mclass .p-mclass-main__image {
    margin-left: -20%;
  }
}
@media screen and (max-width: 767px) {
  .theme-mclass .p-mclass-main {
    padding-bottom: 80px;
    background-position: center bottom 80px;
  }
  .theme-mclass .p-mclass-main__container {
    padding-top: 85px;
    padding-bottom: 0;
    position: static;
  }
  .theme-mclass .p-mclass-main-contents {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .theme-mclass .p-mclass-main-contents__level-logo img {
    width: 112px;
  }
  .theme-mclass .p-mclass-main-contents__heading {
    font-size: 60px;
    font-size: 6rem;
  }
  .theme-mclass .p-mclass-main-contents__text {
    font-size: 14px;
    font-size: 1.4rem;
    text-shadow: 0 0 5px #ff4a2c;
  }
  .theme-mclass .p-mclass-main-contents__btn-wrap {
    width: 100%;
    max-width: 300px;
    padding: 0 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 65px;
    margin: auto;
  }
  .theme-mclass .p-mclass-main-sns {
    width: 100%;
    bottom: 5px;
  }
  .theme-mclass .p-mclass-main-sns__group-item {
    padding: 15px 25px;
  }
  .theme-mclass .p-mclass-main-sns__group-item img {
    width: auto;
    height: 12px;
  }
  .theme-mclass .p-mclass-main__image {
    width: auto;
    position: static;
    margin: -10% -20px 0;
  }
  .theme-mclass .p-mclass-main__image-bg {
    bottom: 80px;
  }
}
/* CONCEPT
------------------------------------------------------------ */
.theme-mclass .p-mclass-concept {
  min-height: 100vh;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2025/03/pc_game_mclass_concept.jpg");
}
.theme-mclass .p-mclass-concept__container {
  position: relative;
  z-index: 2;
}
.theme-mclass .p-mclass-concept-contents {
  max-width: 350px;
}
.theme-mclass .p-mclass-concept-contents__sub-heading {
  text-align: left;
}
.theme-mclass .p-mclass-concept-contents__heading {
  text-align: left;
}
.theme-mclass .p-mclass-concept-contents__text {
  margin-top: 10px;
}
.theme-mclass .p-mclass-concept__image {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.theme-mclass .p-mclass-concept__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1023px) {
  .theme-mclass .p-mclass-concept {
    min-height: inherit;
    background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2025/03/pc_game_mclass_concept_sp.jpg");
    background-size: 100% auto;
    background-position: center bottom;
  }
  .theme-mclass .p-mclass-concept__container {
    padding-bottom: 0;
  }
  .theme-mclass .p-mclass-concept-contents {
    max-width: 100%;
  }
  .theme-mclass .p-mclass-concept__image {
    width: auto;
    position: static;
    margin: -10% -20px 0;
  }
}
/* features
------------------------------------------------------------ */
.theme-mclass .p-mclass-features {
  background-color: #000;
}
.theme-mclass .p-mclass-features .t-collabo-features__container {
  min-height: 700px;
}
.theme-mclass .p-mclass-features__heading {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.471;
  letter-spacing: 0.025em;
  font-family: '貂ｸ譏取悃','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;

}
.theme-mclass .p-mclass-features__heading .is-subheading {
  display: block;
  margin-bottom: 30px;
  color: #b19878;
  font-size: 40px;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0;
  /* text-shadow: 0 0 15px rgb(75 96 124); */
  font-family: 'Jost';
}
.theme-mclass .p-mclass-features__heading + .t-collabo__text {
  margin-top: 15px;
  margin-bottom: 30px !important;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1023px) {
  .theme-mclass .p-mclass-features .t-collabo-features__container {
    min-height: inherit;
    padding-top: unset;
  }
  .theme-mclass .p-mclass-features__heading {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .theme-mclass .p-mclass-features__heading {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  .theme-mclass .p-mclass-features__heading .is-subheading {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .theme-mclass .p-mclass-features__heading .is-subheading span {
    margin-left: 0.15em;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .theme-mclass .p-mclass-features__heading + .t-collabo__text {
    letter-spacing: unset;
  }
}
/* features 1 */
.theme-mclass .p-mclass-feature01 {
  /*background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, #090d14 80%, rgba(0, 0, 0, 1) 100%);*/
}
.theme-mclass .p-mclass-feature01__container {
  position: relative;
}
.theme-mclass .p-mclass-feature01__features-heading {
  text-align: center;
}
.theme-mclass .p-mclass-feature01__text {
  max-width: 714px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.theme-mclass .t-collabo-rotate-slides {
  max-width: inherit;
}
.theme-mclass .t-collabo-rotate-slides__group {
  min-height: 596px;
  padding-bottom: 49.666%;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2025/03/pc_game_mclass_slide_circle.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.theme-mclass .p-mclass-feature01__slides-image img {
  width: 596px;
}
.theme-mclass .t-collabo-rotate-slide01-dis {
  padding: 30px 30px 30px 40px;
  border: 1px solid #b19878;
  top: 46%;
  left: auto;
  right: 0;
  z-index: 2;
  margin-bottom: 0;
}
.theme-mclass .t-collabo-rotate-slide01-dis dt {
  color: #b19878;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
}
.theme-mclass .t-collabo-rotate-slide01-dis dt span {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25;
}
.theme-mclass .t-collabo-rotate-slide01-dis dt span::before,
.theme-mclass .t-collabo-rotate-slide01-dis dt span::after {
  content: "";
  display: block;
  background: #b19878;
  position: absolute;
  width: 14px;
  height: 1px;
  top: 0.5125em;
  left: auto;
  right: calc(100% + 10px);
}
.theme-mclass .t-collabo-rotate-slide01-dis dt span::before {
  transform: none;
}
.theme-mclass .t-collabo-rotate-slide01-dis dt span::after {
  transform: rotate(90deg);
}
.theme-mclass .t-collabo-rotate-slide01-dis dd {
  margin-top: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
}
.theme-mclass .t-collabo-rotate-tabs__label {
  position: relative;
  color: #b19878;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  white-space: nowrap;
  opacity: 0.5;
}
.theme-mclass .t-collabo-rotate-tabs__label-left,
.theme-mclass .t-collabo-rotate-tabs__label-right {
  font-size: 22px;
  font-size: 2.2rem;
}
.theme-mclass
  .t-collabo-rotate-tabs__label:not(.t-collabo-rotate-tabs__label-right)::after,
.theme-mclass .t-collabo-rotate-tabs__label-right::before {
  content: "";
  display: block;
  width: calc(100% + 10px);
  min-width: 100px;
  height: 11px;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2025/03/pc_game_mclass_slide_current.png");
  background-size: 100% 100%;
  position: absolute;
  top: calc(100% - 6px);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.3s;
}
.theme-mclass .t-collabo-rotate-tabs__label-left {
  margin-right: 1em;
}
.theme-mclass .t-collabo-rotate-tabs__label-left::before,
.theme-mclass .t-collabo-rotate-tabs__label-right::after {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2025/03/pc_game_mclass_arrow.png");
}
.theme-mclass .t-collabo-rotate-tabs__label:hover {
  opacity: 1;
}
.theme-mclass
  #feature01InputLeft90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90"],
.theme-mclass
  #feature01InputLeft45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45"],
.theme-mclass
  #feature01InputFront:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront"],
.theme-mclass
  #feature01InputRight45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45"],
.theme-mclass
  #feature01InputRight90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90"] {
  color: #b19878;
  text-shadow: none;
  opacity: 1;
}
.theme-mclass
  #feature01InputLeft90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90"]::after,
.theme-mclass
  #feature01InputLeft45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45"]::after,
.theme-mclass
  #feature01InputFront:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront"]::after,
.theme-mclass
  #feature01InputRight45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45"]::before,
.theme-mclass
  #feature01InputRight90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90"]::before {
  opacity: 1;
}
/*white*/
.theme-mclass
  #feature01InputLeft90_wh:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90_wh"],
.theme-mclass
  #feature01InputLeft45_wh:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45_wh"],
.theme-mclass
  #feature01InputFront_wh:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront_wh"],
.theme-mclass
  #feature01InputRight45_wh:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45_wh"],
.theme-mclass
  #feature01InputRight90_wh:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90_wh"] {
  color: #b19878;
  text-shadow: none;
  opacity: 1;
}
.theme-mclass
  #feature01InputLeft90_wh:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90_wh"]::after,
.theme-mclass
  #feature01InputLeft45_wh:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45_wh"]::after,
.theme-mclass
  #feature01InputFront_wh:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront_wh"]::after,
.theme-mclass
  #feature01InputRight45_wh:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45_wh"]::before,
.theme-mclass
  #feature01InputRight90_wh:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90_wh"]::before {
  opacity: 1;
}
/*white*/

@media screen and (max-width: 1160px) {
  .theme-mclass .t-collabo-rotate-tabs__label {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .theme-mclass .p-mclass-feature01 {
    background: none;
  }
  .theme-mclass .p-mclass-feature01__heading {
    order: 1;
  }
  .theme-mclass .p-mclass-feature01-rotate {
    order: 2;
    padding-right: 20px;
    padding-left: 20px;
    margin: 30px -20px 50px;
  }
  .theme-mclass .p-mclass-feature01__features-heading,
  .theme-mclass .p-mclass-feature01__text,
  .theme-mclass .t-collabo-rotate-slide01-dis {
    order: 3;
  }
  .theme-mclass .p-mclass-feature01__heading {
    text-align: left;
  }
  .theme-mclass .t-collabo-rotate-slide01-dis {
    position: static;
    transform: none;
    margin-top: 50px;
  }
  .theme-mclass .t-collabo-rotate-slides__group {
    min-height: inherit;
    padding-bottom: 0;
    background-size: 120% auto;
    margin-right: -20px;
    margin-left: -20px;
  }
  .theme-mclass .t-collabo-rotate-tabs {
    padding-top: 0;
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .theme-mclass .p-mclass-feature01-rotate {
    margin-bottom: 30px;
  }
  .theme-mclass .p-mclass-feature01__slides-image img {
    width: 250px;
  }
  .theme-mclass .t-collabo-rotate-tabs__label {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .theme-mclass
    .t-collabo-rotate-tabs__label:not(
      .t-collabo-rotate-tabs__label-right
    )::after,
  .theme-mclass .t-collabo-rotate-tabs__label-right::before {
    min-width: inherit;
    height: 6px;
    width: calc(100% + 5px);
  }
  .theme-mclass .t-collabo-rotate-tabs__label-left::before {
    margin-right: 5px;
  }
  .theme-mclass .t-collabo-rotate-tabs__label-right::after {
    margin-left: 5px;
  }
  .theme-mclass .p-mclass-feature01__text {
    text-align: left;
  }
  .theme-mclass .t-collabo-rotate-slide01-dis {
    padding: 15px 25px 10px;
    margin-top: 25px;
  }
  .theme-mclass .t-collabo-rotate-slide01-dis dt {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-mclass .t-collabo-rotate-slide01-dis dt span {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .theme-mclass .t-collabo-rotate-slide01-dis dt span::before,
  .theme-mclass .t-collabo-rotate-slide01-dis dt span::after {
    width: 8px;
    right: calc(100% + 6px);
  }
  .t-collabo-rotate-slides-dis dd + dt {
    margin-top: 15px;
  }
  .theme-mclass .t-collabo-rotate-slide01-dis dd {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
  }
}
/* feature02 */
.theme-mclass .p-mclass-feature02__container {
  flex-direction: row;
  align-items: center;
}
.theme-mclass .p-mclass-feature02-contents {
  max-width: 470px;
  margin-right: auto;
  
}
.theme-mclass .p-mclass-feature02__image {
    /* margin-top: auto; */
    /* margin-bottom: -50px; */
    width: 50%;
}
@media screen and (max-width: 1023px) {
  .theme-mclass .p-mclass-feature02__container {
    flex-direction: column;
  }
  .theme-mclass .p-mclass-feature02-contents {
    max-width: 100%;
  }
  .theme-mclass .p-mclass-feature02__image {
    margin-right: -20px;
    margin-left: -20px;
    width: unset;
  }
}
/* feature03 */
.theme-mclass .p-mclass-feature03__container {
  flex-direction: row-reverse;
}
.theme-mclass .p-mclass-feature03-contents {
  max-width: 460px;
  margin-left: 20px;
  margin: auto;
}
.theme-mclass .p-mclass-feature03-images {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 60%;
}
.p-mclass-feature03-images__parts {
  width: 180px;
  flex-shrink: 0;
  margin-right: -10px;
}
@media screen and (max-width: 1023px) {
  .theme-mclass .p-mclass-feature03__container,
  .theme-mclass .p-mclass-feature03-images {
    flex-direction: column;
  }
  .theme-mclass .p-mclass-feature03-contents {
    max-width: 100%;
    margin-left: 0;
    width: auto;
  }
  .theme-mclass .p-mclass-feature03-images {
    margin-top: 10px;
    width: auto;
  }
  .theme-mclass .p-mclass-feature03-images__parts {
    width: auto;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .theme-mclass .p-mclass-feature03-images__parts img {
    width: 280px;
  }
}
/* feature04 */
.theme-mclass .p-mclass-feature04__container {
  padding-bottom: 65px;
  padding-top: 150px;
}
.theme-mclass .p-mclass-feature04-contents {
  position: relative;
  z-index: 10;
}
.theme-mclass .p-mclass-feature04-contents__text {
  max-width: 460px;
}
.theme-mclass .p-mclass-feature04-slides {
  margin-top: 75px;
}
.theme-mclass .p-mclass-feature04-slides__input {
  display: none;
}
.theme-mclass .p-mclass-feature04-slides__group {
  min-height: 280px;
  margin-bottom: 0;
}
.theme-mclass .p-mclass-feature04-slides__group-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.theme-mclass .p-mclass-feature04-slides__image img {
  width: auto;
  max-width: calc(100% - 440px);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 460px;
  z-index: 1;
  object-fit: contain;
}
.theme-mclass .p-mclass-feature04-slides-dis {
  max-width: 500px;
  padding: 30px 45px 40px;
  border: 1px solid #b19878;
  position: relative;
  z-index: 2;
}
.theme-mclass .p-mclass-feature04-slides-dis dl {
  margin-bottom: 0;
}
.theme-mclass .p-mclass-feature04-slides-dis dl dt {
  color: #b19878;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0;
}
.theme-mclass .p-mclass-feature04-slides-dis dl dt span {
  display: block;
  position: relative;
  margin-top: 5px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
.theme-mclass .p-mclass-feature04-slides-dis dl dt span::before,
.theme-mclass .p-mclass-feature04-slides-dis dl dt span::after {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  background-color: #b19878;
  position: absolute;
  top: 0.7em;
  right: calc(100% + 10px);
}
.theme-mclass .p-mclass-feature04-slides-dis dl dt span::after {
  transform: rotate(90deg);
}
.theme-mclass .p-mclass-feature04-slides-dis dl dd {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0;
}
.theme-mclass .p-mclass-feature04-slides-dis__note {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0;
}
.theme-mclass .p-mclass-feature04-slides-tabs {
  max-width: 920px;
  position: relative;
  z-index: 2;
  margin: 75px auto 0;
}
.theme-mclass .p-mclass-feature04-slides-tabs__group {
  display: flex;
  flex-wrap: wrap;
  margin: -20px;
  justify-content: center;
}
.theme-mclass .p-mclass-feature04-slides-tabs__group-item {
  width: 16.666%;
  padding: 20px;
}
.theme-mclass .p-mclass-feature04-slides-tabs__label {
  display: block;
  margin: 0;
  cursor: pointer;
}
.theme-mclass .p-mclass-feature04-slides-tabs__thumb {
  border: 1px solid #fff;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  background: #000000;
}
.theme-mclass .p-mclass-feature04-slides-tabs__thumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #b19878;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.theme-mclass
  .p-mclass-feature04-slides-tabs__label:hover
  .p-mclass-feature04-slides-tabs__thumb::before {
  opacity: 0.45;
}
.theme-mclass .p-mclass-feature04-slides-tabs__name {
  margin: 10px -15px 0;
  color: #b19878;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
#feature04Input01:checked ~ .p-mclass-feature04-slides__group #feature04Slide01,
#feature04Input02:checked ~ .p-mclass-feature04-slides__group #feature04Slide02,
#feature04Input03:checked ~ .p-mclass-feature04-slides__group #feature04Slide03,
#feature04Input04:checked ~ .p-mclass-feature04-slides__group #feature04Slide04,
#feature04Input05:checked ~ .p-mclass-feature04-slides__group #feature04Slide05,
#feature04Input06:checked
  ~ .p-mclass-feature04-slides__group
  #feature04Slide06 {
  opacity: 1;
  position: static;
  visibility: visible;
}
#feature04Input01:checked
  ~ .p-mclass-feature04-slides-tabs
  .p-mclass-feature04-slides-tabs__label[for="feature04Input01"]
  .p-mclass-feature04-slides-tabs__thumb,
#feature04Input02:checked
  ~ .p-mclass-feature04-slides-tabs
  .p-mclass-feature04-slides-tabs__label[for="feature04Input02"]
  .p-mclass-feature04-slides-tabs__thumb,
#feature04Input03:checked
  ~ .p-mclass-feature04-slides-tabs
  .p-mclass-feature04-slides-tabs__label[for="feature04Input03"]
  .p-mclass-feature04-slides-tabs__thumb,
#feature04Input04:checked
  ~ .p-mclass-feature04-slides-tabs
  .p-mclass-feature04-slides-tabs__label[for="feature04Input04"]
  .p-mclass-feature04-slides-tabs__thumb,
#feature04Input05:checked
  ~ .p-mclass-feature04-slides-tabs
  .p-mclass-feature04-slides-tabs__label[for="feature04Input05"]
  .p-mclass-feature04-slides-tabs__thumb,
#feature04Input06:checked
  ~ .p-mclass-feature04-slides-tabs
  .p-mclass-feature04-slides-tabs__label[for="feature04Input06"]
  .p-mclass-feature04-slides-tabs__thumb {
  border-color: #b19878;
}
/* slide01 */
.theme-mclass .p-mclass-feature04-slide01__input {
  display: none;
}
.theme-mclass .p-mclass-feature04-slide01__image img {
  opacity: 0;
  transition: 0.3s;
}
.theme-mclass .p-mclass-feature04-slide01-tabs {
  margin-top: 20px;
  margin-bottom: -20px;
}
.theme-mclass .p-mclass-feature04-slide01-tabs__group {
  display: inline-flex;
  margin: 0 -25px;
}
.theme-mclass .p-mclass-feature04-slide01-tabs__group-item {
  padding: 0 25px;
}
.theme-mclass .p-mclass-feature04-slide01-tabs__label {
  display: block;
  min-width: 40px;
  padding-top: 45px;
  position: relative;
  margin: 0;
  text-align: center;
  color: #717070;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  white-space: nowrap;
  cursor: pointer;
  transition: 0.3s;
}
.theme-mclass .p-mclass-feature04-slide01-tabs__label span {
  display: block;
  margin: 0 -15px;
}
.theme-mclass .p-mclass-feature04-slide01-tabs__label::before,
.theme-mclass .p-mclass-feature04-slide01-tabs__label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  transition: 0.3s;
}
.theme-mclass .p-mclass-feature04-slide01-tabs__label::before {
  width: 40px;
  height: 40px;
  border: 1px solid #717070;
  top: 0;
}
.theme-mclass .p-mclass-feature04-slide01-tabs__label::after {
  width: 20px;
  height: 20px;
  background-color: #717070;
  top: 10px;
}
#feature04Slide01InputTop1:checked
  ~ .p-mclass-feature04-slide01__image
  #feature04Slide01Top1,
#feature04Slide01InputTop2:checked
  ~ .p-mclass-feature04-slide01__image
  #feature04Slide01Top2,
#feature04Slide01InputFront:checked
  ~ .p-mclass-feature04-slide01__image
  #feature04Slide01Front,
#feature04Slide01InputBottom:checked
  ~ .p-mclass-feature04-slide01__image
  #feature04Slide01Bottom {
  opacity: 1;
}
#feature04Slide01InputTop1:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputTop1"],
#feature04Slide01InputTop2:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputTop2"],
#feature04Slide01InputFront:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputFront"],
#feature04Slide01InputBottom:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputBottom"] {
  color: #b19878;
}
#feature04Slide01InputTop1:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputTop1"]::before,
#feature04Slide01InputTop2:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputTop2"]::before,
#feature04Slide01InputFront:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputFront"]::before,
#feature04Slide01InputBottom:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputBottom"]::before {
  border-color: #b19878;
}
#feature04Slide01InputTop1:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputTop1"]::after,
#feature04Slide01InputTop2:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputTop2"]::after,
#feature04Slide01InputFront:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputFront"]::after,
#feature04Slide01InputBottom:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide01-tabs__label[for="feature04Slide01InputBottom"]::after {
  background-color: #b19878;
}
/* slide05 */
.theme-mclass .p-mclass-feature04-slide05-select {
  display: flex;
  align-items: center;
  position: absolute;
  top: 33px;
  right: 35px;
}
.theme-mclass .p-mclass-feature04-slide05-select__input {
  display: none;
}
.theme-mclass .p-mclass-feature04-slide05-select__heading {
  margin-right: 20px;
  color: #b19878;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.theme-mclass .p-mclass-feature04-slide05-select-label {
  display: flex;
  align-items: center;
  width: 120px;
  height: 40px;
  padding: 5px;
  background-color: #717070;
  border-radius: 20px;
  position: relative;
  margin: 0;
  text-align: center;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  overflow: hidden;
  transition: 0.3s;
  cursor: pointer;
}
.theme-mclass .p-mclass-feature04-slide05-select-label::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 35px);
  z-index: 2;
  transition: 0.3s;
  margin: auto;
}
.theme-mclass .p-mclass-feature04-slide05-select-label__open,
.theme-mclass .p-mclass-feature04-slide05-select-label__close {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  line-height: 40px;
  transition: 0.3s;
}
.theme-mclass .p-mclass-feature04-slide05-select-label__open {
  padding-left: 30px;
  left: 100%;
}
.theme-mclass .p-mclass-feature04-slide05-select-label__close {
  padding-right: 30px;
  right: 0;
}
.theme-mclass
  .p-mclass-feature04-slides__image
  .p-mclass-feature04-slide05-select-image__open,
.theme-mclass
  .p-mclass-feature04-slides__image
  .p-mclass-feature04-slide05-select-image__close {
  transition: 0.3s;
}
.theme-mclass
  .p-mclass-feature04-slides__image
  .p-mclass-feature04-slide05-select-image__open {
  opacity: 0;
  z-index: 2;
}
.theme-mclass
  .p-mclass-feature04-slides__image
  .p-mclass-feature04-slide05-select-image__close {
  z-index: 1;
}
.theme-mclass
  .p-mclass-feature04-slide05-select__input:checked
  ~ .p-mclass-feature04-slides__image
  .p-mclass-feature04-slide05-select-image__open {
  opacity: 1;
}
.theme-mclass
  .p-mclass-feature04-slide05-select__input:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide05-select-label {
  background-color: #b19878;
}
.theme-mclass
  .p-mclass-feature04-slide05-select__input:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide05-select-label::before {
  left: 5px;
}
.theme-mclass
  .p-mclass-feature04-slide05-select__input:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide05-select-label__open {
  left: 0;
}
.theme-mclass
  .p-mclass-feature04-slide05-select__input:checked
  ~ .p-mclass-feature04-slides-dis
  .p-mclass-feature04-slide05-select-label__close {
  right: 100%;
}
@media screen and (max-width: 1023px) {
  .theme-mclass .p-mclass-feature04-contents__text {
    max-width: 100%;
  }
  .theme-mclass .p-mclass-feature04-slides {
    margin-top: -10%;
  }
  .theme-mclass .p-mclass-feature04-slides__image {
    padding-bottom: calc(100% + 40px);
    position: relative;
    margin-right: -20px;
    margin-left: -20px;
  }
  .theme-mclass .p-mclass-feature04-slides__image img {
    width: 100%;
    max-width: 100%;
    left: 0;
  }
  .theme-mclass .p-mclass-feature04-slides-dis {
    margin: 0 auto;
  }
  .theme-mclass .p-mclass-feature04-slides-tabs {
    max-width: 460px;
  }
  .theme-mclass .p-mclass-feature04-slides-tabs__group-item {
    width: 33.333%;
  }
}
@media screen and (max-width: 767px) {
  .theme-mclass .p-mclass-feature04-slides-dis {
    max-width: 280px;
    padding: 15px 25px 20px;
  }
  .theme-mclass .p-mclass-feature04-slides-dis dl dt {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-mclass .p-mclass-feature04-slides-dis dl dt span {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.025em;
  }
  .theme-mclass .p-mclass-feature04-slides-dis dl dt span::before,
  .theme-mclass .p-mclass-feature04-slides-dis dl dt span::after {
    width: 8px;
    right: calc(100% + 6px);
  }
  .theme-mclass .p-mclass-feature04-slides-dis dl dd {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.025em;
  }
  .theme-mclass .p-mclass-feature04-slides-dis__note {
    margin-top: 10px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-mclass .p-mclass-feature04-slides-tabs {
    max-width: 230px;
    margin-top: 25px;
  }
  .theme-mclass .p-mclass-feature04-slides-tabs__group {
    margin: -7.5px -12.5px;
  }
  .theme-mclass .p-mclass-feature04-slides-tabs__group-item {
    padding: 7.5px 12.5px;
  }
  .theme-mclass .p-mclass-feature04-slides-tabs__thumb {
    border-radius: 3px;
  }
  .theme-mclass .p-mclass-feature04-slides-tabs__name {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.529;
  }
  /* slide01 */
  .theme-mclass .p-mclass-feature04-slide01-tabs {
    margin-top: 15px;
    margin-bottom: -10px;
    text-align: center;
  }
  .theme-mclass .p-mclass-feature04-slide01-tabs__group {
    margin: 0 -20px;
  }
  .theme-mclass .p-mclass-feature04-slide01-tabs__group-item {
    padding: 0 20px;
  }
  .theme-mclass .p-mclass-feature04-slide01-tabs__label {
    min-width: 20px;
    padding-top: 25px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-mclass .p-mclass-feature04-slide01-tabs__label::before {
    width: 20px;
    height: 20px;
  }
  .theme-mclass .p-mclass-feature04-slide01-tabs__label::after {
    width: 10px;
    height: 10px;
    top: 5px;
  }
  /* slide05 */
  .theme-mclass .p-mclass-feature04-slide05-select {
    top: 22px;
    right: 25px;
  }
  .theme-mclass .p-mclass-feature04-slide05-select__heading {
    margin-right: 5px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-mclass .p-mclass-feature04-slide05-select-label {
    width: 65px;
    height: 20px;
  }
  .theme-mclass .p-mclass-feature04-slide05-select-label::before {
    width: 15px;
    height: 15px;
    left: calc(100% - 17.5px);
  }
  .theme-mclass .p-mclass-feature04-slide05-select-label__open,
  .theme-mclass .p-mclass-feature04-slide05-select-label__close {
    line-height: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-mclass .p-mclass-feature04-slide05-select-label__open {
    padding-left: 15px;
  }
  .theme-mclass .p-mclass-feature04-slide05-select-label__close {
    padding-right: 15px;
  }
  .theme-mclass
    .p-mclass-feature04-slide05-select__input:checked
    ~ .p-mclass-feature04-slides-dis
    .p-mclass-feature04-slide05-select-label::before {
    left: 2.5px;
  }
}
/* CAMPAIGN
------------------------------------------------------------ */
.theme-mclass .p-mclass-campaign {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(43, 15, 0, 1) 80%,
    rgba(0, 0, 0, 1) 100%
  );
  background-size: 1920px 1080px;
  background-repeat: no-repeat;
  background-position: center;
}
.theme-mclass .t-collabo-campaign__frame {
  flex-wrap: wrap;
  align-items: flex-start;
  background: none;
  border-color: #b19878;
}
.theme-mclass .p-mclass-campaign__heading {
  color: #b19878;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.039em;
  text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
}
.theme-mclass .p-mclass-campaign-main {
  width: 100%;
  text-align: center;
}
.theme-mclass .p-mclass-campaign-main__image {
  max-width: 1020px;
  margin: 0 auto 20px;
}
.theme-mclass .p-mclass-campaign-main__heading {
  color: #b19878;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.039em;
  text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
}
.theme-mclass .p-mclass-campaign-list {
  margin-top: 40px;
}
.theme-mclass .p-mclass-campaign-list__group {
  margin: -40px -15px 0;
}
.theme-mclass .p-mclass-campaign-list__group-item {
  display: flex;
  padding: 40px 20px;
  border-bottom: 1px solid #b19878;
}
.theme-mclass .p-mclass-campaign-list__thumb {
  flex-shrink: 0;
  margin-right: 30px;
  width: 31%;
}
.theme-mclass .p-mclass-campaign-list-text__heading {
  color: #b19878;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.039em;
  text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
}
.theme-mclass .p-mclass-campaign-list-text__text {
  margin-top: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.4;
  letter-spacing: 0.039em;
}
.theme-mclass .p-mclass-campaign-list-text__row {
  display: flex;
  flex-wrap: wrap;
  margin: 15px -5px -5px;
}
.theme-mclass .p-mclass-campaign-list-text__row-item {
  width: 50%;
  padding: 5px;
}
.theme-mclass .t-collabo-campaign__period {
  margin-top: 15px;
}
.theme-mclass .t-collabo-campaign__period-frame {
  display: block;
  width: 480px;
  max-width: 100%;
  text-align: center;
}
.theme-mclass .t-collabo-campaign__btn-wrap {
  max-width: 480px;
}
.theme-mclass .p-mclass-campaign-note {
  margin-top: 40px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0;
}
.theme-mclass .p-mclass-campaign-influencer:not(:first-child) {
  margin-top: 80px;
}
.theme-mclass .p-mclass-campaign-influencer__heaidng {
  text-align: center;
}
.theme-mclass .p-mclass-campaign-influencer-list {
  margin-top: 30px;
}
.theme-mclass .p-mclass-campaign-influencer-list__group {
  display: flex;
  flex-wrap: wrap;
  margin: -13px -40px;
  margin-bottom: 40px;
}
.theme-mclass .p-mclass-campaign-influencer-list__group-item {
  width: 50%;
  padding: 13px 40px;
}
.theme-mclass .p-mclass-campaign-influencer-data {
  display: flex;
  align-items: flex-start;
}
.theme-mclass .p-mclass-campaign-influencer-data__thumb {
  display: flex;
  flex-shrink: 0;
  width: 200px;
  border: 2px solid #b19878;
  box-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
  position: relative;
  margin-right: 40px;
}
.theme-mclass .p-mclass-campaign-influencer-data__thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #b19878;
  box-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
  position: absolute;
  top: 10px;
  left: 10px;
}
.theme-mclass .p-mclass-campaign-influencer-data__thumb img {
  position: relative;
  z-index: 1;
  vertical-align: bottom;
}
.theme-mclass .p-mclass-campaign-influencer-data-text__belong {
  color: #999;
  font-size: 16px;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.theme-mclass .p-mclass-campaign-influencer-data-text__name {
  display: flex;
  align-items: center;
}
.theme-mclass .p-mclass-campaign-influencer-data-text__name span {
  margin-left: 20px;
  font-size: 12px;
  font-size: 1.2rem;
}
.theme-mclass .p-mclass-campaign-influencer-data-text__text {
  margin-top: 10px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.4;
  letter-spacing: 0.039em;
}
.theme-mclass .p-mclass-campaign-influencer-sns {
  margin-top: 30px;
}
.theme-mclass .p-mclass-campaign-influencer-sns__group {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.theme-mclass .p-mclass-campaign-influencer-sns__group-item {
  width: 50%;
  padding: 10px;
}
.theme-mclass .p-mclass-campaign-movie:not(:first-child) {
  /*margin-top: 80px;
  margin-bottom: 80px;*/
}
.theme-mclass .p-mclass-campaign-movie__heading {
  text-align: center;
}
.theme-mclass .p-mclass-campaign-movie-iframe {
  width: 100%;
  max-width: 1100px;
  margin: 30px auto 0;
  text-align: center;
}
.theme-mclass .p-mclass-campaign-movie-iframe__inner {
  width: 100%;
  padding-bottom: 56.17%;
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.4);
  position: relative;
}
.theme-mclass .p-mclass-campaign-movie-iframe__inner iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1023px) {
  .theme-mclass .t-collabo-campaign__frame {
    flex-direction: column;
  }
  .theme-mclass .p-mclass-campaign-list__group-item {
    flex-direction: column;
  }
  .theme-mclass .p-mclass-campaign-list__thumb {
    margin: 0 auto 20px;
  }
  .theme-mclass .p-mclass-campaign-list-text__row-item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .theme-mclass .t-collabo-campaign__frame {
    padding-bottom: 15px;
  }
  .theme-mclass .p-mclass-campaign__heading {
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .theme-mclass .p-mclass-campaign-main__image {
    margin-bottom: 10px;
  }
  .theme-mclass .p-mclass-campaign-list__thumb {
    width: 100%;
    text-align: center;
  }

  .theme-mclass .p-mclass-campaign-list {
    margin-top: 20px;
  }
  .theme-mclass .p-mclass-campaign-list__group {
    margin: -20px 0 0;
  }
  .theme-mclass .p-mclass-campaign-list__group-item {
    padding: 20px 0;
  }
  .theme-mclass .p-mclass-campaign-list-text__heading {
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .theme-mclass .p-mclass-campaign-list-text__text {
    margin-top: 10px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .theme-mclass .t-collabo-campaign__period {
    margin-top: 10px;
  }
  .theme-mclass .t-collabo-campaign__period-frame {
    width: 100%;
  }
  .theme-mclass .p-mclass-campaign-note {
    margin-top: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-mclass .p-mclass-campaign-influencer:not(:first-child) {
    margin-top: 30px;
  }
  .theme-mclass .p-mclass-campaign-influencer-list {
    margin-top: 15px;
  }
  .theme-mclass .p-mclass-campaign-influencer-list__group-item {
    width: 100%;
  }
  .theme-mclass .p-mclass-campaign-influencer-data__thumb {
    width: 100px;
    margin-right: 20px;
  }
  .theme-mclass .p-mclass-campaign-influencer-data__thumb::before {
    top: 5px;
    left: 5px;
  }
  .theme-mclass .p-mclass-campaign-influencer-data-text__belong {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-mclass .p-mclass-campaign-influencer-data-text__name {
    text-align: left;
  }
  .theme-mclass .p-mclass-campaign-influencer-data-text__name span {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-mclass .p-mclass-campaign-influencer-data-text__text {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-mclass .p-mclass-campaign-influencer-sns {
    margin-top: 15px;
  }
  .theme-mclass .p-mclass-campaign-influencer-sns__group {
    margin: -5px;
  }
  .theme-mclass .p-mclass-campaign-influencer-sns__group-item {
    padding: 5px;
  }
  .theme-mclass .p-mclass-campaign-influencer-sns .p-mclass__btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .theme-mclass .p-mclass-campaign-movie:not(:first-child) {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .theme-mclass .p-mclass-campaign-movie-iframe {
    margin-top: 15px;
  }
}
/* LINEUP
------------------------------------------------------------ */
.theme-mclass .p-mclass-lineup {
  background-color: #fff;
  padding-bottom: 65px;
}
.theme-mclass .p-mclass-lineup__container {
  padding-top: 0;
  padding-bottom: 0;
}
.theme-mclass .p-mclass-lineup__section + .p-mclass-lineup__section {
  margin-top: 40px;
}
.theme-mclass .p-mclass-lineup__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 10px 25px;
  background: linear-gradient(
    to right,
    rgba(234, 85, 4, 1) 0%,
    rgba(235, 90, 3, 1) 17%,
    rgba(238, 107, 3, 1) 38%,
    rgba(244, 134, 1, 1) 67%,
    rgba(253, 171, 0, 1) 95%,
    rgba(255, 180, 0, 1) 100%
  );
  background: linear-gradient(45deg, #4c6ca2, #5053af);
  background: #040a18;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  color: #000;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .theme-mclass .p-mclass-lineup__container {
    padding-top: 0;
    padding-bottom: 60px;
  }
  .theme-mclass .p-mclass-lineup__heading {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 25px;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.025em;
  }
}
/* INFORMATION
------------------------------------------------------------ */
.theme-mclass .t-collabo-information {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, #090d14 80%, rgba(0, 0, 0, 1) 100%);
}
.theme-mclass .t-collabo-information__list {
  width: auto;
  max-width: 1044px;
  margin-top: 30px;
}
.theme-mclass .t-collabo-information__list-group {
  margin: -6px;
}
.theme-mclass .t-collabo-information__list-group-item {
  padding: 6px;
}
.theme-mclass .t-collabo-information__card {
  background-color: #332222;
  color: #fff !important;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.933;
  letter-spacing: 0.05em;
}
.theme-mclass .t-collabo-information__thumb {
  max-height: inherit;
}
.theme-mclass .t-collabo-information__title {
  margin-bottom: 35px !important;
}
.theme-mclass .t-collabo-information__category {
  padding-left: 0;
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .theme-mclass .t-collabo-information__list {
    margin-top: 15px;
  }
  .theme-mclass .t-collabo-information__list-group {
    margin: -5px;
  }
  .theme-mclass .t-collabo-information__list-group-item {
    padding: 5px;
  }
  .theme-mclass .t-collabo-information__card {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.773;
    letter-spacing: 0.025em;
  }
  .theme-mclass .t-collabo-information__title {
    margin-bottom: 10px !important;
  }
  .theme-mclass .t-collabo-information__category {
    font-size: 10px;
    font-size: 1rem;
  }
}

/* R-Class
------------------------------------------------------------ */
span.p-mclass_subtitle {
  color: #fff;
  font-size: 0.6em;
}

.theme-mclass .p-mclass-rclass {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2025/03/pc_game_mlass_steal.jpg");
}
.theme-mclass .p-mclass-rclass__container {
  justify-content: center;
  min-height: 530px;
}
.theme-mclass .p-mclass-rclass-contents {
  max-width: 415px;
}
.theme-mclass .p-mclass-rclass-contents__heading {
  color: #b19878;
  font-size: 86px;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
  margin-bottom: 30px;
}
.theme-mclass .p-mclass-rclass-contents__heading span {
  letter-spacing: 0.05em;
}
.theme-mclass .p-mclass-rclass-contents__text {
  margin-top: 10px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.025em;
  text-shadow: 0 0 10px rgba(255, 74, 44, 0.8);
}
.theme-mclass .p-mclass-rclass-contents__btn-wrap {
  max-width: 380px;
  margin-top: 30px;
}
@media screen and (max-width: 1920px) {
  .theme-mclass .p-mclass-rclass {
    /*background-position: center top calc(50% - 150px);*/
  }
}
@media screen and (max-width: 767px) {
  .theme-mclass .p-mclass-rclass {
    background: none;
  }
  .theme-mclass .p-mclass-rclass__container {
    justify-content: flex-start;
    padding-top: 35px;
    padding-bottom: 0;
  }
  .theme-mclass .p-mclass-rclass-contents {
    max-width: inherit;
    margin-bottom: 15px;
  }
  .theme-mclass .p-mclass-rclass-contents__heading {
    font-size: 60px;
    font-size: 6rem;
  }
  .theme-mclass .p-mclass-rclass-contents__text {
    margin-top: 5px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .theme-mclass .p-mclass-rclass-contents__btn-wrap {
    max-width: 260px;
    margin: 25px auto 0;
  }
  .theme-mclass .p-mclass-rclass__image {
    margin: 0 -20px;
  }
}

/* CSS Document */
/* responsive
------------------------------------------------------------ */
.pc-none {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .pc-none {
    display: block !important;
  }
  .sp-none {
    display: none !important;
  }
}
/* section
------------------------------------------------------------ */
.t-collabo__section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.t-collabo__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1240px) {
  .t-collabo__section {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo__container {
    padding-top: 45px;
    padding-bottom: 60px;
  }
}
/* heading
------------------------------------------------------------ */
.t-collabo__heading {
  padding-bottom: 45px;
  position: relative;
  text-align: center;
  font-size: 54px;
  font-size: 5.4rem;
  line-height: 1.131;
  letter-spacing: 0.025em;
}
.t-collabo__heading-left {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: rotate(90deg) translateX(-65%);
  transform-origin: left bottom;
}
.t-collabo__heading-ja {
  margin-top: 55px;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.039em;
}
@media screen and (max-width: 1023px) {
  .t-collabo__heading-left {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo__heading {
    font-size: 38px;
    font-size: 3.8rem;
  }
  .t-collabo__heading-ja {
    margin-top: 25px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
  }
}
/* text
------------------------------------------------------------ */
.t-collabo__text {
  color: #fff;
  font-size: 16px;
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: 0.025em;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .t-collabo__text {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
/* features
------------------------------------------------------------ */
.t-collabo-features__container {
  position: relative;
}
.t-collabo-features__container::before {
  content: attr(data-num);
  height: 1em;
  position: absolute;
  bottom: 40px;
  z-index: 2;
  color: transparent;
  font-size: 120px;
  font-size: 12rem;
  line-height: 1;
  letter-spacing: 0.025em;
}
.t-collabo-features__container.is-left::before {
  left: 0;
}
.t-collabo-features__container.is-right::before {
  right: 0;
}
/* filter */
.t-collabo-filter__images {
  display: flex;
  align-items: flex-end;
  margin-top: -105px;
  margin-bottom: -50px;
}
.t-collabo-filter__images-item {
  width: 50%;
  position: relative;
}
.t-collabo-filter__images-item img {
  width: 100%;
}
.t-collabo-filter__images-name {
  position: absolute;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.025em;
  white-space: nowrap;
  transform: translateY(-50%);
}
.t-collabo-filter__images-name::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #4bead0 50%, transparent 50%);
  background-size: 6px 6px;
  position: absolute;
  top: 50%;
  transform: skewX(50deg) translateY(-50%);
}
.t-collabo-filter__image01-name {
  top: 39%;
  left: 76.666%;
}
.t-collabo-filter__image01-name::before {
  left: -30px;
}
.t-collabo-filter__image02-name {
  top: 53%;
  right: 80%;
}
.t-collabo-filter__image02-name::before {
  right: -30px;
}
@media screen and (max-width: 1023px) {
  .t-collabo-filter__images {
    flex-direction: column;
    margin-top: 25px;
  }
  .t-collabo-filter__images-item {
    width: calc(100% + 20px);
    margin-right: -10px;
    margin-left: -10px;
  }
  .t-collabo-filter__images-item:not(:last-child) {
    margin-bottom: 20px;
  }
  .t-collabo-filter__images-name {
    position: static;
    transform: translateY(0);
    text-align: center;
  }
  .t-collabo-filter__images-name::before {
    display: none;
  }
}
/* gallery
------------------------------------------------------------ */
.t-collabo-gallery {
  padding-top: 80px;
}
.t-collabo-gallery__group {
  display: flex;
  flex-wrap: wrap;
  margin: 50px -2.5px 2.5px;
}
.t-collabo-gallery__group-item {
  width: 20%;
  padding: 2.5px;
}
.t-collabo-gallery__group-item img {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .t-collabo-gallery__group-item {
    width: 33%;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-gallery {
    padding-top: 50px;
  }
  .t-collabo-gallery__group-item {
    width: 50%;
    padding: 1.5px;
  }
  .t-collabo-gallery__group {
    margin: 45px -21.5px -1.5px;
  }
}
/* SPECIAL
------------------------------------------------------------ */
.t-collabo-special__contents {
  display: flex;
  padding: 0 45px 55px;
  position: relative;
  margin-top: 100px;
  margin-bottom: -50px;
}
.t-collabo-special__input {
  display: none;
}
.t-collabo-special__contents-wrap {
  max-width: 345px;
  position: relative;
  z-index: 2;
  margin-right: auto;
}
.t-collabo-special__contents-heading {
  margin-bottom: 15px;
  text-align: left;
  line-height: 1.6;
}
.t-collabo-special__tabs {
  margin-top: 40px;
}
.t-collabo-special__tabs-item:not(:last-child) {
  margin-bottom: 20px;
}
.t-collabo-special__tabs-label {
  padding-left: 35px;
  position: relative;
  color: #fff;
  font-size: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
  cursor: pointer;
  transition: 0.3s;
}
.t-collabo-special__tabs-label::before,
.t-collabo-special__tabs-label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}
.t-collabo-special__tabs-label::before {
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  top: -2px;
  left: 0;
}
.t-collabo-special__tabs-label::after {
  width: 14px;
  height: 14px;
  background-color: #fff;
  top: 1px;
  left: 3px;
  opacity: 0;
}
#specialInputBlack:checked
  ~ .t-collabo-special__contents-wrap
  .t-collabo-special__tabs-label[for="specialInputBlack"]::after {
  opacity: 1;
}
.t-collabo-special__slides-wrap {
  width: 1273px;
  position: absolute;
  bottom: 0;
  right: 365px;
  z-index: 1;
}
.t-collabo-special__slides {
  width: 100%;
  padding-bottom: 47.368%;
  position: relative;
  margin-bottom: 0;
}
.t-collabo-special__slides-item {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
#specialInputBlack:checked
  ~ .t-collabo-special__slides-wrap
  #specialSlideBlack {
  opacity: 1;
}
.t-collabo-special__slides-item img {
  width: 100%;
}
.t-collabo-special__color {
  max-width: 315px;
  position: relative;
  z-index: 2;
}
.t-collabo-special__color-image {
  margin-bottom: 15px;
}
.t-collabo-special__color-dl dt {
  color: #4bead0;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.025em;
}
.t-collabo-special__color-dl dt span {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1.4rem;
}
.t-collabo-special__color-dl dt span::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #4bead0 50%, transparent 50%);
  background-size: 6px 6px;
  position: absolute;
  top: 50%;
  left: -35px;
  transform: skewX(50deg) translateY(-50%);
}
.t-collabo-special__note {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.039em;
}
@media screen and (max-width: 1023px) {
  .t-collabo-special__container {
    padding-bottom: 60px;
  }
  .t-collabo-special__contents {
    flex-direction: column;
    padding: 0;
    margin-bottom: 0;
  }
  .t-collabo-special__contents-wrap {
    max-width: 100%;
    margin-left: auto;
  }
  .t-collabo-special__tabs {
    display: flex;
    justify-content: center;
    width: calc(100% + 40px);
    padding-top: calc(100% + 40px + 25px);
    margin: 0;
    position: absolute;
    top: 100%;
    left: -20px;
  }
  .t-collabo-special__tabs-item {
    padding: 0 25px;
  }
  .t-collabo-special__tabs-item:not(:last-child) {
    margin-bottom: 0;
  }
  .t-collabo-special__slides-wrap {
    width: auto;
    position: static;
    margin: 0 -20px 85px;
  }
  .t-collabo-special__slides {
    padding-bottom: 100%;
  }
  .t-collabo-special__color {
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
  }
  .t-collabo-special__color-image {
    text-align: center;
  }
  .t-collabo-special__color-dl dt span::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-special__contents {
    margin-top: 40px;
  }
  .t-collabo-special__color-dl dt,
  .t-collabo-special__color-dl dd {
    font-size: 10px;
    font-size: 1rem;
  }
  .t-collabo-special__color-dl dt span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .t-collabo-special__tabs {
    width: calc(100% + 50px);
    left: -25px;
  }
  .t-collabo-special__tabs-item {
    padding: 0 25px;
  }
  .t-collabo-special__tabs-label {
    padding-left: 20px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .t-collabo-special__tabs-label::before {
    width: 15px;
    height: 15px;
    top: -3px;
  }
  .t-collabo-special__tabs-label::after {
    width: 11px;
    height: 11px;
    top: -1px;
    left: 2px;
  }
}
/* sub */
.t-collabo-special-sub {
  background-size: cover;
  background-position: center;
}
.t-collabo-special-sub__container {
  padding: 100px 0 120px;
  max-width: 1100px;
}
.t-collabo-special-sub__section {
  display: flex;
  align-items: center;
  margin: 0 -40px;
}
.t-collabo-special-sub__section:not(:last-child) {
  margin-bottom: 120px;
}
.t-collabo-special-sub__section:nth-child(2n-1) {
  flex-direction: row-reverse;
}
.t-collabo-special-sub__section:nth-child(2n) {
  flex-direction: row;
}
.t-collabo-special-sub__section .t-collabo__sub-heading {
  margin-right: -1em;
}
.t-collabo-special-sub__contents,
.t-collabo-special-sub__image {
  width: 50%;
  padding: 0 40px;
}
.t-collabo-special-sub__image {
  text-align: center;
}
.t-collabo-special-sub__section:nth-child(2n) .t-collabo-special-sub__contents {
  padding-left: 120px;
}
.t-collabo-special-sub__section:nth-child(2n-1) .t-collabo-special-sub__image {
  margin-right: auto;
}
.t-collabo-special-sub__section:nth-child(2n) .t-collabo-special-sub__image {
  margin-left: auto;
}
.t-collabo-special-sub__image-item:not(:last-child) {
  margin-bottom: 10px;
}
.t-collabo-special-sub__text {
  max-width: 420px;
}
.t-collabo-special-sub__text-note {
  margin-top: 40px;
}
@media screen and (max-width: 1023px) {
  .t-collabo-special-sub__section {
    flex-wrap: wrap;
    padding: 0 !important;
  }
  .t-collabo-special-sub__section:not(:last-child) {
    margin-bottom: 60px;
  }
  .t-collabo-special-sub__contents,
  .t-collabo-special-sub__image {
    width: 100%;
    padding: 0 40px;
    text-align: center;
  }
  .t-collabo-special-sub__section:nth-child(2n)
    .t-collabo-special-sub__contents {
    padding-left: 40px;
  }
  .t-collabo-special-sub__section .t-collabo__sub-heading {
    margin-right: 0;
  }
  .t-collabo-special-sub__text {
    max-width: 100%;
  }
  .t-collabo-special-sub__image {
    margin-top: 25px;
    box-sizing: content-box;
  }
  .t-collabo-special-sub__text-note {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-special-sub__container {
    padding: 40px 0;
  }
  .t-collabo-special-sub__text,
  .t-collabo-special-sub__note {
    text-align: left;
  }
  .t-collabo-special-sub__image {
    margin-right: auto;
    margin-left: auto;
  }
  .t-collabo-special-sub__image01 {
    max-width: 250px;
  }
  .t-collabo-special-sub__image02 {
    max-width: 255px;
  }
  .t-collabo-special-sub__image03 {
    max-width: 230px;
  }
}
/* spec
------------------------------------------------------------ */
.t-collabo-spec__table-inner {
  width: 940px;
  padding-top: 145px;
  position: relative;
  margin: 0 auto;
}
.t-collabo-spec__table-arrow-width,
.t-collabo-spec__table-arrow-up {
  position: absolute;
}
.t-collabo-spec__table-arrow-width {
  top: 0;
  right: 0;
}
.t-collabo-spec__table-arrow-up {
  width: 33px;
  bottom: 0;
  right: calc(100% + 15px);
}
.t-collabo-spec__table {
  width: 100%;
  border-top: 1px solid #4bead0;
  border-left: 1px solid #4bead0;
  color: #4bead0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.t-collabo-spec__table th,
.t-collabo-spec__table td {
  height: 80px;
  padding: 10px 5px;
  border-right: 1px solid #4bead0;
  border-bottom: 1px solid #4bead0;
  text-align: center;
  vertical-align: middle;
}
.t-collabo-spec__table th {
  background-color: #505050;
  line-height: 1;
}
.t-collabo-spec__table thead th:first-child {
  width: 180px;
  background-image: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2022/05/shasen.png);
  background-size: 100% 100%;
  background-color: #000;
}
.t-collabo-spec__table td {
  width: 150px;
  /*padding-right: 0;
  padding-left: 0;*/
  padding: 0;
  font-size: 13px;
  font-size: 1.3rem;
  position: relative;
}
.t-collabo-spec__table td a {
  color: #ff0;
  display: block;
  padding: 27px 0;
  background: rgb(73, 0, 3);
  background: linear-gradient(
    90deg,
    rgba(73, 0, 3, 1) 0%,
    rgba(168, 0, 6, 1) 50%,
    rgba(179, 0, 7, 1) 100%
  );
}
.t-collabo-spec__table td a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2022/03/arrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 2;
}
.t-collabo-spec__table td a::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #000;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
/*.t-collabo-spec__table td:empty {
  background: rgb(0,0,0);
}*/
@media screen and (max-width: 1060px) {
  .t-collabo-spec__table-responsive {
    overflow-x: scroll;
  }
  .t-collabo-spec__table-responsive::-webkit-scrollbar {
    height: 16px;
  }
  .t-collabo-spec__table-responsive::-webkit-scrollbar-track {
    background-color: #4d4d4d;
    border-radius: 8px;
  }
  .t-collabo-spec__table-responsive::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 8px;
  }
  .t-collabo-spec__table-inner {
    box-sizing: content-box;
    padding-right: 20px;
    padding-left: 68px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .t-collabo-spec__table-arrow-width {
    right: 20px;
  }
  .t-collabo-spec__table-arrow-up {
    right: auto;
    left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-spec__table-inner {
    width: 655px;
    padding-top: 110px;
    padding-left: 60px;
  }
  .t-collabo-spec__table-arrow-width {
    width: 535px;
  }
  .t-collabo-spec__table-arrow-up {
    width: 21px;
  }
  .t-collabo-spec__table {
    font-size: 16px;
    font-size: 1.4rem;
  }
  .t-collabo-spec__table th,
  .t-collabo-spec__table td {
    height: 55px;
  }
  .t-collabo-spec__table thead th:first-child {
    width: 120px;
  }
  .t-collabo-spec__table td {
    width: 110px;
    font-size: 10px;
    font-size: 1rem;
  }
}
/* CAMPAIGN
------------------------------------------------------------ */
.t-collabo-campaign__container {
  padding: 55px 0 100px;
}
.t-collabo-campaign__frame {
  display: flex;
  align-items: center;
  padding: 45px;
  background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid #4bead0;
  margin-top: 45px;
}
.t-collabo-campaign__frame-contents {
  flex-shrink: 0;
  width: 550px;
  margin-right: auto;
}
.t-collabo-campaign__text {
  max-width: 460px;
  margin-top: 30px;
}
.t-collabo-campaign__period {
  margin-top: 25px;
}
.t-collabo-campaign__period-frame {
  display: inline-block;
  padding: 0.5em 2em;
  border: 1px solid #fff;
  border-radius: 3em;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-campaign__link {
  margin-top: 90px;
}
.t-collabo-campaign__link a {
  display: inline-block;
}
.t-collabo-compaign__btn-wrap {
  margin-top: 35px;
} 

.p-mclass-campaign-topnote {
  display: flex;
  padding: 40px 20px 40px 20px;
  border-top: 1px solid #b19878;
}

@media screen and (max-width: 1240px) {
  .t-collabo-campaign__frame-image {
    width: 400px;
    max-width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .t-collabo-campaign__frame {
    flex-direction: column-reverse;
  }
  .t-collabo-campaign__frame-contents {
    width: 100%;
    margin-top: 15px;
    text-align: center;
  }
  .t-collabo-campaign__text {
    max-width: 100%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-campaign__container {
    padding: 60px 0 65px;
  }
  .t-collabo-campaign__frame {
    padding: 15px 15px 45px;
  }
  .t-collabo-campaign__period-frame {
    width: 100%;
    font-size: 10px;
    font-size: 1rem;
  }
  .t-collabo-campaign__link {
    margin-top: 30px;
  }
  .p-mclass-campaign-topnote {
    margin-top: 20px;
    font-size: 1rem;
    padding: 20px;
    margin-top: -20px;
  }
}
/* lineup
------------------------------------------------------------ */
.t-collabo-lineup__section-heading-area {
  padding: 60px 0 50px;
}
.t-collabo-lineup__list {
  background-color: #fff;
}
.t-collabo-lineup__list .rel {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .t-collabo-lineup__section-heading-area {
    padding: 45px 0 60px;
  }
  .t-collabo-lineup__list .rel {
    padding: 20px 0;
  }
}
/* ABOUT
------------------------------------------------------------ */
.t-collabo-about__contents {
  display: flex;
  align-items: center;
  padding-left: 115px;
}
.t-collabo-about__contents-left {
  max-width: 440px;
}
.t-collabo-about__contents-right {
  margin-left: auto;
}
.t-collabo-about__sub-heading {
  margin-top: 0;
  margin-bottom: 30px;
  text-align: left;
}
.t-collabo-about__logo {
  text-align: center;
  margin-bottom: 180px;
}
.t-collabo-about__link-group-item:not(:last-child) {
  margin-bottom: 20px;
}
.t-collabo-about__link {
  display: block;
  width: 380px;
  max-width: 100%;
  padding: 10px 45px 10px 35px;
  background-color: rgba(105, 255, 216, 0.2);
  border: 1px solid #4bead0;
  position: relative;
  margin: auto;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-shadow: 0 0 10px rgba(75, 234, 208, 0.8),
    0 0 10px rgba(75, 234, 208, 0.8);
  transition: 0.3s;
}
.t-collabo-about__link img {
  position: absolute;
  top: 0;
  right: 25px;
  bottom: 0;
  margin: auto;
}
.t-collabo-about__link:hover {
  background-color: rgba(105, 255, 216, 0.6);
}
@media screen and (max-width: 1240px) {
  .t-collabo-about__contents {
    padding: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .t-collabo-about__contents {
    flex-direction: column;
    padding: 0;
  }
  .t-collabo-about__sub-heading {
    text-align: center;
  }
  .t-collabo-about__contents-right {
    width: 100%;
    margin-top: 55px;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-about__logo {
    margin-bottom: 55px;
  }
  .t-collabo-about__logo img {
    width: 225px;
  }
  .t-collabo-about__link-group-item:not(:last-child) {
    margin-bottom: 15px;
  }
  .t-collabo-about__link {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .t-collabo-about__link img {
    width: 6px;
    right: 17px;
  }
}
/* MEMBER
------------------------------------------------------------ */
.t-collabo-member__container {
  padding: 120px 0 160px;
}
.t-collabo-member__list {
  width: 100%;
  max-width: 940px;
  margin: 80px auto 0;
}
.t-collabo-member-section:not(:last-child) {
  margin-bottom: 90px;
}
.t-collabo-member-section__heading {
  margin-bottom: 40px;
  text-align: center;
  color: #4bead0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-member-section__group {
  display: flex;
  flex-wrap: wrap;
  margin: -30px -5px;
}
.t-collabo-member-section__group-item {
  width: 25%;
  padding: 30px 5px;
}
.t-collabo-member-section__card {
  cursor: pointer;
}
.t-collabo-member-section__thumb {
  transform: skewY(-8deg);
  overflow: hidden;
}
.t-collabo-member-section__thumb-profile {
  content: "PROFILE";
  display: block;
  width: 85px;
  padding: 5px 5px 5px 15px;
  background-color: #4bead0;
  position: relative;
  color: #000;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
}
.t-collabo-member-section__thumb-profile::before,
.t-collabo-member-section__thumb-profile::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.t-collabo-member-section__thumb-profile::before {
  border-bottom: 22px solid #4bead0;
  border-right: 17px solid transparent;
  left: 100%;
}
.t-collabo-member-section__thumb-profile::after {
  width: 32px;
  background-image: linear-gradient(-90deg, #4bead0 50%, transparent 50%);
  background-size: 16px;
  left: calc(100% + 17px);
  transform: skewX(37deg);
  transform-origin: left bottom;
}
.t-collabo-member-section__thumb-inner {
  border: 2px solid #4bead0;
  background-color: #fff;
  overflow: hidden;
}
.t-collabo-member-section__thumb-inner img {
  display: block;
  width: 100%;
  margin: -8% 0;
  transform: skewY(8deg);
  filter: grayscale(1);
  transition: 0.3s;
}
.t-collabo-member-section__card:hover
  .t-collabo-member-section__thumb-inner
  img {
  filter: grayscale(0);
}
.t-collabo-member-section__name {
  margin-top: 25px;
  text-align: center;
  color: #4bead0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
}
.t-collabo-member-section__name::before {
  content: attr(data-eng);
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
}
.t-collabo-member-section__text {
  display: none;
}
/* lb */
body.is-lb-open {
  overflow: hidden;
}
.t-collabo-member-lb {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
}
.t-collabo-member-lb.is-show {
  overflow-x: hidden;
  overflow-y: auto;
}
.t-collabo-member-lb__dialog {
  display: flex;
  align-items: center;
  max-width: 1040px;
  padding: 0 50px;
  min-height: calc(100% - (20px * 2));
  margin: 20px auto;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
  .t-collabo-member-lb__dialog {
    height: calc(100% - (20px * 2));
  }
}
.t-collabo-member-lb__content {
  width: 100%;
  min-height: 480px;
  padding: 40px 50px 25px;
  background-color: #fff;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  transform: skewY(-8deg);
  pointer-events: auto;
}
.t-collabo-member-lb__content-inner {
  display: flex;
  transform: skewY(8deg);
}
.t-collabo-member-lb__thumb {
  flex-shrink: 0;
  align-self: flex-start;
  width: 285px;
  background-color: #fff;
  border: 4px solid #4bead0;
  box-shadow: 20px 20px 0 #4bead0;
  margin: -50px 0 -40px;
  transform: skewY(-8deg);
  overflow: hidden;
}
.t-collabo-member-lb__thumb img {
  margin: -8% 0;
  transform: skewY(8deg);
}
.t-collabo-member-lb__content-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 40px;
  margin-left: 90px;
}
.t-collabo-member-lb__dept {
  margin-bottom: 20px;
  color: #4bead0;
  font-size: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__name {
  margin-bottom: 25px;
  color: #4bead0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__name::before {
  content: attr(data-eng);
  display: block;
  margin-bottom: 15px;
  font-size: 32px;
  font-size: 3.2rem;
}
.t-collabo-member-lb__text {
  margin-bottom: 20px;
  color: #000;
  font-size: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__text .t-collabo-member-section__text {
  display: block;
}
.t-collabo-member-lb__sns-group {
  display: flex;
  flex-wrap: wrap;
  margin: auto -10px -5px;
}
.t-collabo-member-lb__sns-group-item {
  max-width: 50%;
  padding: 5px 10px;
}
.t-collabo-member-lb__sns-link {
  display: flex;
  align-items: center;
  width: 200px;
  max-width: 100%;
  padding: 0 20px;
  background-color: #4bead0;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__sns-link img {
  margin-right: 10px;
}
.t-collabo-member-lb__btn {
  width: 20px;
  height: 20px;
  padding: 0;
  background: none;
  border-top: 1px solid #4bead0;
  border-right: 1px solid #4bead0;
  border-bottom: none;
  border-left: none;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.t-collabo-member-lb__btn[name="prev"] {
  right: calc(100% + 60px);
  transform: rotate(45deg) skew(65deg, 65deg);
}
.t-collabo-member-lb__btn[name="next"] {
  left: calc(100% + 60px);
  transform: rotate(-135deg) skew(65deg, 65deg);
}
.t-collabo-member-lb__close {
  padding-bottom: 45px;
  background: none;
  border: none;
  position: absolute;
  top: calc(100% + 25px);
  right: 0;
  left: 0;
  margin: auto;
  color: #4bead0;
  font-size: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__close::before,
.t-collabo-member-lb__close::after {
  content: "";
  display: block;
  width: 63px;
  height: 1px;
  background-color: #4bead0;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
}
.t-collabo-member-lb__close::before {
  transform: skewY(8deg) rotate(24deg);
}
.t-collabo-member-lb__close::after {
  transform: skewY(8deg) rotate(-24deg);
}
@media screen and (max-width: 1023px) {
  .t-collabo-member-lb__content {
    min-height: inherit;
    padding: 40px 25px;
  }
  .t-collabo-member-lb__thumb {
    width: 190px;
    box-shadow: 10px 10px 0 #4bead0;
  }
  .t-collabo-member-lb__content-box {
    margin-left: 45px;
  }
  .t-collabo-member-lb__btn[name="next"] {
    left: calc(100% + 30px);
  }
  .t-collabo-member-lb__btn[name="prev"] {
    right: calc(100% + 30px);
  }
  .t-collabo-member-lb__sns-link {
    width: 175px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-member__container {
    padding: 55px 0;
  }
  .t-collabo-member__list {
    margin-top: 25px;
  }
  .t-collabo-member-section:not(:last-child) {
    margin-bottom: 45px;
  }
  .t-collabo-member-section__heading {
    margin-bottom: 25px;
    font-size: 17px;
    font-size: 1.7rem;
  }
  .t-collabo-member-section__group {
    margin: -10px -3px;
  }
  .t-collabo-member-section__group-item {
    width: 50%;
    padding: 10px 3px;
  }
  .t-collabo-member-section__thumb-profile {
    transform: scale(0.65);
    transform-origin: bottom left;
  }
  .t-collabo-member-section__name {
    margin-top: 15px;
    font-size: 10px;
    font-size: 1rem;
  }
  .t-collabo-member-section__name::before {
    margin-bottom: 5px;
    font-size: 17px;
    font-size: 1.7rem;
  }
  /* lb */
  .t-collabo-member-lb__content {
    padding: 35px 12.5px 25px;
    margin-top: 220px;
  }
  .t-collabo-member-lb__dialog {
    padding: 0 20px;
  }
  .t-collabo-member-lb__btn {
    width: 12px;
    height: 12px;
    bottom: calc(100% + 260px);
  }
  .t-collabo-member-lb__btn[name="next"] {
    left: auto;
    right: 6%;
  }
  .t-collabo-member-lb__btn[name="prev"] {
    right: auto;
    left: 6%;
  }
  .t-collabo-member-lb__close {
    padding-bottom: 25px;
    top: calc(100% + 10px);
    font-size: 11px;
    font-size: 1.1rem;
  }
  .t-collabo-member-lb__close::before,
  .t-collabo-member-lb__close::after {
    width: 45px;
    bottom: 10px;
  }
  .t-collabo-member-lb__thumb {
    width: 135px;
    position: absolute;
    bottom: calc(100% + 20px);
    right: 0;
    left: 0;
    margin: auto;
  }
  .t-collabo-member-lb__content-box {
    width: 100%;
    padding-bottom: 0;
    margin-left: 0;
  }
  .t-collabo-member-lb__dept {
    margin-bottom: 10px;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .t-collabo-member-lb__name {
    margin-bottom: 12px;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
  }
  .t-collabo-member-lb__name::before {
    margin-bottom: 5px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .t-collabo-member-lb__text {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .t-collabo-member-lb__sns-group {
    justify-content: center;
    width: calc(100% + 5px);
    margin-right: -2.5px;
    margin-left: -2.5px;
    margin-bottom: -2.5px;
  }
  .t-collabo-member-lb__sns-group-item {
    padding: 2.5px;
  }
  .t-collabo-member-lb__sns-link {
    width: 125px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .t-collabo-member-lb__sns-link img {
    width: 35px;
    margin-right: 4px;
  }
}
/* INFORMATION
------------------------------------------------------------ */
.t-collabo-information__container {
  padding: 50px 0 100px;
}
.t-collabo-information__list {
  width: 940px;
  max-width: 100%;
  margin: 50px auto 0;
}
.t-collabo-information__list-group {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
.t-collabo-information__list-group-item {
  display: flex;
  width: 25%;
  padding: 5px;
}
.t-collabo-information__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  background-color: #222a33;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.857;
  letter-spacing: 0.025em;
}
.t-collabo-information__thumb {
  width: 100%;
  max-height: 126px;
  margin-bottom: 15px;
}
.t-collabo-information__thumb img {
  width: 100%;
}
.t-collabo-information__title {
  margin-bottom: 35px;
  text-decoration: underline;
}
.t-collabo-information__except {
  margin-bottom: 20px;
}
.t-collabo-information__category {
  padding-left: 30px;
  position: relative;
  margin-top: auto;
  font-size: 12px;
  font-size: 1.2rem;
}
.t-collabo-information__category-icon {
  width: 25px;
  position: absolute;
  top: -3px;
  left: 0;
}
@media screen and (max-width: 1023px) {
  .t-collabo-information__list-group-item {
    width: 33.333%;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-information__container {
    padding: 55px 0 50px;
  }
  .t-collabo-information__list {
    margin-right: -5px;
    margin-left: -5px;
  }
  .t-collabo-information__list-group-item {
    width: 50%;
  }
  .t-collabo-information__card {
    padding: 10px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .t-collabo-information__category {
    padding-left: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
  .t-collabo-information__category-icon {
    width: 17px;
    top: 1px;
  }
}
/* pagetop
------------------------------------------------------------ */
.t-collabo__pagetop {
  position: fixed;
  right: 40px;
  bottom: 40px;
  color: #4bead0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
  transform: rotate(-90deg) translateX(100%);
  transform-origin: right bottom;
}
.t-collabo__pagetop::after {
  content: "";
  display: block;
  width: 50px;
  height: 18px;
  background-image: linear-gradient(-90deg, #4bead0 50%, transparent 50%);
  background-size: 10px 10px;
  position: absolute;
  left: 100%;
  bottom: 0;
  transform: skewX(45deg);
  transform-origin: left top;
}
@media screen and (max-width: 767px) {
  .t-collabo__pagetop {
    display: none;
  }
}
/* rotate slides
------------------------------------------------------------ */
.t-collabo-rotate {
  position: relative;
}
.t-collabo-rotate__input {
  display: none;
}
.t-collabo-rotate-slides {
  max-width: 860px;
  margin: 0 auto;
}
.t-collabo-rotate-slides__group {
  padding-bottom: 55.814%;
  position: relative;
}
.t-collabo-rotate-slides__group-item {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}

#feature01InputLeft90:checked ~ .t-collabo-rotate-slides #feature01SlideLeft90,
#feature01InputLeft45:checked ~ .t-collabo-rotate-slides #feature01SlideLeft45,
#feature01InputFront:checked ~ .t-collabo-rotate-slides #feature01SlideFront,
#feature01InputRight45:checked
  ~ .t-collabo-rotate-slides
  #feature01SlideRight45,
#feature01InputRight90:checked
  ~ .t-collabo-rotate-slides
  #feature01SlideRight90 {
  opacity: 1;
}

#feature01InputLeft90_wh:checked ~ .t-collabo-rotate-slides #feature01SlideLeft90_wh,
#feature01InputLeft45_wh:checked ~ .t-collabo-rotate-slides #feature01SlideLeft45_wh,
#feature01InputFront_wh:checked ~ .t-collabo-rotate-slides #feature01SlideFront_wh,
#feature01InputRight45_wh:checked ~ .t-collabo-rotate-slides  #feature01SlideRight45_wh,
#feature01InputRight90_wh:checked  ~ .t-collabo-rotate-slides  #feature01SlideRight90_wh {
  opacity: 1;
}


.t-collabo-rotate-slides-dis {
  padding-left: 40px;
  position: absolute;
  text-align: left;
}
.t-collabo-rotate-slides-dis dt {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
}
.t-collabo-rotate-slides-dis dt span {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-rotate-slides-dis dt span::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #fff 50%, transparent 50%);
  background-size: 6px 6px;
  position: absolute;
  top: 50%;
  left: -35px;
  transform: skewX(50deg) translateY(-50%);
}
.t-collabo-rotate-slides-dis dd {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.857;
  letter-spacing: 0.025em;
}
.t-collabo-rotate-slides-dis dd + dt {
  margin-top: 35px;
}
.t-collabo-rotate-slide01-dis {
  top: 50%;
  left: 68%;
  transform: translateY(-50%);
}
.t-collabo-rotate-slides__discription {
  width: 305px;
  padding-left: 40px;
  position: absolute;
  text-align: left;
}
.t-collabo-rotate-slides__slide01-discription {
  top: 50%;
  left: 68%;
  transform: translateY(-50%);
}
.t-collabo-rotate-slides__discription dt {
  color: #4bead0;
  font-size: 11px;
  font-size: 1.1rem;
}
.t-collabo-rotate-slides__discription dd + dt {
  margin-top: 35px;
}
.t-collabo-rotate-slides__discription dt span {
  content: attr(data-eng);
  display: block;
  position: relative;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-rotate-slides__discription dt span::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #4bead0 50%, transparent 50%);
  background-size: 6px 6px;
  position: absolute;
  top: 50%;
  left: -40px;
  transform: skewX(50deg) translateY(-50%);
}
.t-collabo-rotate-slides__discription dd {
  margin-top: 10px;
  margin-bottom: 0;
}
.t-collabo-rotate-tabs {
  display: flex;
  justify-content: center;
  margin: 0 -45px;
}
.t-collabo-rotate-tabs__item {
  padding: 0 45px;
}
.t-collabo-rotate-tabs__label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  cursor: pointer;
  transition: 0.3s;
}
.t-collabo-rotate-tabs__label-left::before,
.t-collabo-rotate-tabs__label-right::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 20px;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/03/arrow.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.t-collabo-rotate-tabs__label-left::before {
  margin-right: 20px;
  transform: rotate(180deg);
}
.t-collabo-rotate-tabs__label-right::after {
  margin-left: 20px;
}
#feature01InputLeft90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90"],
#feature01InputLeft45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45"],
#feature01InputFront:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront"],
#feature01InputRight45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45"],
#feature01InputRight90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90"] {
  color: #4bead0;
  text-shadow: 0 0 20px rgba(75, 234, 208, 0.8),
    0 0 20px rgba(75, 234, 208, 0.8);
}
@media screen and (max-width: 1023px) {
  .t-collabo-rotate-tabs {
    margin: 0 -15px;
  }
  .t-collabo-rotate-tabs__item {
    padding: 0 15px;
  }
  .p-gw-feature01__slides {
    position: relative;
  }
  .p-gw-feature01__slides-group {
    padding: 0;
    margin: 0 -20px;
  }
  #feature01InputLeft90:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideLeft90,
  #feature01InputLeft45:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideLeft45,
  #feature01InputFront:checked ~ .t-collabo-rotate-slides #feature01SlideFront,
  #feature01InputRight45:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideRight45,
  #feature01InputRight90:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideRight90 {
    position: relative;
  }
  
  #feature01InputLeft90_wh:checked
  ~ .t-collabo-rotate-slides
  #feature01SlideLeft90_wh,
#feature01InputLeft45_wh:checked
  ~ .t-collabo-rotate-slides
  #feature01SlideLeft45_wh,
#feature01InputFront_wh:checked ~ .t-collabo-rotate-slides #feature01SlideFront_wh,
#feature01InputRight45_wh:checked
  ~ .t-collabo-rotate-slides
  #feature01SlideRight45_wh,
#feature01InputRight90_wh:checked
  ~ .t-collabo-rotate-slides
  #feature01SlideRight90_wh {
  position: relative;
}
  .p-gw-feature01__slides-image {
    padding-bottom: 25px;
  }
  .p-gw-feature01__slide-discription {
    width: auto;
    padding: 0 20px;
    margin-top: 50px;
    margin-bottom: 0;
    position: static;
    transform: translateY(0);
  }
  .p-gw-feature01__slide-discription dt span::before {
    display: none;
  }
  .p-gw-feature01__slide-discription dd {
    margin-top: 0;
  }
  .t-collabo-rotate-tabs {
    width: 100%;
    justify-content: space-between;
    padding-top: 665px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .t-collabo-rotate-tabs__item {
    padding: 0;
  }
  .t-collabo-rotate-tabs__label-left::before,
  .t-collabo-rotate-tabs__label-right::after {
    width: 6px;
    height: 10px;
  }
}
@media screen and (max-width: 640px) {
  .p-gw-feature01__slide-discription dt {
    font-size: 10px;
    font-size: 1rem;
  }
  .p-gw-feature01__slide-discription dt span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .t-collabo-rotate-tabs {
    padding-top: calc(100% + 40px + 15px);
  }
  .t-collabo-rotate-tabs__label {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
/* COLORS
------------------------------------------------------------ */
.t-collabo-colors__inner {
  display: flex;
  align-items: center;
  padding: 0 50px 40px;
  position: relative;
  margin-top: 40px;
  margin-bottom: -50px;
}
.t-collabo-colors__input {
  display: none;
}
.t-collabo-colors-contents {
  max-width: 345px;
  margin-right: auto;
}
.t-collabo-colors-contents &gt; *:not(.t-collabo-colors-slides) {
  position: relative;
  z-index: 2;
}
.t-collabo-colors-slides {
  width: 1158px;
  position: absolute;
  right: 365px;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.t-collabo-colors-slides__group {
  width: 100%;
  padding-bottom: 51.468%;
  position: relative;
  margin: 0;
}
.t-collabo-colors-slides__group-item {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.3s;
}
.t-collabo-colors-slides__group-item:not(#colorsSlideBlack) {
  opacity: 0;
}
.t-collabo-colors-tabs {
  margin-top: 25px;
}
.t-collabo-colors-tabs__group {
  margin-bottom: 0;
}
.t-collabo-colors-tabs__group-item:not(:first-child) {
  margin-top: 10px;
}
.t-collabo-colors-tabs__label {
  padding-left: 35px;
  position: relative;
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-size: 1.4rem;
  line-height: 1.25;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: 0.3s;
}
.t-collabo-colors-tabs__label::before,
.t-collabo-colors-tabs__label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}
.t-collabo-colors-tabs__label::before {
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  top: calc((1em - 20px) / 2 + 0.125em);
  left: 0;
}
.t-collabo-colors-tabs__label::after {
  width: 14px;
  height: 14px;
  background-color: #fff;
  top: calc((1em - 14px) / 2 + 0.125em);
  left: 3px;
  opacity: 0;
}
#colorsInputBlack:checked
  ~ .t-collabo-colors-contents
  .t-collabo-colors-tabs__label[for="colorsInputBlack"]::after {
  opacity: 1;
}
.t-collabo-colors-setting {
  max-width: 315px;
  position: relative;
  z-index: 2;
}
.t-collabo-colors-setting__image {
  margin-bottom: 15px;
}
.t-collabo-colors-setting-dis__text dt {
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.025em;
}
.t-collabo-colors-setting-dis__text dt span {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1.4rem;
}
.t-collabo-colors-setting-dis__text dt span::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #fff 50%, transparent 50%);
  background-size: 6px 6px;
  position: absolute;
  top: 50%;
  left: -35px;
  transform: skewX(50deg) translateY(-50%);
}
.t-collabo-colors-setting-dis__note {
  margin-top: 25px;
  margin-right: -50px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.039em;
}
@media screen and (max-width: 1200px) {
  .t-collabo-colors__inner {
    padding-right: 0;
    padding-left: 0;
  }
  .t-collabo-colors-slides {
    right: 315px;
  }
  .t-collabo-colors-setting-dis__note {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .t-collabo-colors__inner {
    flex-direction: column;
    align-items: stretch;
  }
  .t-collabo-colors-contents,
  .t-collabo-colors-setting {
    max-width: inherit;
  }
  .t-collabo-colors-slides {
    width: auto;
    position: relative;
    right: 0;
    margin: 0 -20px;
  }
  .t-collabo-colors-tabs {
    margin-top: 10px;
  }
  .t-collabo-colors-tabs__group-item:not(:first-child) {
    margin-top: 5px;
  }
  .t-collabo-colors-tabs__label {
    padding-left: 25px;
  }
  .t-collabo-colors-tabs__label::before {
    width: 15px;
    height: 15px;
    top: calc((1em - 15px) / 2 + 0.125em);
  }
  .t-collabo-colors-tabs__label::after {
    width: 11px;
    height: 11px;
    top: calc((1em - 11px) / 2 + 0.125em);
    left: 2px;
  }
  .t-collabo-colors-setting {
    margin-top: 10px;
  }
  .t-collabo-colors-setting__image {
    text-align: center;
  }
  .t-collabo-colors-setting-dis__text dt span::before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #footer {
    margin-top: 0;
  }
}
.SJ-items__none--title {
  color: #000000 !important;
}

.theme-mclass .p-mclass-campaign-list__group-item {
  display: flex;
  padding: 40px 20px;
  border-bottom: 1px solid #b19878;
}

/*蜍滄寔繝懊ち繝ｳ隱ｿ謨ｴ*/
li.catnav-links-item.recruite{
	display:none;
}

/*tab*/
.tabs {
  display: flex  ;
  flex-wrap: wrap;
  justify-content: center;
  background: #000;
  flex-direction: row;
}

.tab1,
.tab2,
.tab3,
.tab4 {
position: relative;
z-index: 1;
cursor: pointer;
/* flex: 1; */
margin: 0;
}

.tab_01,
.tab_02,
.tab_03,
.tab_04 {
/*position: relative;
z-index: 1;
cursor: pointer;
margin: 0;
background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/09/pc_game_zeta_tab_off.png);
transition: all .2s ease;
background: #949494;
width: 50%;
text-align: center;
height: 85px;
display: flex;
justify-content: center;
align-items: stretch;
border-bottom: 4px solid #cfff00;*/

position: relative;
cursor: pointer;
margin: 0;
transition: all .2s ease;
width: 160px;
text-align: center;
display: flex;
justify-content: center;
align-items: stretch;
top: 290px;
background: #00000000;
border-bottom: 2px solid #ffffff00;
}

.tab_03,
.tab_04 {
  width: 200px;
  top: 120px;
}

.tabs input:checked + .tab_01, 
.tabs input:checked + .tab_02, 
.tabs input:checked + .tab_03, 
.tabs input:checked + .tab_04{
/*background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/09/pc_game_zeta_tab_on.png);
background-size: 100%;
background: linear-gradient(90deg, #a0006f, #002881);*/
border-bottom: 2px solid #b19878;
}

.tab01,
.tab2,
.tab3,
.tab4 {
position: relative;
z-index: 1;
cursor: pointer;
/* flex: 1; */
margin: 0;
background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/09/pc_game_zeta_matrix_tab_off.png);
transition: all .2s ease;
}

@media screen and (max-width: 1023px) {
.tab_01,
.tab_02{
  padding: 0px 30px;
  top: 160px;
}
.tab_03,
.tab_04 {
  top: 420px;
  width: 160px;
}
}

.tab1,
.tab2,
.tab3,
.tab4 {
position: relative;
z-index: 1;
cursor: pointer;
/* flex: 1; */
margin: 0;
}

.tab_content {
flex: 100%;
display: none;
overflow: hidden;
}

input[name="tab_switch"],
input[name="tab_switch_2"] {
display: none;
}

.tabs input:checked + .tab_text {
color: #000!important;
}

#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content,
#tab04:checked ~ #tab04_content {
display: block;
/*background: #fff;*/
}

.tab_content{
position: relative;
animation: fadeIn 1s ease;
}

.tabs input:checked + .tab1 {
  /*box-shadow: 0px -12px 20px 0px #008eff;*/
  /*border-radius: 7px;*/
  border: 2px solid #ffffff;
  border-bottom: 0;
  /*background:#fff;*/
}

.tabs input:checked + .tab_text{
color: #000!important;
}

.tabs input:checked + .tab01,
.tabs input:checked + .tab2,
.tabs input:checked + .tab3,
.tabs input:checked + .tab4{
background-size: 100%;
}

label.tab_label {
  /*position: sticky;
  top: 0px;*/
  z-index:11;
}

@media screen and (max-width: 1280px) {
  .tabs {
    display: flex;
    justify-content: center;
  }

  .tab01,
  .tab1,
  .tab2,
  .tab3,
  .tab4 {
    width: 45%;
    background: #d5d5d5;
    margin-bottom: 10px;
    max-width: 300px;
  }


  .tabs input:checked + .tab01 {
    }
    
    .tabs input:checked + .tab2 {
    }
  }


/*tab*/

/*btn*/
.page-link.round {
  text-align:center;
}
.page-link.round a{
    padding: 12px 40px !important;
    display: inline-block;
    margin: auto;
    font-family: inherit;
    position: relative;
    background-image: none !important;
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #afb2b3;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 18px;
    border-radius: 22px !important;
    margin-top: 10px;
    transition: all .4s ease;
}

.page-link.round a:hover {
    background-color: #000000 !important;
    color: #fff !important;
    text-decoration: none !important;
}

.page-link.round a:hover:after {
    background: none;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

.page-link.round a:after {
    content: '';
    width: 10px !important;
    height: 10px !important;
    border: 0;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px;
    transform: rotate(45deg);
    background-image: none !important;
    transition: all .4s ease;
}

@media screen and (max-width: 767px) {
  .page-link.round a{
    padding: 6px 28px !important;
    font-size: 13px !important;
    line-height: 16px;
  }

  .page-link.round a:after {
    width: 8px !important;
    height: 8px !important;
    top: 54%;
    right: 13px;
    margin-top: -6px;
}
}
/*btn*/

  /*NEW
------------------------------------------------------------ */

div#new {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, #090d14 80%, rgba(0, 0, 0, 1) 100%);
  margin-top: 100px;
  height: 100vh;
}
@media screen and (max-width: 767px) {
  div#new {
    height: unset;
  }  }


#new .t-collabo__text {
  width: 984px;
  margin: auto;
  padding: 40px 20px 50px;
  font-size: 14px;
  text-align: left;
  margin-top: 20px;
}
.t-rgbbuild-new_img {
text-align: center;
}

@media screen and (max-width: 767px) {
#new .t-collabo__text {
  width: unset;
  margin: auto;
  padding: unset;
  margin-top: 20px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.727;
  text-align: left;
}
}

/*series*/
.theme-mclass .t-collabo_series_heading {
  padding-bottom: 0;
  text-shadow: 0 0 20px rgba(234, 85, 4, 0.8), 0 0 20px rgba(234, 85, 4, 0.8);
  font-size: 60px;
  font-size: 5rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.t-collabo-series__container {
  padding: 100px 0 100px;
}

.theme-mclass .t-collabo-series {
  background:#000000;
  height: 100vh;
}

@media screen and (max-width: 767px) {
  .theme-mclass .t-collabo-series {
    background:#000000;
    height:unset;
  }
}

ul.t-collabo-series__list-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 50px 50px 0;
  align-items: center;
}

li.t-collabo-series__list-group-item {
  padding: 0px 10px;
}

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

  ul.t-collabo-series__list-group {
    padding: 50px 30px 0;
  }

  li.t-collabo-series__list-group-item.order {
    order: 2;
  }

  .t-collabo-series__list {
    width: 900px;
  }

  .theme-mclass .t-collabo-series__container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

}

/*color*/
img.pc_game_features5 {
  width: auto;
  margin: auto;
  mix-blend-mode: screen;
  display: block;
  position: relative;
  z-index: 2;
}

.p-rgb-feature5 {
  position: relative;
  margin-top: 20px;
}

h3.p-rgb-features__section-sub-heading {
  margin-bottom: 20px !important;
  color: #FFF !important;
  font-size: 32px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1rem;
  font-family: '貂ｸ譏取悃','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

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

  img.pc_game_features5 {
  margin-top: 50px;
  }

  h3.p-rgb-features__section-sub-heading {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
.p-rgb__text{
  color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.75;
  /* letter-spacing: .025em; */
}

.p-rgb-feature5__container {
  display: flex;
  align-items: center;
  height: 600px;
}
.p-rgb-feature5__content {
  position: relative;
  z-index: 2;
  margin: auto auto auto 0;
}
.p-rgb-feature5__text {
  max-width: 360px;
}
.p-rgb-feature5__link-wrap {
  margin-top: 30px;
}
.p-rgb-feature5__led {
  width: 360px;
  margin: auto 0;
}
.p-rgb-feature5__led-switch {
  display: none;
}
.p-rgb-feature5__led-images {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.p-rgb-feature5__led-images-item {
  width: 100%;
  max-width: 1240px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  margin: auto;
  opacity: 0;
  transition: .3s;
}
.p-rgb-feature5__led-images-item img {
  height: 100%;
  position: absolute;
  top: 0;
  right: 360px;
}
.p-rgb-feature5__led-select {
  padding-top: 150px;
  position: relative;
  z-index: 2;
}

.p-rgb-feature5__led-select-group {
  position: relative;
  margin-left: 90px;
}
.p-rgb-feature5__led-select-group::before {
  content: "";
  display: block;
  width: 490px;
  height: 490px;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/02/feature5_circle.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  position: absolute;
  top: 50%;
  right: calc(100% - 25px);
  transform: translateY(-50%);
}
.p-rgb-feature5__led-select-group-item:not(:last-child) {
  margin-bottom: 30px;
}
.p-rgb-feature5__led-select-group-item:nth-child(2), .p-rgb-feature5__led-select-group-item:nth-child(6) {
  margin-left: 25px;
}
.p-rgb-feature5__led-select-group-item:nth-child(3), .p-rgb-feature5__led-select-group-item:nth-child(5) {
  margin-left: 35px;
}
.p-rgb-feature5__led-select-group-item:nth-child(4) {
  margin-left: 40px;
}

#tab01_content  .p-rgb-feature5__led-select-group-item:nth-child(6) {
  margin-left: 0px;
}
#tab01_content  .p-rgb-feature5__led-select-group-item:nth-child(5) {
  margin-left: 25px;
}
#tab01_content  .p-rgb-feature5__led-select-group-item:nth-child(4) {
  margin-left: 35px;
}

.p-rgb-feature5__led-select-btn {
  padding-left: 2.333em;
  position: relative;
  margin-bottom: 0;
  color: #B2B2B2;
  font-family: 'Jost', "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "ﾃ｣ﾆ停凖｣ﾆ陳ｩﾃ｣窶堋ｮﾃ｣ﾆ椎ｽﾃｨﾂｧ窶凖｣窶堋ｴ ProN W3", Meiryo, ﾃ｣ﾆ陳｡ﾃ｣窶堋､ﾃ｣ﾆ陳ｪﾃ｣窶堋ｪ, "ﾃｯﾂｼﾂｭﾃｯﾂｼﾂｳ ﾃｯﾂｼﾂｰﾃ｣窶堋ｴﾃ｣窶堋ｷﾃ｣ﾆ槌津｣窶堋ｯ", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif !important;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .025em;
  transition: .3s;
  cursor: pointer;
}
.p-rgb-feature5__led-select-btn::before, .p-rgb-feature5__led-select-btn::after {
  content: "";
  display: block;
  width: 1.167em;
  height: 1.167em;
  border-radius: 50%;
  position: absolute;
  top: -.1em;
  left: 0;
  box-sizing: border-box;
}
.p-rgb-feature5__led-select-btn::before {
  border: 1px solid #B2B2B2;
}
.p-rgb-feature5__led-select-btn::after {
  opacity: 0;
  transition: .3s;
}
#ledRed:checked ~ * .p-rgb-feature5__led-images-item[data-led="red"], 
#ledWhite:checked ~ * .p-rgb-feature5__led-images-item[data-led="white"], 
#ledYellow:checked ~ * .p-rgb-feature5__led-images-item[data-led="yellow"], 
#ledGreen:checked ~ * .p-rgb-feature5__led-images-item[data-led="green"], 
#ledPink:checked ~ * .p-rgb-feature5__led-images-item[data-led="pink"], 
#ledBlue:checked ~ * .p-rgb-feature5__led-images-item[data-led="blue"], 
#ledRainbow:checked ~ * .p-rgb-feature5__led-images-item[data-led="rainbow"], 
#ledBlack ~ * .p-rgb-feature5__led-images-item[data-led="black"] {
  opacity: 1;
}
#ledBlack ~ * .p-rgb-feature5__led-images-item[data-led="black"] {
  z-index: 1;
}

#ledRed_r:checked ~ * .p-rgb-feature5__led-images-item[data-led="red_r"], 
#ledWhite_r:checked ~ * .p-rgb-feature5__led-images-item[data-led="white_r"], 
#ledYellow_r:checked ~ * .p-rgb-feature5__led-images-item[data-led="yellow_r"], 
#ledGreen_r:checked ~ * .p-rgb-feature5__led-images-item[data-led="green_r"], 
#ledPink_r:checked ~ * .p-rgb-feature5__led-images-item[data-led="pink_r"], 
#ledBlue_r:checked ~ * .p-rgb-feature5__led-images-item[data-led="blue_r"], 
#ledRainbow_r:checked ~ * .p-rgb-feature5__led-images-item[data-led="rainbow_r"], 
#ledBlack_r ~ * .p-rgb-feature5__led-images-item[data-led="black_r"] {
  opacity: 1;
}
#ledBlack_r ~ * .p-rgb-feature5__led-images-item[data-led="black_r"] {
  z-index: 1;
}

#ledWhite:checked ~ * .p-rgb-feature5__led-select-btn[for="ledWhite"]::after, 
.p-rgb-feature5__led-select-btn[for="ledWhite"]:hover::after, 
#ledRed:checked ~ * .p-rgb-feature5__led-select-btn[for="ledRed"]::after, 
.p-rgb-feature5__led-select-btn[for="ledRed"]:hover::after, 
#ledYellow:checked ~ * .p-rgb-feature5__led-select-btn[for="ledYellow"]::after, 
.p-rgb-feature5__led-select-btn[for="ledYellow"]:hover::after, 
#ledGreen:checked ~ * .p-rgb-feature5__led-select-btn[for="ledGreen"]::after, 
.p-rgb-feature5__led-select-btn[for="ledGreen"]:hover::after, 
#ledPink:checked ~ * .p-rgb-feature5__led-select-btn[for="ledPink"]::after, 
.p-rgb-feature5__led-select-btn[for="ledPink"]:hover::after, 
#ledBlue:checked ~ * .p-rgb-feature5__led-select-btn[for="ledBlue"]::after, 
.p-rgb-feature5__led-select-btn[for="ledBlue"]:hover::after, 
#ledRainbow:checked ~ * .p-rgb-feature5__led-select-btn[for="ledRainbow"]::after, 
.p-rgb-feature5__led-select-btn[for="ledRainbow"]:hover::after, 
.p-rgb-feature5__led-select-btn[for="ledBlack"]:hover::after {
  opacity: 1;
}

#ledWhite_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledWhite_r"]::after, 
.p-rgb-feature5__led-select-btn[for="ledWhite_r"]:hover::after, 
#ledRed_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledRed_r"]::after, 
.p-rgb-feature5__led-select-btn[for="ledRed_r"]:hover::after, 
#ledYellow_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledYellow_r"]::after, 
.p-rgb-feature5__led-select-btn[for="ledYellow_r"]:hover::after, 
#ledGreen_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledGreen_r"]::after, 
.p-rgb-feature5__led-select-btn[for="ledGreen_r"]:hover::after, 
#ledPink_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledPink_r"]::after, 
.p-rgb-feature5__led-select-btn[for="ledPink_r"]:hover::after, 
#ledBlue_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledBlue_r"]::after, 
.p-rgb-feature5__led-select-btn[for="ledBlue_r"]:hover::after, 
#ledRainbow_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledRainbow_r"]::after, 
.p-rgb-feature5__led-select-btn[for="ledRainbow_r"]:hover::after, 
.p-rgb-feature5__led-select-btn[for="ledBlack_r"]:hover::after {
  opacity: 1;
}

#ledRed:checked ~ * .p-rgb-feature5__led-select-btn[for="ledRed"], 
.p-rgb-feature5__led-select-btn[for="ledRed"]:hover {
  color: #FF1E00;
  text-shadow: 0 0 14px #FF1E00, 0 0 14px #FF1E00;
}
.p-rgb-feature5__led-select-btn[for="ledRed"]::after {
  background-color: #FF1E00;
  box-shadow: 0 0 14px #FF1E00, 0 0 14px #FF1E00;
}
#ledYellow:checked ~ * .p-rgb-feature5__led-select-btn[for="ledYellow"], .p-rgb-feature5__led-select-btn[for="ledYellow"]:hover {
  color: #FFFF4B;
  text-shadow: 0 0 14px #FFFF4B, 0 0 14px #FFFF4B;
}
.p-rgb-feature5__led-select-btn[for="ledYellow"]::after {
  background-color: #FFFF4B;
  box-shadow: 0 0 14px #FFFF4B, 0 0 14px #FFFF4B;
}
#ledGreen:checked ~ * .p-rgb-feature5__led-select-btn[for="ledGreen"], .p-rgb-feature5__led-select-btn[for="ledGreen"]:hover {
  color: #30FF92;
  text-shadow: 0 0 14px #30FF92, 0 0 14px #30FF92;
}
.p-rgb-feature5__led-select-btn[for="ledGreen"]::after {
  background-color: #30FF92;
  box-shadow: 0 0 14px #30FF92, 0 0 14px #30FF92;
}
#ledPink:checked ~ * .p-rgb-feature5__led-select-btn[for="ledPink"], .p-rgb-feature5__led-select-btn[for="ledPink"]:hover {
  color: #FF2DFF;
  text-shadow: 0 0 14px #FF2DFF, 0 0 14px #FF2DFF;
}
.p-rgb-feature5__led-select-btn[for="ledPink"]::after {
  background-color: #FF2DFF;
  box-shadow: 0 0 14px #FF2DFF, 0 0 14px #FF2DFF;
}
#ledWhite:checked ~ * .p-rgb-feature5__led-select-btn[for="ledWhite"], .p-rgb-feature5__led-select-btn[for="ledWhite"]:hover {
  color: #ffffff;
  text-shadow: 0 0 14px #ffffff, 0 0 14px #ffffff;
}
.p-rgb-feature5__led-select-btn[for="ledWhite"]::after {
  background-color: #ffffff;
  box-shadow: 0 0 14px #ffffff, 0 0 14px #ffffff;
}
#ledBlue:checked ~ * .p-rgb-feature5__led-select-btn[for="ledBlue"], .p-rgb-feature5__led-select-btn[for="ledBlue"]:hover {
  color: #0088FF;
  text-shadow: 0 0 14px #0088FF, 0 0 14px #0088FF;
}
.p-rgb-feature5__led-select-btn[for="ledBlue"]::after {
  background-color: #0088FF;
  box-shadow: 0 0 14px #0088FF, 0 0 14px #0088FF;
}
#ledRainbow:checked ~ * .p-rgb-feature5__led-select-btn[for="ledRainbow"], 
.p-rgb-feature5__led-select-btn[for="ledRainbow"]:hover {
  color: #FFFF4B;
  background: linear-gradient(to right,
   rgba(0, 79, 255, 1) 0%,
   rgba(172, 106, 255, 1) 35%, 
   rgba(255, 255, 0, 1) 70%,
   rgba(98, 255, 255, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 14px #0074FF, 0 0 14px #0074FF;
}
.p-rgb-feature5__led-select-btn[for="ledRainbow"]::after {
  background: linear-gradient(to bottom, 
  rgba(0, 79, 255, 1) 0%, 
  rgba(172, 106, 255, 1) 35%, 
  rgba(255, 255, 0, 1) 70%, 
  rgba(98, 255, 255, 1) 100%);
  box-shadow: 0 0 14px #0074FF, 0 0 14px #0074FF;
}

#ledBlack:checked ~ * .p-rgb-feature5__led-select-btn[for="ledBlack"], 
.p-rgb-feature5__led-select-btn[for="ledBlack"]:hover {
  text-shadow: 0 0 14px #FFF, 0 0 14px #FFF;
}

#ledRed_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledRed_r"], 
.p-rgb-feature5__led-select-btn[for="ledRed_r"]:hover {
  color: #FF1E00;
  text-shadow: 0 0 14px #FF1E00, 0 0 14px #FF1E00;
}
.p-rgb-feature5__led-select-btn[for="ledRed_r"]::after {
  background-color: #FF1E00;
  box-shadow: 0 0 14px #FF1E00, 0 0 14px #FF1E00;
}
#ledYellow_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledYellow_r"], .p-rgb-feature5__led-select-btn[for="ledYellow_r"]:hover {
  color: #FFFF4B;
  text-shadow: 0 0 14px #FFFF4B, 0 0 14px #FFFF4B;
}
.p-rgb-feature5__led-select-btn[for="ledYellow_r"]::after {
  background-color: #FFFF4B;
  box-shadow: 0 0 14px #FFFF4B, 0 0 14px #FFFF4B;
}
#ledGreen_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledGreen_r"], .p-rgb-feature5__led-select-btn[for="ledGreen_r"]:hover {
  color: #30FF92;
  text-shadow: 0 0 14px #30FF92, 0 0 14px #30FF92;
}
.p-rgb-feature5__led-select-btn[for="ledGreen_r"]::after {
  background-color: #30FF92;
  box-shadow: 0 0 14px #30FF92, 0 0 14px #30FF92;
}
#ledPink_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledPink_r"], .p-rgb-feature5__led-select-btn[for="ledPink_r"]:hover {
  color: #FF2DFF;
  text-shadow: 0 0 14px #FF2DFF, 0 0 14px #FF2DFF;
}
.p-rgb-feature5__led-select-btn[for="ledPink_r"]::after {
  background-color: #FF2DFF;
  box-shadow: 0 0 14px #FF2DFF, 0 0 14px #FF2DFF;
}
#ledWhite_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledWhite_r"], .p-rgb-feature5__led-select-btn[for="ledWhite_r"]:hover {
  color: #ffffff;
  text-shadow: 0 0 14px #ffffff, 0 0 14px #ffffff;
}
.p-rgb-feature5__led-select-btn[for="ledWhite_r"]::after {
  background-color: #ffffff;
  box-shadow: 0 0 14px #ffffff, 0 0 14px #ffffff;
}

#ledBlue_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledBlue_r"], .p-rgb-feature5__led-select-btn[for="ledBlue_r"]:hover {
  color: #0088FF;
  text-shadow: 0 0 14px #0088FF, 0 0 14px #0088FF;
}
.p-rgb-feature5__led-select-btn[for="ledBlue_r"]::after {
  background-color: #0088FF;
  box-shadow: 0 0 14px #0088FF, 0 0 14px #0088FF;
}
#ledRainbow_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledRainbow_r"], 
.p-rgb-feature5__led-select-btn[for="ledRainbow_r"]:hover {
  color: #FFFF4B;
  background: linear-gradient(to right,
   rgba(0, 79, 255, 1) 0%,
   rgba(172, 106, 255, 1) 35%, 
   rgba(255, 255, 0, 1) 70%,
   rgba(98, 255, 255, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 14px #0074FF, 0 0 14px #0074FF;
}
.p-rgb-feature5__led-select-btn[for="ledRainbow_r"]::after {
  background: linear-gradient(to bottom, 
  rgba(0, 79, 255, 1) 0%, 
  rgba(172, 106, 255, 1) 35%, 
  rgba(255, 255, 0, 1) 70%, 
  rgba(98, 255, 255, 1) 100%);
  box-shadow: 0 0 14px #0074FF, 0 0 14px #0074FF;
}

#ledBlack_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledBlack_r"], 
.p-rgb-feature5__led-select-btn[for="ledBlack_r"]:hover {
  text-shadow: 0 0 14px #FFF, 0 0 14px #FFF;
}

.p-rgb-feature5__led-note {
  position: absolute;
  top: calc(100% + 40px);
  color: #FFF;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: .025em;
}




.p-rgb__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
}


@media all and (-ms-high-contrast:none) {
  #ledRainbow:checked ~ * .p-rgb-feature5__led-select-btn[for="ledRainbow"], .p-rgb-feature5__led-select-btn[for="ledRainbow"]:hover {
    background: none;
  }
  #ledRainbow_r:checked ~ * .p-rgb-feature5__led-select-btn[for="ledRainbow_r"], .p-rgb-feature5__led-select-btn[for="ledRainbow_r"]:hover {
    background: none;
  }
}

@media screen and (max-width: 1160px) {
  /* 5 */
  .p-rgb-feature5 {
    margin-top: 0px;
  }

  .pc_game_color{
    max-width: 200px !important;
  }

    .p-rgb-feature5__container {
      flex-direction: column;
      height: auto;
      /*padding-top: 50px;*/
      padding-bottom: 55px;
    }
    .p-rgb-feature5__content {
      margin-left: auto;
      text-align: center;
      margin-bottom: 30px;
    }
    .p-rgb-feature5__text {
      max-width: 100%;
      font-size: 1.1rem;
      text-align: left;
    }
    .p-rgb-feature5__link-wrap {
      margin-top: 20px;
    }
    .p-rgb-feature5__led {
      width: 100%;
    }
    .p-rgb-feature5__led-images {
      width: auto;
      padding-bottom: 100%;
      position: relative;
      margin: -7.812% -20px 0;
    }
    .p-rgb-feature5__led-images-item img {
      width: 100%;
      height: auto;
      top: auto;
      right: 0;
      bottom: 0;
    }
    .p-rgb-feature5__led-select {
      padding-top: 40px;
    }
    .p-rgb-feature5__led-select-group {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin: -15px -20px;
    }
    .p-rgb-feature5__led-select-group-item {
      padding: 15px 15px;
      margin: 0 !important;
    }
    .p-rgb-feature5__led-select-group::before {
      display: none;
    }
    .p-rgb-feature5__led-select-btn {
      font-size: 11px;
      font-size: 1.1rem;
    }
    .p-rgb-feature5__led-note {
      position: static;
      margin-top: 25px;
      text-align: center;
      font-size: 10px;
      font-size: 1.0rem;
    }
  }
  /*COLOR*/


  .p-mclass-feature02.t-collabo__section {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, #090d14 80%, rgba(0, 0, 0, 1) 100%);
}

.p-mclass-feature04.t-collabo__section {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, #090d14 80%, rgba(0, 0, 0, 1) 100%);
    margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
.p-mclass-feature04.t-collabo__section {
  margin-bottom: 0px;
}}

  /* gallery */

  #gallery {
    background-color: #000;
    overflow: hidden;
  }
  
  /* sub heading */
  .rgb__sub-heading {
      margin-top: 15px;
      text-align: center !important;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 400;
      letter-spacing: .1em;
  }
  @media all and (max-width: 767px) {
    .rgb__sub-heading {
      font-size: 15px;
      font-size: 1.5rem;
    }
  }
  
  .rgb-gallery__group {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px 0;
  }
  .rgb-gallery__item {
    width: calc(25% + 2px);
    margin: -1px;
  }
  .rgb-gallery__item a {
    display: block;
  }
  .rgb-gallery__item a img {
    width: 100%;
  }
  @media all and (max-width: 767px) {
    #gallery {
      padding-top: 30px;
    }
    .rgb-gallery__item {
      width: calc(50% + 2px);
    }
    .rgb-gallery__note {
      margin-top: 20px;
      font-size: 12px;
      font-size: 1.2rem;
    }
    .rgb-gallery__group {
      margin-top: 20px;
    }
  }
  
  .inner {
      padding: 90px 0 80px 0;
      background: #000;
      max-width: 100% !important;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, #090d14 80%, rgba(0, 0, 0, 1) 100%);
  }
  @media screen and (max-width: 767px) {
    .inner {
      padding: 30px 0 20px 0;
  }}

  h1#mv img {
    width: 100%;
}

#mv  {
  margin: 0;
}</pre></body></html>