/* CSS Document */

.theme-rgb .c-font__jost {
  font-family: "Jost", sans-serif;
}
.theme-rgb {
  background-color: #000;
  color: #fff;
  overflow: clip;
  margin-bottom: -30px;
}

.theme-rgb .t-collabo__heading {
    padding-bottom: 0;
}

.theme-rgb h2.t-collabo__heading {
    font-size: 35px;
    font-size: 3.5rem;
    font-family: Orbitron;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding-bottom: 20px;
    margin: 0 auto;
    background: -webkit-linear-gradient(0deg, #c0a3ff, #f5ffbe);
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
}

.theme-rgb .p-rgb-lineup h2.t-collabo__heading.c-font__jost {
    font-size: 7rem;
}

.theme-rgb h2.t-collabo__heading.rgbbuild {
    background: -webkit-linear-gradient(0deg, #00daff, #6b58ff, #ff00c5);
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
    font-size: 7rem;
}

.theme-rgb h3.t-collabo__heading {
    font-size: 50px;
    font-size: 5rem;
    font-weight: 600;
    letter-spacing: 0em;
    padding-bottom: 60px;
}

.theme-rgb #RGBBUILD h3.t-collabo__heading {
    padding-bottom: 10px;
    font-size: 3rem;
}

.theme-rgb .p-rgb-lineup h3.t-collabo__heading {
    font-size: 3.0rem;
}

.theme-rgb .t-collabo__heading-left {
  left: 0;
  z-index: 10;
  font-size: 46px;
  font-size: 4.6rem;
}
.theme-rgb .t-collabo__heading-ja {
  margin-top: 35px;
}
.theme-rgb .t-collabo__text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: center;
  padding-top: 30px;
}
.theme-rgb .p-rgb__sub-heading {
  margin-bottom: 10px;
  color: #999;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.theme-rgb .p-rgb__heading {
  text-align: center;
  font-size: 60px;
  font-size: 6rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-shadow: 0 0 20px rgba(234, 85, 4, 0.8);
  font-family: Orbitron;
}
.theme-rgb .p-rgb__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-rgb .p-rgb__btn img {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
.theme-rgb .p-rgb__btn img.is-on {
  opacity: 0;
}
.theme-rgb .p-rgb__btn:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.theme-rgb .p-rgb__btn:hover img.is-off {
  opacity: 0;
}
.theme-rgb .p-rgb__btn:hover img.is-on {
  opacity: 1;
}
.theme-rgb .p-rgb__btn i {
  margin-right: 0.75em;
  font-size: 1.5em;
}
.theme-rgb .p-rgb__btn .is-icon {
  width: 31px;
  height: 25px;
  position: relative;
  margin-right: 0.75em;
}
.theme-rgb .p-rgb__btn .is-icon.is-twitter img {
  width: 25px;
}
.theme-rgb .p-rgb__btn .is-icon.is-youtube img {
  width: 31px;
}
.theme-rgb .p-rgb__btn .is-icon.is-twitch img {
  width: 21px;
}
.theme-rgb .p-rgb__btn .is-icon img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .theme-rgb .t-collabo__container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .theme-rgb .t-collabo__heading,
  .theme-rgb h2.p-rgb__heading {
    font-size: 30px;
    font-size: 3.0rem;
    letter-spacing: 0.025em;
  }
    .theme-rgb h3.p-rgb__heading {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.025em;
  }
  .theme-rgb .t-collabo__heading-ja {
    margin-top: 15px;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.025em;
  }
  .theme-rgb .t-collabo__text {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.727;
  }
  .theme-rgb .p-rgb__sub-heading {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.025em;
  }
  .theme-rgb .p-rgb__btn {
    padding: 15px 20px 15px 10px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .theme-rgb .p-rgb__btn > img {
    width: 9px;
  }
  .theme-rgb .p-rgb__btn .is-icon {
    width: 1.75em;
    height: 1.5em;
  }
}
/* pankuzu
------------------------------------------------------------ */
#LED.theme-rgb {
  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: #ea5504;
}
@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-rgb .p-rgb-main {
  min-height: calc(100vh - 132px);
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/12/level_rgb_build_mv_bg.jpg");
  background-position: center bottom;
}
.theme-rgb .p-rgb-main__container {
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 3;
}
.theme-rgb .p-rgb-main-contents {
  max-width: 350px;
  padding: 150px 0 200px 0;
  margin-left: auto;
}
.theme-rgb .p-rgb-main-contents__level-logo {
  margin-bottom: 30px !important;
}
.theme-rgb .p-rgb-main-contents__sub-heading {
  margin: 10px 10px 10px 0px!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-rgb .p-rgb-main-contents__heading {
  font-size: 86px;
  font-size: 7.6rem;
  font-weight: 700;
  line-height: 1 !important;
  letter-spacing: 0;
  white-space: nowrap;
}
.theme-rgb .p-rgb-main-contents__heading span {
  letter-spacing: 0.05em;
}

.theme-rgb .p-rgb-main-contents__text {
  margin-top: 15px;
  margin-right: -60px;
  font-size: 20px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.025em;
}
.theme-rgb .p-rgb-main-contents__btn-wrap {
  margin-top: 30px;
  margin-right: -50px;
}
.theme-rgb .p-rgb-main-sns {
  position: absolute;
  right: -60px;
  bottom: 110px;
}
.theme-rgb .p-rgb-main-sns__group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  flex-direction: column;
}
.theme-rgb .p-rgb-main-sns__group-item {
  padding: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.theme-rgb .p-rgb-main-sns__group-item a {
  display: block;
}
.theme-rgb .p-rgb-main-sns__group-item img {
  vertical-align: middle;
}
.theme-rgb .p-rgb-main__image {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.theme-rgb .p-rgb-main__image img {
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.theme-rgb .p-rgb-main__image-bg {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.theme-rgb .p-rgb-main__image-bg img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}

/*RGB Build h1*/
.p-rgb-main-contents__heading.c-font__jost span:before {
  position: absolute;
  background: -webkit-linear-gradient(0deg, #0090e8 0%, #1456ca 33%, #841cac 66%, #f6008c 100%);
  background: -webkit-linear-gradient(0deg, #0090e8 0%, #1456ca 33%, #841cac 66%, #f6008c 100%);
  content: "";
  display: inline-block;
  width: 390px;
  height: 40px;
  top: 27px;
  filter: blur(25px);
  mix-blend-mode: hard-light;
}

.theme-rgb .p-rgb-main-contents__heading span {
  background: -webkit-linear-gradient(0deg, #54c8f4, #ff6dc5);
  color: rgba(0, 0, 0, 0);
  -webkit-background-clip: text;
  font-family: 'Noto Sans Japanese';
  font-weight: 700;
  letter-spacing :0;
  font-family: Orbitron;
}

.theme-rgb .p-rgb-main-contents__heading {
    font-size: 86px;
    font-size: 7.0rem;
    font-weight: 700;
    line-height: 1 !important;
    letter-spacing: 0;
    white-space: nowrap;
    filter: contrast(1.2);
}
/*RGB Build h1*/

@media screen and (max-height: 850px) {
  .theme-rgb .p-rgb-main-sns {
    bottom: 50px;
  }
}
@media screen and (max-width: 1320px) {
  .theme-rgb .p-rgb-main-contents__text {
    margin-right: 0;
  }
  .theme-rgb .p-rgb-main-contents__btn-wrap {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .theme-rgb .p-rgb-main {
    background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/12/level_rgb_build_mv_bg_sp.jpg.png");
    background-size: 100% auto;
  }
  .theme-rgb .p-rgb-main__image {
    margin-left: -20%;
  }
}
@media screen and (max-width: 767px) {

  .theme-rgb .p-rgb-main-contents__heading span {
    background: -webkit-linear-gradient(0deg, #00b9ff, #ff009a);
    -webkit-background-clip: text;
  }

  .p-rgb-main-contents__heading.c-font__jost span:before {
    width: 340px;
    height: 35px;
    top: 20px;
    filter: blur(20px);
    background: none;
  }

  .theme-rgb .p-rgb-main {
    padding-bottom: 80px;
    background-position: center bottom 80px;
  }
  .theme-rgb .p-rgb-main__container {
    padding-top: 85px;
    padding-bottom: 0;
    position: static;
  }
  .theme-rgb .p-rgb-main-contents {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .theme-rgb .p-rgb-main-contents__level-logo img {
    width: 112px;
  }
  .theme-rgb .p-rgb-main-contents__heading {
    font-size: 60px;
    font-size: 6rem;
    margin: 0;
  }
  .theme-rgb .p-rgb-main-contents__text {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .theme-rgb .p-rgb-main-contents__btn-wrap {
    width: 100%;
    max-width: 300px;
    padding: 0 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 65px;
    margin: auto;
  }
  .theme-rgb .p-rgb-main-sns__group{
    flex-direction: row;
  }
  .theme-rgb .p-rgb-main-sns {
    width: 100%;
    bottom: 5px;
  }
  .theme-rgb .p-rgb-main-sns__group-item {
    padding: 15px 25px;
  }
  .theme-rgb .p-rgb-main-sns__group-item img {
    width: auto;
    height: 12px;
  }
  .theme-rgb .p-rgb-main__image {
    width: auto;
    position: static;
    margin: -20% -20px 0;
  }
  .theme-rgb .p-rgb-main__image-bg {
    bottom: 80px;
  }
}

/*INFO
------------------------------------------------------------ */
#info picture {
    border: 1px solid #f6ffa7;
    text-align: center;
    padding: 10px;
    box-shadow: 0 0 0px hsl(66deg 100% 83% / 50%), inset 0 0 10px hsl(66deg 100% 83% / 50%);
    background: #15180080;
    display: inline-block;
}

#info picture:hover {
    border: 1px solid #a975ff;
    box-shadow: 0 0 10px #8f4bff, inset 0 0 10px #9d61ff;
    background: #130825;
}

#info .t-collabo__container {
    padding-top: 50px;
    padding-bottom: 50px;
}

div#info {
    background: #181818;
}

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

.t-collabo-flex {
  display: flex;
  justify-content: center;
}

#about .t-collabo__text {
  width: 450px;
  margin: auto !important;
  padding: 15px 20px;
  font-size: 18px;
  text-align: left;
}
.t-rgbbuild_img {
  text-align: center;
}

#about .t-rgbbuild_img {
  margin-left: -50px;
  margin-right: -250px;
}

#about h3.t-collabo__heading{
  padding-bottom: 0;
}

.theme-rgb #about {
    background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2025/07/pc_level_led_bg_01.png) #181818 no-repeat center;
    background-repeat: repeat-x;
    animation-name: slide1;
    animation-duration: 100s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: reverse;

}

@keyframes slide1 {
  0% {
    background-position: 0 50%;
  }

  100% {
    background-position: 1907px 50%;
  }
}

/*limited
------------------------------------------------------------ */
#limited .t-collabo-flex {
    gap: 100px;
}

.t-collabo-flex p {
    padding-bottom: 25px;
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
}



.t-collabo-flex .font-style_italic {
  font-style: italic;
}


.t-collabo-limited_img {
}

.theme-rgb #limited {
    background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2025/07/pc_level_led_bg_02.png) #181818 no-repeat center;
    background-repeat: repeat-x;
    animation-name: slide2;
    animation-duration: 100s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes slide2 {
  0% {
    background-position: 0 50%;
  }

  100% {
    background-position: 4003px 50%;
  }
}

/*Campaign
------------------------------------------------------------ */
#campaign h2.t-collabo__heading {
    padding-bottom: 20px;
}

#campaign .t-collabo-flex{
  gap: 150px;
}

.theme-rgb #campaign {
    background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2025/07/pc_level_led_bg_03.png) #181818 no-repeat center;
    background-repeat: repeat-x;
    animation-name: slide3;
    animation-duration: 100s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: reverse;
}

@keyframes slide3 {
  0% {
    background-position: 0 50%;
  }

  100% {
    background-position: 2747px 50%;
  }
}

.theme-rgb #campaign .t-collabo__text {
    margin: 0 auto;
    margin-top: 20px;
    padding: 20px;
    text-align: left;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 1.8rem;
    width: 1000px;
    line-height: 35px;
    border: unset;
    font-weight: 500;
}
/*RGB
------------------------------------------------------------ */
#RGBBUILD .t-collabo-flex {
    padding: 50px 100px 0;
}

.theme-rgb #RGBBUILD h3.t-collabo__heading{
  padding-bottom: 10px;
}

#RGBBUILD .t-collabo-flex p{
      font-size: 21px;
      line-height: 40px;
      text-align: left;
}

.theme-rgb #RGBBUILD .t-collabo__text{
    padding: 0%;
    width: 60%;
}

#RGBBUILD .t-rgbbuild_img{
  width: 40%;
  padding-right: 50px;
}

div#RGBBUILD {
    background: linear-gradient(0deg, #1615367a, #0e1c367d, #181818);
}

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

.t-collabo-flex p {
    font-size: 1.4rem;
}

.theme-rgb h3.t-collabo__heading {
    font-size: 2rem;
    padding-bottom: 30px;
}

.t-collabo-flex {
    display: flex;
    flex-direction: column;
}

#about .t-rgbbuild_img {
    margin: 20px -30px;
}


#limited .t-collabo-flex {
    gap: 30px;
}

.t-collabo-flex p {
    padding-bottom: 0px;
}

#campaign .t-collabo-flex {
    gap: 20px;
}

.t-collabo-limited_img {
    text-align: center;
    margin: 0px 60px;
}

.t-collabo-limited_img.mouse_image {
    max-width: 100px;
    margin: auto;
}

#RGBBUILD .t-collabo-flex {
    padding: 0;
}

#RGBBUILD .t-rgbbuild_img {
    width: unset;
    /* margin: auto; */
    padding: 0;
}

.theme-rgb #RGBBUILD .t-collabo__text {
    width: unset;
    /* padding: 30px 0px; */
}

.theme-rgb #RGBBUILD h3.t-collabo__heading {
    padding-bottom: 20px;
}

h2.t-collabo__heading.c-font__jost.rgbbuild {
    display: none;
}

.t-collabo-flex .font-style_italic {
    font-size: 1.2rem;
}


h2.t-collabo__heading.c-font__jost {
    font-size: 3rem;
}

.t-collabo-flex p {
    font-size: 1.4rem;
}

.theme-rgb h3.t-collabo__heading {
    font-size: 3rem;
    padding-bottom: 30px;
}
    .t-collabo-flex {
    display: flex;
    flex-direction: column;
}

.theme-rgb .p-rgb-lineup h2.t-collabo__heading.c-font__jost {
    font-size: 5rem;
}

.theme-rgb .p-rgb-lineup h3.t-collabo__heading {
    font-size: 1.8rem;
}

#about .t-rgbbuild_img {
    margin: 20px -30px;
}

#about .t-collabo__text {
    width: unset;
    padding: 0 0px;
    font-size: 1.4rem;
}

#limited .t-collabo-flex {
    gap: 30px;
}

.t-collabo-flex p {
    padding-bottom: 0px;
}

#campaign .t-collabo-flex {
    gap: 20px;
}

.t-collabo-limited_img {
    text-align: center;
    margin: 0px 20px;
}

.t-collabo-limited_img.mouse_image {
    max-width: 100px;
    margin: auto;
}

.theme-rgb #campaign .t-collabo__text {
    width: unset;
    font-size: 1.4rem;
    line-height: 1.727;
    padding: 0;
    font-weight: 500;
}

#RGBBUILD .t-collabo-flex {
    padding: 0;
}

#RGBBUILD .t-rgbbuild_img {
    width: unset;
    /* margin: auto; */
    padding: 0;
}

.theme-rgb #RGBBUILD .t-collabo__text {
    width: unset;
    /* padding: 30px 0px; */
}

.theme-rgb #RGBBUILD h3.t-collabo__heading {
    font-size: 2rem;
    padding-bottom: 20px;
}

#RGBBUILD .t-collabo-flex p {
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 20px 0px 0;
    text-align: left;
}

h2.t-collabo__heading.c-font__jost.rgbbuild {
    display: none;
}

.t-collabo-flex .font-style_italic {
    font-size: 1.2rem;
}

}



/* CONCEPT
------------------------------------------------------------ */
.theme-rgb .p-rgb-concept {
  min-height: 100vh;
  background-image: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/12/concept_bg.jpg);
}
.theme-rgb .p-rgb-concept__container {
  position: relative;
  z-index: 2;
}
.theme-rgb .p-rgb-concept-contents {
  max-width: 430px;
}
.theme-rgb .p-rgb-concept-contents__sub-heading {
  text-align: left;
}
.theme-rgb .p-rgb-concept-contents__heading {
  text-align: left;
  margin-left: -30px;
}
.theme-rgb .p-rgb-concept-contents__text {
  margin-top: 10px;
}
.theme-rgb .p-rgb-concept__image {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.theme-rgb .p-rgb-concept__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1023px) {
  .theme-rgb .p-rgb-concept {
    min-height: inherit;
    background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/12/concept_bg_sp.jpg");
    background-size: 100% auto;
    background-position: center bottom;
  }
  .theme-rgb .p-rgb-concept__container {
    padding-bottom: 0;
  }
  .theme-rgb .p-rgb-concept-contents {
    max-width: 100%;
  }
  .theme-rgb .p-rgb-concept__image {
    width: auto;
    position: static;
    margin: -10% -20px 0;
  }
}

@media screen and (max-width: 767px) {
.theme-rgb .p-rgb-concept-contents__heading {
  margin-left: -20px;
}
}
/* features
------------------------------------------------------------ */
.theme-rgb .p-rgb-features {
  background-color: #000;
}
.theme-rgb .p-rgb-features .t-collabo-features__container {
  min-height: 700px;
}
.theme-rgb .p-rgb-features__heading {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.471;
  letter-spacing: 0.025em;
}
.theme-rgb .p-rgb-features__heading .is-subheading {
  display: block;
  margin-bottom: 30px;
  color: #ea5504;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 0;
  text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
}
.theme-rgb .p-rgb-features__heading + .t-collabo__text {
  margin-top: 15px;
}
@media screen and (max-width: 1023px) {
  .theme-rgb .p-rgb-features .t-collabo-features__container {
    min-height: inherit;
  }
  .theme-rgb .p-rgb-features__heading {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .theme-rgb .p-rgb-features__heading {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  .theme-rgb .p-rgb-features__heading .is-subheading {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .theme-rgb .p-rgb-features__heading .is-subheading span {
    margin-left: 0.15em;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
/* features 1 */
.theme-rgb .p-rgb-feature01 {
  /*background: linear-gradient(to bottom, rgb(29 3 44) 0%, rgb(0 22 86 / 45%) 60%, rgb(0 0 0 / 23%) 100%);*/
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgb(4 0 43) 80%, rgba(0, 0, 0, 1) 100%);
}
.theme-rgb .p-rgb-feature01__container {
  position: relative;
}
.theme-rgb .p-rgb-feature01__features-heading {
  text-align: center;
}
.theme-rgb .p-rgb-feature01__text {
  max-width: 740px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.theme-rgb .t-collabo-rotate-slides {
  max-width: inherit;
}
.theme-rgb .t-collabo-rotate-slides__group {
  min-height: 596px;
  padding-bottom: 49.666%;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/12/slide_circle.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.theme-rgb .p-rgb-feature01__slides-image img {
  width: 596px;
}
.theme-rgb .t-collabo-rotate-slide01-dis {
  padding: 30px 30px 30px 40px;
  border: 1px solid #fff;
  top: 46%;
  left: auto;
  right: 0;
  z-index: 2;
  margin-bottom: 0;
}
.theme-rgb .t-collabo-rotate-slide01-dis dt {
  color: #0aceff;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  text-shadow: 0 0 4px #00d0fea8;
}
.theme-rgb .t-collabo-rotate-slide01-dis dt span {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25;
}
.theme-rgb .t-collabo-rotate-slide01-dis dt span::before,
.theme-rgb .t-collabo-rotate-slide01-dis dt span::after {
  content: "";
  display: block;
  background: #ffffff;
  position: absolute;
  width: 14px;
  height: 1px;
  top: 0.5125em;
  left: auto;
  right: calc(100% + 10px);
}
.theme-rgb .t-collabo-rotate-slide01-dis dt span::before {
  transform: none;
}
.theme-rgb .t-collabo-rotate-slide01-dis dt span::after {
  transform: rotate(90deg);
}
.theme-rgb .t-collabo-rotate-slide01-dis dd {
  margin-top: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2;
}
.theme-rgb .t-collabo-rotate-tabs__label {
  position: relative;
  color: #fff;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  white-space: nowrap;
  opacity: 0.5;
}
.theme-rgb .t-collabo-rotate-tabs__label-left,
.theme-rgb .t-collabo-rotate-tabs__label-right {
  font-size: 22px;
  font-size: 2.2rem;
}
.theme-rgb
  .t-collabo-rotate-tabs__label:not(.t-collabo-rotate-tabs__label-right)::after,
.theme-rgb .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/2024/12/slide_current.png");
  background-size: 100% 100%;
  position: absolute;
  top: calc(100% - 6px);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.3s;
}
.theme-rgb .t-collabo-rotate-tabs__label-left {
  margin-right: 1em;
}
.theme-rgb .t-collabo-rotate-tabs__label-left::before,
.theme-rgb .t-collabo-rotate-tabs__label-right::after {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/12/arrow_wh.png");
}
.theme-rgb .t-collabo-rotate-tabs__label:hover {
  opacity: 1;
}
.theme-rgb
  #feature01InputLeft90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90"],
.theme-rgb
  #feature01InputLeft45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45"],
.theme-rgb
  #feature01InputFront:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront"],
.theme-rgb
  #feature01InputRight45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45"],
.theme-rgb
  #feature01InputRight90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90"] {
  color: #fff;
  text-shadow: none;
  opacity: 1;
}

.theme-rgb
  #feature01InputLeft90_r:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90_r"],
.theme-rgb
  #feature01InputLeft45_r:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45_r"],
.theme-rgb
  #feature01InputFront_r:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront_r"],
.theme-rgb
  #feature01InputRight45_r:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45_r"],
.theme-rgb
  #feature01InputRight90_r:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90_r"] {
  color: #ffffff;
  text-shadow: none;
  opacity: 1;
}


.theme-rgb
  #feature01InputLeft90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90"]::after,
.theme-rgb
  #feature01InputLeft45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45"]::after,
.theme-rgb
  #feature01InputFront:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront"]::after,
.theme-rgb
  #feature01InputRight45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45"]::before,
.theme-rgb
  #feature01InputRight90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90"]::before {
  opacity: 1;
}

.theme-rgb
  #feature01InputLeft90_r:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90_r"]::after,
.theme-rgb
  #feature01InputLeft45_r:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45_r"]::after,
.theme-rgb
  #feature01InputFront_r:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront_r"]::after,
.theme-rgb
  #feature01InputRight45_r:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45_r"]::before,
.theme-rgb
  #feature01InputRight90_r:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90_r"]::before {
  opacity: 1;
}

@media screen and (max-width: 1160px) {
  .theme-rgb .t-collabo-rotate-tabs__label {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .theme-rgb .p-rgb-feature01 {
    background: none;
  }
  .theme-rgb .p-rgb-feature01__heading {
    order: 1;
  }
  .theme-rgb .p-rgb-feature01-rotate {
    order: 2;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgb(4 0 43) 80%, rgba(0, 0, 0, 1) 100%);
    padding-right: 20px;
    padding-left: 20px;
    margin: 30px -20px 50px;
  }
  .theme-rgb .p-rgb-feature01__features-heading,
  .theme-rgb .p-rgb-feature01__text,
  .theme-rgb .t-collabo-rotate-slide01-dis {
    order: 3;
  }
  .theme-rgb .p-rgb-feature01__heading {
    text-align: left;
  }
  .theme-rgb .t-collabo-rotate-slide01-dis {
    position: static;
    transform: none;
    margin-top: 50px;
  }
  .theme-rgb .t-collabo-rotate-slides__group {
    min-height: inherit;
    padding-bottom: 0;
    background-size: 120% auto;
    margin-right: -20px;
    margin-left: -20px;
  }
  .theme-rgb .t-collabo-rotate-tabs {
    padding-top: 0;
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .theme-rgb .p-rgb-feature01-rotate {
    margin-bottom: 30px;
  }
  .theme-rgb .p-rgb-feature01__slides-image img {
    width: 250px;
  }
  .theme-rgb .t-collabo-rotate-tabs__label {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .theme-rgb
    .t-collabo-rotate-tabs__label:not(
      .t-collabo-rotate-tabs__label-right
    )::after,
  .theme-rgb .t-collabo-rotate-tabs__label-right::before {
    min-width: inherit;
    height: 6px;
    width: calc(100% + 5px);
  }
  .theme-rgb .t-collabo-rotate-tabs__label-left::before {
    margin-right: 5px;
  }
  .theme-rgb .t-collabo-rotate-tabs__label-right::after {
    margin-left: 5px;
  }
  .theme-rgb .p-rgb-feature01__text {
    text-align: left;
  }
  .theme-rgb .t-collabo-rotate-slide01-dis {
    padding: 15px 25px 10px;
    margin-top: 25px;
  }
  .theme-rgb .t-collabo-rotate-slide01-dis dt {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-rgb .t-collabo-rotate-slide01-dis dt span {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .theme-rgb .t-collabo-rotate-slide01-dis dt span::before,
  .theme-rgb .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-rgb .t-collabo-rotate-slide01-dis dd {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
  }
}
/* feature02 */
.theme-rgb .p-rgb-feature02__container {
  flex-direction: row;
  align-items: center;
}
.theme-rgb .p-rgb-feature02-contents {
  max-width: 460px;
  margin-right: auto;
}
.theme-rgb .p-rgb-feature02__image {
  margin-top: auto;
  margin-bottom: -50px;
}
@media screen and (max-width: 1023px) {
  .theme-rgb .p-rgb-feature02__container {
    flex-direction: column;
  }
  .theme-rgb .p-rgb-feature02-contents {
    max-width: 100%;
  }
  .theme-rgb .p-rgb-feature02__image {
    margin-right: -20px;
    margin-left: -20px;
  }
}
/* feature03 */
.theme-rgb .p-rgb-feature03__container {
  flex-direction: row-reverse;
}
.theme-rgb .p-rgb-feature03-contents {
  max-width: 460px;
  margin-left: 20px;
}
.theme-rgb .p-rgb-feature03-images {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.p-rgb-feature03-images__parts {
  width: 180px;
  flex-shrink: 0;
  margin-right: -10px;
}
@media screen and (max-width: 1023px) {
  .theme-rgb .p-rgb-feature03__container,
  .theme-rgb .p-rgb-feature03-images {
    flex-direction: column;
  }
  .theme-rgb .p-rgb-feature03-contents {
    max-width: 100%;
    margin-left: 0;
  }
  .theme-rgb .p-rgb-feature03-images {
    margin-top: 10px;
  }
  .theme-rgb .p-rgb-feature03-images__parts {
    width: auto;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .theme-rgb .p-rgb-feature03-images__parts img {
    width: 280px;
  }
}
/* feature04 */

@media screen and (max-width: 767px) {
  #tab02_content .p-rgb-feature04__image {
    max-width: 350px;
  }
}

h3.p-rgb-features__heading span {
  white-space: nowrap;
}

.theme-rgb .p-rgb-feature04__container {
  padding-bottom: 65px;
}
.theme-rgb .p-rgb-feature04-contents {
  position: relative;
  z-index: 10;
}
.theme-rgb .p-rgb-feature04-contents__text {
  max-width: 460px;
}
.theme-rgb .p-rgb-feature04-slides {
  margin-top: 75px;
}
.theme-rgb .p-rgb-feature04-slides__input {
  display: none;
}
.theme-rgb .p-rgb-feature04-slides__group {
  min-height: 280px;
  margin-bottom: 0;
}
.theme-rgb .p-rgb-feature04-slides__group-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.theme-rgb .p-rgb-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-rgb .p-rgb-feature04-slides-dis {
  max-width: 500px;
  padding: 30px 45px 40px;
  border: 1px solid #ea5504;
  position: relative;
  z-index: 2;
}
.theme-rgb .p-rgb-feature04-slides-dis dl {
  margin-bottom: 0;
}
.theme-rgb .p-rgb-feature04-slides-dis dl dt {
  color: #ea5504;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0;
}
.theme-rgb .p-rgb-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-rgb .p-rgb-feature04-slides-dis dl dt span::before,
.theme-rgb .p-rgb-feature04-slides-dis dl dt span::after {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  background-color: #ea5504;
  position: absolute;
  top: 0.7em;
  right: calc(100% + 10px);
}
.theme-rgb .p-rgb-feature04-slides-dis dl dt span::after {
  transform: rotate(90deg);
}
.theme-rgb .p-rgb-feature04-slides-dis dl dd {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0;
}
.theme-rgb .p-rgb-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-rgb .p-rgb-feature04-slides-tabs {
  max-width: 920px;
  position: relative;
  z-index: 2;
  margin: 75px auto 0;
}
.theme-rgb .p-rgb-feature04-slides-tabs__group {
  display: flex;
  flex-wrap: wrap;
  margin: -20px;
}
.theme-rgb .p-rgb-feature04-slides-tabs__group-item {
  width: 16.666%;
  padding: 20px;
}
.theme-rgb .p-rgb-feature04-slides-tabs__label {
  display: block;
  margin: 0;
  cursor: pointer;
}
.theme-rgb .p-rgb-feature04-slides-tabs__thumb {
  border: 1px solid #fff;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.theme-rgb .p-rgb-feature04-slides-tabs__thumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ea5504;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.theme-rgb
  .p-rgb-feature04-slides-tabs__label:hover
  .p-rgb-feature04-slides-tabs__thumb::before {
  opacity: 0.45;
}
.theme-rgb .p-rgb-feature04-slides-tabs__name {
  margin: 10px -15px 0;
  color: #ea5504;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
#feature04Input01:checked ~ .p-rgb-feature04-slides__group #feature04Slide01,
#feature04Input02:checked ~ .p-rgb-feature04-slides__group #feature04Slide02,
#feature04Input03:checked ~ .p-rgb-feature04-slides__group #feature04Slide03,
#feature04Input04:checked ~ .p-rgb-feature04-slides__group #feature04Slide04,
#feature04Input05:checked ~ .p-rgb-feature04-slides__group #feature04Slide05,
#feature04Input06:checked
  ~ .p-rgb-feature04-slides__group
  #feature04Slide06 {
  opacity: 1;
  position: static;
  visibility: visible;
}
#feature04Input01:checked
  ~ .p-rgb-feature04-slides-tabs
  .p-rgb-feature04-slides-tabs__label[for="feature04Input01"]
  .p-rgb-feature04-slides-tabs__thumb,
#feature04Input02:checked
  ~ .p-rgb-feature04-slides-tabs
  .p-rgb-feature04-slides-tabs__label[for="feature04Input02"]
  .p-rgb-feature04-slides-tabs__thumb,
#feature04Input03:checked
  ~ .p-rgb-feature04-slides-tabs
  .p-rgb-feature04-slides-tabs__label[for="feature04Input03"]
  .p-rgb-feature04-slides-tabs__thumb,
#feature04Input04:checked
  ~ .p-rgb-feature04-slides-tabs
  .p-rgb-feature04-slides-tabs__label[for="feature04Input04"]
  .p-rgb-feature04-slides-tabs__thumb,
#feature04Input05:checked
  ~ .p-rgb-feature04-slides-tabs
  .p-rgb-feature04-slides-tabs__label[for="feature04Input05"]
  .p-rgb-feature04-slides-tabs__thumb,
#feature04Input06:checked
  ~ .p-rgb-feature04-slides-tabs
  .p-rgb-feature04-slides-tabs__label[for="feature04Input06"]
  .p-rgb-feature04-slides-tabs__thumb {
  border-color: #ea5504;
}
/* slide01 */
.theme-rgb .p-rgb-feature04-slide01__input {
  display: none;
}
.theme-rgb .p-rgb-feature04-slide01__image img {
  opacity: 0;
  transition: 0.3s;
}
.theme-rgb .p-rgb-feature04-slide01-tabs {
  margin-top: 20px;
  margin-bottom: -20px;
}
.theme-rgb .p-rgb-feature04-slide01-tabs__group {
  display: inline-flex;
  margin: 0 -25px;
}
.theme-rgb .p-rgb-feature04-slide01-tabs__group-item {
  padding: 0 25px;
}
.theme-rgb .p-rgb-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-rgb .p-rgb-feature04-slide01-tabs__label span {
  display: block;
  margin: 0 -15px;
}
.theme-rgb .p-rgb-feature04-slide01-tabs__label::before,
.theme-rgb .p-rgb-feature04-slide01-tabs__label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  transition: 0.3s;
}
.theme-rgb .p-rgb-feature04-slide01-tabs__label::before {
  width: 40px;
  height: 40px;
  border: 1px solid #717070;
  top: 0;
}
.theme-rgb .p-rgb-feature04-slide01-tabs__label::after {
  width: 20px;
  height: 20px;
  background-color: #717070;
  top: 10px;
}
#feature04Slide01InputTop1:checked
  ~ .p-rgb-feature04-slide01__image
  #feature04Slide01Top1,
#feature04Slide01InputTop2:checked
  ~ .p-rgb-feature04-slide01__image
  #feature04Slide01Top2,
#feature04Slide01InputFront:checked
  ~ .p-rgb-feature04-slide01__image
  #feature04Slide01Front,
#feature04Slide01InputBottom:checked
  ~ .p-rgb-feature04-slide01__image
  #feature04Slide01Bottom {
  opacity: 1;
}
#feature04Slide01InputTop1:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputTop1"],
#feature04Slide01InputTop2:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputTop2"],
#feature04Slide01InputFront:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputFront"],
#feature04Slide01InputBottom:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputBottom"] {
  color: #ea5504;
}
#feature04Slide01InputTop1:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputTop1"]::before,
#feature04Slide01InputTop2:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputTop2"]::before,
#feature04Slide01InputFront:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputFront"]::before,
#feature04Slide01InputBottom:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputBottom"]::before {
  border-color: #ea5504;
}
#feature04Slide01InputTop1:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputTop1"]::after,
#feature04Slide01InputTop2:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputTop2"]::after,
#feature04Slide01InputFront:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputFront"]::after,
#feature04Slide01InputBottom:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide01-tabs__label[for="feature04Slide01InputBottom"]::after {
  background-color: #ea5504;
}
/* slide05 */
.theme-rgb .p-rgb-feature04-slide05-select {
  display: flex;
  align-items: center;
  position: absolute;
  top: 33px;
  right: 35px;
}
.theme-rgb .p-rgb-feature04-slide05-select__input {
  display: none;
}
.theme-rgb .p-rgb-feature04-slide05-select__heading {
  margin-right: 20px;
  color: #ea5504;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.theme-rgb .p-rgb-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-rgb .p-rgb-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-rgb .p-rgb-feature04-slide05-select-label__open,
.theme-rgb .p-rgb-feature04-slide05-select-label__close {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  line-height: 40px;
  transition: 0.3s;
}
.theme-rgb .p-rgb-feature04-slide05-select-label__open {
  padding-left: 30px;
  left: 100%;
}
.theme-rgb .p-rgb-feature04-slide05-select-label__close {
  padding-right: 30px;
  right: 0;
}
.theme-rgb
  .p-rgb-feature04-slides__image
  .p-rgb-feature04-slide05-select-image__open,
.theme-rgb
  .p-rgb-feature04-slides__image
  .p-rgb-feature04-slide05-select-image__close {
  transition: 0.3s;
}
.theme-rgb
  .p-rgb-feature04-slides__image
  .p-rgb-feature04-slide05-select-image__open {
  opacity: 0;
  z-index: 2;
}
.theme-rgb
  .p-rgb-feature04-slides__image
  .p-rgb-feature04-slide05-select-image__close {
  z-index: 1;
}
.theme-rgb
  .p-rgb-feature04-slide05-select__input:checked
  ~ .p-rgb-feature04-slides__image
  .p-rgb-feature04-slide05-select-image__open {
  opacity: 1;
}
.theme-rgb
  .p-rgb-feature04-slide05-select__input:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide05-select-label {
  background-color: #ea5504;
}
.theme-rgb
  .p-rgb-feature04-slide05-select__input:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide05-select-label::before {
  left: 5px;
}
.theme-rgb
  .p-rgb-feature04-slide05-select__input:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide05-select-label__open {
  left: 0;
}
.theme-rgb
  .p-rgb-feature04-slide05-select__input:checked
  ~ .p-rgb-feature04-slides-dis
  .p-rgb-feature04-slide05-select-label__close {
  right: 100%;
}
@media screen and (max-width: 1023px) {
  .theme-rgb .p-rgb-feature04-contents__text {
    max-width: 100%;
  }
  .theme-rgb .p-rgb-feature04-slides {
    margin-top: -10%;
  }
  .theme-rgb .p-rgb-feature04-slides__image {
    padding-bottom: calc(100% + 40px);
    position: relative;
    margin-right: -20px;
    margin-left: -20px;
  }
  .theme-rgb .p-rgb-feature04-slides__image img {
    width: 100%;
    max-width: 100%;
    left: 0;
  }
  .theme-rgb .p-rgb-feature04-slides-dis {
    margin: 0 auto;
  }
  .theme-rgb .p-rgb-feature04-slides-tabs {
    max-width: 460px;
  }
  .theme-rgb .p-rgb-feature04-slides-tabs__group-item {
    width: 33.333%;
  }
}
@media screen and (max-width: 767px) {
  .theme-rgb .p-rgb-feature04-slides-dis {
    max-width: 280px;
    padding: 15px 25px 20px;
  }
  .theme-rgb .p-rgb-feature04-slides-dis dl dt {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-rgb .p-rgb-feature04-slides-dis dl dt span {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.025em;
  }
  .theme-rgb .p-rgb-feature04-slides-dis dl dt span::before,
  .theme-rgb .p-rgb-feature04-slides-dis dl dt span::after {
    width: 8px;
    right: calc(100% + 6px);
  }
  .theme-rgb .p-rgb-feature04-slides-dis dl dd {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.025em;
  }
  .theme-rgb .p-rgb-feature04-slides-dis__note {
    margin-top: 10px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-rgb .p-rgb-feature04-slides-tabs {
    max-width: 230px;
    margin-top: 25px;
  }
  .theme-rgb .p-rgb-feature04-slides-tabs__group {
    margin: -7.5px -12.5px;
  }
  .theme-rgb .p-rgb-feature04-slides-tabs__group-item {
    padding: 7.5px 12.5px;
  }
  .theme-rgb .p-rgb-feature04-slides-tabs__thumb {
    border-radius: 3px;
  }
  .theme-rgb .p-rgb-feature04-slides-tabs__name {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.529;
  }
  /* slide01 */
  .theme-rgb .p-rgb-feature04-slide01-tabs {
    margin-top: 15px;
    margin-bottom: -10px;
    text-align: center;
  }
  .theme-rgb .p-rgb-feature04-slide01-tabs__group {
    margin: 0 -20px;
  }
  .theme-rgb .p-rgb-feature04-slide01-tabs__group-item {
    padding: 0 20px;
  }
  .theme-rgb .p-rgb-feature04-slide01-tabs__label {
    min-width: 20px;
    padding-top: 25px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-rgb .p-rgb-feature04-slide01-tabs__label::before {
    width: 20px;
    height: 20px;
  }
  .theme-rgb .p-rgb-feature04-slide01-tabs__label::after {
    width: 10px;
    height: 10px;
    top: 5px;
  }
  /* slide05 */
  .theme-rgb .p-rgb-feature04-slide05-select {
    top: 22px;
    right: 25px;
  }
  .theme-rgb .p-rgb-feature04-slide05-select__heading {
    margin-right: 5px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-rgb .p-rgb-feature04-slide05-select-label {
    width: 65px;
    height: 20px;
  }
  .theme-rgb .p-rgb-feature04-slide05-select-label::before {
    width: 15px;
    height: 15px;
    left: calc(100% - 17.5px);
  }
  .theme-rgb .p-rgb-feature04-slide05-select-label__open,
  .theme-rgb .p-rgb-feature04-slide05-select-label__close {
    line-height: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-rgb .p-rgb-feature04-slide05-select-label__open {
    padding-left: 15px;
  }
  .theme-rgb .p-rgb-feature04-slide05-select-label__close {
    padding-right: 15px;
  }
  .theme-rgb
    .p-rgb-feature04-slide05-select__input:checked
    ~ .p-rgb-feature04-slides-dis
    .p-rgb-feature04-slide05-select-label::before {
    left: 2.5px;
  }
}

/* 5 */

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: 50px;*/
}

h3.p-rgb-features__section-sub-heading {
  margin-bottom: 20px !important;
  color: #FFF !important;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
}

@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: 16px;
font-size: 1.6rem;
font-weight: 500;
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: 40px;
}
.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"], 
#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;
}

#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;
}

#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: 500;
  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;
    }
  }


  /*features img*/
  img.pc_game_features1 {
    width: auto;
    margin: auto;
    mix-blend-mode: screen;
    display: block;
  }

  img.pc_game_features2 {
    width: auto;
    mix-blend-mode: screen;
    display: block;
    margin-left: -7px;
  }
  @media all and (max-width: 767px) {
    img.pc_game_features1 {
      width: auto;
      margin: auto;
      mix-blend-mode: screen;
      display: block;
      max-height: 50px;
  }
  
  img.pc_game_features2 {
    width: auto;
    mix-blend-mode: screen;
    display: block;
    margin: auto;
    max-height: 50px;
  }

  img.image-text {
    max-height: 48px;
}
}

/* gallery */

#gallery {
  background-color: #000;
  overflow: hidden;
}

/* sub heading */
.rgb__sub-heading {
  margin-top: 15px;
  text-align: center !important;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .025em;
}
@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;
  }
}

/* CAMPAIGN
------------------------------------------------------------ */
.theme-rgb .p-rgb-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;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgb(4 0 43) 80%, rgba(0, 0, 0, 1) 100%);
}
.theme-rgb .t-collabo-campaign__frame {
  flex-wrap: wrap;
  align-items: flex-start;
  background: none;
  border-color: #ffffff;
}
.theme-rgb .p-rgb-campaign__heading {
  color: #ffffff;
  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-rgb .p-rgb-campaign-main {
  width: 100%;
  text-align: center;
}
.theme-rgb .p-rgb-campaign-main__image {
  max-width: 1020px;
  margin: 0 auto 20px;
}
.theme-rgb .p-rgb-campaign-main__heading {
  color: #ea5504;
  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-rgb .p-rgb-campaign-list {
  margin-top: 40px;
}
.theme-rgb .p-rgb-campaign-list__group {
  margin: -40px -15px 0;
}
.theme-rgb .p-rgb-campaign-list__group-item {
  display: flex;
  padding: 40px 20px;
  border-bottom: 1px solid #ea5504;
}
.theme-rgb .p-rgb-campaign-list__thumb {
  flex-shrink: 0;
  margin-right: 30px;
  width: 31%;
}
.theme-rgb .p-rgb-campaign-list-text__heading {
  color: #ffffff;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.039em;
  text-shadow: 0 0 20px rgb(4 231 234 / 80%), 0 0 20px rgb(198 0 255);
}
.theme-rgb .p-rgb-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-rgb .p-rgb-campaign-list-text__row {
  display: flex;
  flex-wrap: wrap;
  margin: 15px -5px -5px;
}
.theme-rgb .p-rgb-campaign-list-text__row-item {
  width: 50%;
  padding: 5px;
}
.theme-rgb .t-collabo-campaign__period {
  margin-top: 15px;
}
.theme-rgb .t-collabo-campaign__period-frame {
  display: block;
  width: 480px;
  max-width: 100%;
  text-align: center;
}
.theme-rgb .t-collabo-campaign__btn-wrap {
  max-width: 480px;
}
.theme-rgb .p-rgb-campaign-note {
  margin-top: 40px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0;
}
.theme-rgb .p-rgb-campaign-influencer:not(:first-child) {
  margin-top: 80px;
}
.theme-rgb .p-rgb-campaign-influencer__heaidng {
  text-align: center;
}
.theme-rgb .p-rgb-campaign-influencer-list {
  margin-top: 30px;
}
.theme-rgb .p-rgb-campaign-influencer-list__group {
  display: flex;
  flex-wrap: wrap;
  margin: -13px -40px;
  margin-bottom: 40px;
}
.theme-rgb .p-rgb-campaign-influencer-list__group-item {
  width: 50%;
  padding: 13px 40px;
}
.theme-rgb .p-rgb-campaign-influencer-data {
  display: flex;
  align-items: flex-start;
}
.theme-rgb .p-rgb-campaign-influencer-data__thumb {
  display: flex;
  flex-shrink: 0;
  width: 200px;
  border: 2px solid #ea5504;
  box-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
  position: relative;
  margin-right: 40px;
}
.theme-rgb .p-rgb-campaign-influencer-data__thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ea5504;
  box-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
  position: absolute;
  top: 10px;
  left: 10px;
}
.theme-rgb .p-rgb-campaign-influencer-data__thumb img {
  position: relative;
  z-index: 1;
  vertical-align: bottom;
}
.theme-rgb .p-rgb-campaign-influencer-data-text__belong {
  color: #999;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.theme-rgb .p-rgb-campaign-influencer-data-text__name {
  display: flex;
  align-items: center;
}
.theme-rgb .p-rgb-campaign-influencer-data-text__name span {
  margin-left: 20px;
  font-size: 12px;
  font-size: 1.2rem;
}
.theme-rgb .p-rgb-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-rgb .p-rgb-campaign-influencer-sns {
  margin-top: 30px;
}
.theme-rgb .p-rgb-campaign-influencer-sns__group {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.theme-rgb .p-rgb-campaign-influencer-sns__group-item {
  width: 50%;
  padding: 10px;
}
.theme-rgb .p-rgb-campaign-movie:not(:first-child) {
  /*margin-top: 80px;
  margin-bottom: 80px;*/
}
.theme-rgb .p-rgb-campaign-movie__heading {
  text-align: center;
}
.theme-rgb .p-rgb-campaign-movie-iframe {
  width: 100%;
  max-width: 1100px;
  margin: 30px auto 0;
  text-align: center;
}
.theme-rgb .p-rgb-campaign-movie-iframe__inner {
  width: 100%;
  padding-bottom: 56.17%;
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.4);
  position: relative;
}
.theme-rgb .p-rgb-campaign-movie-iframe__inner iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1023px) {
  .theme-rgb .t-collabo-campaign__frame {
    flex-direction: column;
  }
  .theme-rgb .p-rgb-campaign-list__group-item {
    flex-direction: column;
  }
  .theme-rgb .p-rgb-campaign-list__thumb {
    margin: 0 auto 20px;
  }
  .theme-rgb .p-rgb-campaign-list-text__row-item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .theme-rgb .t-collabo-campaign__frame {
    padding-bottom: 15px;
  }
  .theme-rgb .p-rgb-campaign__heading {
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .theme-rgb .p-rgb-campaign-main__image {
    margin-bottom: 10px;
  }
  .theme-rgb .p-rgb-campaign-list__thumb {
    width: 100%;
    text-align: center;
  }

  .theme-rgb .p-rgb-campaign-list {
    margin-top: 20px;
  }
  .theme-rgb .p-rgb-campaign-list__group {
    margin: -20px 0 0;
  }

  .theme-rgb .p-rgb-campaign-list-text__heading {
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .theme-rgb .p-rgb-campaign-list-text__text {
    margin-top: 10px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .theme-rgb .t-collabo-campaign__period {
    margin-top: 10px;
  }
  .theme-rgb .t-collabo-campaign__period-frame {
    width: 100%;
  }
  .theme-rgb .p-rgb-campaign-note {
    margin-top: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-rgb .p-rgb-campaign-influencer:not(:first-child) {
    margin-top: 30px;
  }
  .theme-rgb .p-rgb-campaign-influencer-list {
    margin-top: 15px;
  }
  .theme-rgb .p-rgb-campaign-influencer-list__group-item {
    width: 100%;
  }
  .theme-rgb .p-rgb-campaign-influencer-data__thumb {
    width: 100px;
    margin-right: 20px;
  }
  .theme-rgb .p-rgb-campaign-influencer-data__thumb::before {
    top: 5px;
    left: 5px;
  }
  .theme-rgb .p-rgb-campaign-influencer-data-text__belong {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-rgb .p-rgb-campaign-influencer-data-text__name {
    text-align: left;
  }
  .theme-rgb .p-rgb-campaign-influencer-data-text__name span {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-rgb .p-rgb-campaign-influencer-data-text__text {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-rgb .p-rgb-campaign-influencer-sns {
    margin-top: 15px;
  }
  .theme-rgb .p-rgb-campaign-influencer-sns__group {
    margin: -5px;
  }
  .theme-rgb .p-rgb-campaign-influencer-sns__group-item {
    padding: 5px;
  }
  .theme-rgb .p-rgb-campaign-influencer-sns .p-rgb__btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .theme-rgb .p-rgb-campaign-movie:not(:first-child) {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .theme-rgb .p-rgb-campaign-movie-iframe {
    margin-top: 15px;
  }
}
/* LINEUP
------------------------------------------------------------ */
.theme-rgb .p-rgb-lineup {
  background-color: #fff;
  padding-bottom: 65px;
}
.theme-rgb .p-rgb-lineup__container {
  padding-top: 0;
  padding-bottom: 0;
}
.theme-rgb .p-rgb-lineup__section + .p-rgb-lineup__section {
  margin-top: 40px;
}
.theme-rgb .p-rgb-lineup__heading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    padding: 10px 25px;
    background: linear-gradient(to right, rgba(160, 0, 111, 1) 0%, rgba(0, 40, 129, 1) 100%);
    background: linear-gradient(to right, rgb(246 255 174) 0%, rgb(214 191 255) 100%);
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    background: #222;
}
@media screen and (max-width: 767px) {
  .theme-rgb .p-rgb-lineup__container {
    padding-top: 0;
    padding-bottom: 60px;
  }
  .theme-rgb .p-rgb-lineup__heading {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 25px;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.025em;
  }
}

/* R-Class
------------------------------------------------------------ */
.theme-rgb .p-rgb-rclass {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2023/03/r_concept_img-1.jpg");
}
.theme-rgb .p-rgb-rclass__container {
  justify-content: center;
  min-height: 700px;
}
.theme-rgb .p-rgb-rclass-contents {
  max-width: 415px;
}
.theme-rgb .p-rgb-rclass-contents__heading {
  color: #ea5504;
  font-size: 86px;
  font-size: 8.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
}
.theme-rgb .p-rgb-rclass-contents__heading span {
  letter-spacing: 0.05em;
}
.theme-rgb .p-rgb-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-rgb .p-rgb-rclass-contents__btn-wrap {
  max-width: 380px;
  margin-top: 30px;
}
@media screen and (max-width: 1920px) {
  .theme-rgb .p-rgb-rclass {
    background-position: center top calc(50% - 150px);
  }
}
@media screen and (max-width: 767px) {
  .theme-rgb .p-rgb-rclass {
    background: none;
  }
  .theme-rgb .p-rgb-rclass__container {
    justify-content: flex-start;
    padding-top: 35px;
    padding-bottom: 0;
  }
  .theme-rgb .p-rgb-rclass-contents {
    max-width: inherit;
    margin-bottom: 15px;
  }
  .theme-rgb .p-rgb-rclass-contents__heading {
    font-size: 60px;
    font-size: 6rem;
  }
  .theme-rgb .p-rgb-rclass-contents__text {
    margin-top: 5px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .theme-rgb .p-rgb-rclass-contents__btn-wrap {
    max-width: 260px;
    margin: 25px auto 0;
  }
  .theme-rgb .p-rgb-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: 100px;
  padding-bottom: 100px;
  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.6rem;
  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, #c4c4c4 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.6rem;
  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: #c4c4c4;
  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.6rem;
}
.t-collabo-special__color-dl dt span::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #c4c4c4 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 #c4c4c4;
  border-left: 1px solid #c4c4c4;
  color: #c4c4c4;
  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 #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  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.6rem;
  }
  .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: 100px 0 100px;
}
.t-collabo-campaign__frame {
  display: flex;
  align-items: center;
  padding: 45px;
  background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid #c4c4c4;
  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-rgb-campaign-topnote {
  display: flex;
  padding: 40px 20px 40px 20px;
  border-top: 1px solid #ea5504;
}

@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-rgb-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 #c4c4c4;
  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: #c4c4c4;
  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: #c4c4c4;
  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 #c4c4c4;
  border-right: 17px solid transparent;
  left: 100%;
}
.t-collabo-member-section__thumb-profile::after {
  width: 32px;
  background-image: linear-gradient(-90deg, #c4c4c4 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 #c4c4c4;
  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: #c4c4c4;
  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 #c4c4c4;
  box-shadow: 20px 20px 0 #c4c4c4;
  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: #c4c4c4;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__name {
  margin-bottom: 25px;
  color: #c4c4c4;
  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.6rem;
  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: #c4c4c4;
  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 #c4c4c4;
  border-right: 1px solid #c4c4c4;
  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: #c4c4c4;
  font-size: 16px;
  font-size: 1.6rem;
  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: #c4c4c4;
  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 #c4c4c4;
  }
  .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: #c4c4c4;
  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, #c4c4c4 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_r:checked ~ .t-collabo-rotate-slides #feature01SlideLeft90_r,
#feature01InputLeft45_r:checked ~ .t-collabo-rotate-slides #feature01SlideLeft45_r,
#feature01InputFront_r:checked ~ .t-collabo-rotate-slides #feature01SlideFront_r,
#feature01InputRight45_r:checked  ~ .t-collabo-rotate-slides  #feature01SlideRight45_r,
#feature01InputRight90_r:checked  ~ .t-collabo-rotate-slides  #feature01SlideRight90_r {
  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.6rem;
  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: #c4c4c4;
  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.6rem;
  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, #c4c4c4 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.6rem;
  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: #c4c4c4;
  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_r:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideLeft90_r,
  #feature01InputLeft45_r:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideLeft45_r,
  #feature01InputFront_r:checked ~ .t-collabo-rotate-slides #feature01SlideFront_r,
  #feature01InputRight45_r:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideRight45_r,
  #feature01InputRight90_r:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideRight90_r {
    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 > *: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.6rem;
  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.6rem;
}
.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;
  }
}

.SJ-items__none--title {
  color: #000000 !important;
}

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

@media screen and (max-width: 768px) {
  #footer {
    margin-top: 0;
  }
  .theme-rgb .p-rgb-campaign-list__group-item {
    padding: 20px 0;
  }
}


.p-rgb-main-sns__group-item a:hover>img {
  filter: hue-rotate(1200deg) contrast(1);
  transition: all 10s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: unset;
  height: 44px;
}

/*LEVEL SERISE*/



.theme-rgb .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;
  font-family: Orbitron;
}

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

.theme-rgb .t-collabo-series {
  background:#000000
}

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-rgb .t-collabo-series__container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

}




.theme-rgb .p-rgb-features__heading .is-subheading {
  display: block;
  margin-bottom: 30px;
  font-size: 40px;
  font-size: 4rem;
  background: -webkit-linear-gradient(0deg, #54c8f4, #ff6dc5);
  color: rgba(0, 0, 0, 0);
  -webkit-background-clip: text;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Orbitron;
}

/*試作品*/
.theme-rgb .p-rgb-features__heading .is-subheading {
  display: block;
  margin-bottom: 30px;
  font-size: 40px;
  font-size: 4rem;
  background: -webkit-linear-gradient(0deg, #54c8f4, #ff6dc5);
  color: rgba(0, 0, 0, 0);
  -webkit-background-clip: text;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Orbitron;
  width: 300px;
  text-shadow: unset;
}

.theme-rgb .p-rgb-features__heading .is-subheading:before  {
    position: absolute;
    background: -webkit-linear-gradient(0deg, #0090e8 0%, #1456ca 33%, #841cac 66%, #f6008c 100%);
    background: -webkit-linear-gradient(0deg, #0090e8 0%, #1456ca 33%, #841cac 66%, #f6008c 100%);
    content: "";
    display: inline-block;
    width: 300px;
    height: 60px;
    top: auto;
    filter: blur(20px);
    mix-blend-mode: hard-light;
    opacity: 0.5;
}

@media screen and (max-width: 767px) {
.theme-rgb .p-rgb-features__heading .is-subheading:before  {
    position: absolute;
    background: -webkit-linear-gradient(0deg, #0090e8 0%, #1456ca 33%, #841cac 66%, #f6008c 100%);
    background: -webkit-linear-gradient(0deg, #0090e8 0%, #1456ca 33%, #841cac 66%, #f6008c 100%);
    content: "";
    display: inline-block;
    width: 150px;
    height: 40px;
    top: auto;
    filter: blur(20px);
    mix-blend-mode: hard-light;
    opacity: 1;
    padding: 10px;
}}
/*試作品*/

/*tab*//*tab*//*tab*//*tab*//*tab*/

.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  background: #000;
  flex-direction: row;
}

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

.tab_01,
.tab_02 {
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;*/
}

.tabs input:checked + .tab_01, 
.tabs input:checked + .tab_02{
/*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);
}

.tab01,
.tab2 {
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: 767px) {
.tab_01,
.tab_02 {
  padding: 0px 30px;
}
}

.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"] {
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 {
/*background-color: #ffffff;*/
/*background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/07/test_bg_01_on.png);*/
background-size: 100%;
}

.tabs input:checked + .tab2 {
/*background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/07/test_bg_02_on.png);*/
background-size: 100%;
}

.tabs input:checked + .tab3 {

}

.tabs input:checked + .tab4 {

}

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

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

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


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


/*tab*/

.inner {
    padding: 100px 0 0;
    background: #181818;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 767px) {
  .inner {
    padding: 30px 0 20px 0;
}}

p.p-rgb-feature-note {
  font-size: 1.1rem;
  margin-top: 10px;
  color: #fff;
  letter-spacing: .039em;
  text-align: left;
}

span.rel {
  width: 15px;
  display: inline-block;
  margin-right: 5px;
}

/* INFORMATION
------------------------------------------------------------ */
.theme-rgb .t-collabo-information {
  /* background: linear-gradient(
     to bottom,
     rgba(0, 0, 0, 1) 0%,
     rgba(43, 15, 0, 1) 80%,
     rgba(0, 0, 0, 1) 100%
   );*/
 }
 .theme-rgb .t-collabo-information__list {
   width: auto;
   max-width: 1044px;
   margin-top: 30px;
 }
 .theme-rgb .t-collabo-information__list-group {
   margin: -6px;
 }
 .theme-rgb .t-collabo-information__list-group-item {
   padding: 6px;
 }
 .theme-rgb .t-collabo-information__card {
   background-color: #1d1c25;
   color: #fff !important;
   font-size: 15px;
   font-size: 1.5rem;
   line-height: 1.933;
   letter-spacing: 0.05em;
 }
 .theme-rgb .t-collabo-information__thumb {
   max-height: inherit;
 }
 .theme-rgb .t-collabo-information__title {
   margin-bottom: 35px !important;
 }
 .theme-rgb .t-collabo-information__category {
  padding-left: 0;
  font-size: 13px;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
 }
 @media screen and (max-width: 767px) {
   .theme-rgb .t-collabo-information__list {
     margin-top: 15px;
   }
   .theme-rgb .t-collabo-information__list-group {
     margin: -5px;
   }
   .theme-rgb .t-collabo-information__list-group-item {
     padding: 5px;
   }
   .theme-rgb .t-collabo-information__card {
     font-size: 11px;
     font-size: 1.1rem;
     line-height: 1.773;
     letter-spacing: 0.025em;
   }
   .theme-rgb .t-collabo-information__title {
     margin-bottom: 10px !important;
   }
   .theme-rgb .t-collabo-information__category {
     font-size: 10px;
     font-size: 1rem;
   }
 }

  /*ボタン*/
  .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;
  }
  }
  /*ボタン*/
  
  /*
  .animation {
    background: #222222;
  }

  .animation-campaign--text {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    font-style: italic;
  }

  .animation-campaign-item {
  width: 100%;
  height: 120px;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2025/07/pc_level_led_campaign_item.png?01");
  background-repeat: repeat-x;
  animation-name: slide1;
  animation-duration: 100s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-size: 50%;
}

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

  100% {
    background-position: 251px 0;
  }}
    */




  /*募集ボタン調整*/
li.catnav-links-item.recruite{
	display:none;
}