<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  image-rendering: -webkit-optimize-contrast;
}

header &gt; .flexBlock {
  border-bottom: none;
}
footer {
  border-top: none;
}

/* nav */
.lb .closeBtn, .menu-trigger {
width: 70px;
height: 70px;
padding: 20px 15px 15px;
position: fixed;
top: 0;
right: 0;
z-index: 99;
}
.lb .closeBtn .rel, .menu-trigger .rel {
width: 100%;
height: 14px;
}
.lb .closeBtn .rel span, .menu-trigger .rel span {
height: 2px;
background: #4BEAD0 !important;
left: 0;
width: 100%;
transform-origin: center center;
}
.menu-trigger .rel span:nth-child(1) {
top: 0;
transform: rotate(360deg);
}
.menu-trigger .rel span:nth-child(2) {
bottom: 0;
transform: rotate(-360deg);
}
.lb .closeBtn .rel span:nth-child(1), header.open + * .menu-trigger .rel span:nth-child(1) {
top: calc(50% - 1px);
transform: rotate(25deg);
}
.lb .closeBtn .rel span:nth-child(2), header.open + * .menu-trigger .rel span:nth-child(2) {
bottom: calc(50% - 1px);
transform: rotate(-25deg);
}
.lb .closeBtn p, .menu-trigger p {
color: #4BEAD0 !important;
font-size: 12px;
text-align: center;
line-height: 1;
bottom: 10px;
left: 0;
width: 100%;
height: 12px;
}
.lb .closeBtn p span, .menu-trigger p span {
width: 100%;
}
.menu-trigger p span:nth-child(1) {
opacity: 1;
}
.menu-trigger p span:nth-child(2) {
opacity: 0;
}
header.open + * .menu-trigger p span:nth-child(2) {
opacity: 1;
}
header.open + * .menu-trigger p span:nth-child(1) {
opacity: 0;
}
nav {
position: fixed;
top: 70px;
right: 0;
background: rgba(0, 0, 0, 0.9);
height: calc(100vh - 70px);
width: 100%;
max-width: 450px;
padding: 0 50px;
text-align: left;
overflow-x: hidden;
overflow-y: auto;
transform: translateX(100%);
opacity: 0;
}
header.open + * nav {
transform: translate(0);
opacity: 1;
z-index: 99;
}
nav ul {
width: 100%;
height: auto;
padding: 30px 0 30px;
}
nav li .en {
font-size: 3.0rem;
font-weight: 600;
color: #4BEAD0 !important;
display: block;
line-height: 1;
margin-bottom: 3px;
}
nav li .jp {
font-size: 1.8rem;
color: #FFFFFF;
display: block;
}
nav li {
margin-bottom: 25px;
}
nav li:last-child {
margin-bottom: 0;
}
.lb .closeBtn, .menu-trigger {
cursor: pointer;
}
nav li {
margin-bottom: 30px;
}
nav li .en, .abs {
font-family: 'Orbitron', sans-serif;
}
nav li .en {
font-weight: 500;
letter-spacing: .05em;
}
nav li .jp {
font-size: 20px;
font-size: 2.0rem;
line-height: 1.5;
letter-spacing: .05em;
}
@media all and (max-width: 767px) {
header &gt; .flexBlock &gt; p {
  width: 182px;
}
/* nav */
.lb .closeBtn, .menu-trigger {
  width: 50px;
  height: 50px;
  padding: 12px 10px 5px;
}
.lb .closeBtn p, .menu-trigger p {
  font-size: 10px;
}
nav {
  top: 50px;
  height: calc(100vh - 50px);
  padding: 0 40px;
}
nav li .en {
  font-size: 25px;
  font-size: 2.5rem;
}
nav li .jp {
  font-size: 15px;
  font-size: 1.5rem;
}
}



/* CSS Document */
/* responsive
------------------------------------------------------------ */
.pc-none {
display: none !important;
}
@media screen and (max-width: 1023px) {
.pc-none {
  display: block !important;
}
.sp-none {
  display: none !important;
}
}
/* section
------------------------------------------------------------ */
.t-collabo__section {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.t-collabo__container {
display: flex;
flex-direction: column;
width: 100%;
max-width: 1200px;
padding-top: 50px;
padding-bottom: 50px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1240px) {
.t-collabo__section {
  padding-right: 20px;
  padding-left: 20px;
}
}
@media screen and (max-width: 767px) {
.t-collabo__container {
  padding-top: 45px;
  padding-bottom: 60px;
}
}
/* heading
------------------------------------------------------------ */
.t-collabo__heading {
padding-bottom: 45px;
position: relative;
text-align: center;
font-size: 54px;
font-size: 5.4rem;
line-height: 1.131;
letter-spacing: .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: 3.0rem;
font-weight: 700;
letter-spacing: .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: 2.0rem;
  line-height: 1.5;
}
}
/* text
------------------------------------------------------------ */
.t-collabo__text {
color: #FFF;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.75;
letter-spacing: .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: .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: .025em;
white-space: nowrap;
transform: translateY(-50%);
}
.t-collabo-filter__images-name::before {
content: "";
display: block;
width: 24px;
height: 3px;
background-image: linear-gradient(-90deg, #4BEAD0 50%, transparent 50%);
background-size: 6px 6px;
position: absolute;
top: 50%;
transform: skewX(50deg) translateY(-50%);
}
.t-collabo-filter__image01-name {
top: 39%;
left: 76.666%;
}
.t-collabo-filter__image01-name::before {
left: -30px;
}
.t-collabo-filter__image02-name {
top: 53%;
right: 80%;
}
.t-collabo-filter__image02-name::before {
right: -30px;
}
@media screen and (max-width: 1023px) {
.t-collabo-filter__images {
  flex-direction: column;
  margin-top: 25px;
}
.t-collabo-filter__images-item {
  width: calc(100% + 20px);
  margin-right: -10px;
  margin-left: -10px;
}
.t-collabo-filter__images-item:not(:last-child) {
  margin-bottom: 20px;
}
.t-collabo-filter__images-name {
  position: static;
  transform: translateY(0);
  text-align: center;
}
.t-collabo-filter__images-name::before {
  display: none;
}
}
/* gallery
------------------------------------------------------------ */
.t-collabo-gallery {
padding-top: 80px;
}
.t-collabo-gallery__group {
display: flex;
flex-wrap: wrap;
margin: 50px -2.5px 2.5px;
}
.t-collabo-gallery__group-item {
width: 20%;
padding: 2.5px;
}
.t-collabo-gallery__group-item img {
width: 100%;
}
@media screen and (max-width: 1023px) {
.t-collabo-gallery__group-item {
  width: 33%;
}
}
@media screen and (max-width: 767px) {
.t-collabo-gallery {
  padding-top: 50px;
}
.t-collabo-gallery__group-item {
  width: 50%;
  padding: 1.5px;
}
.t-collabo-gallery__group {
  margin: 45px -21.5px -1.5px;
}
}
/* SPECIAL
------------------------------------------------------------ */
.t-collabo-special__contents {
display: flex;
padding: 0 45px 55px;
position: relative;
margin-top: 100px;
margin-bottom: -50px;
}
.t-collabo-special__input {
display: none;
}
.t-collabo-special__contents-wrap {
max-width: 345px;
position: relative;
z-index: 2;
margin-right: auto;
}
.t-collabo-special__contents-heading {
margin-bottom: 15px;
text-align: left;
line-height: 1.6;
}
.t-collabo-special__tabs {
margin-top: 40px;
}
.t-collabo-special__tabs-item:not(:last-child) {
margin-bottom: 20px;
}
.t-collabo-special__tabs-label {
padding-left: 35px;
position: relative;
color: #FFF;
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
letter-spacing: .025em;
cursor: pointer;
transition: .3s;
}
.t-collabo-special__tabs-label::before, .t-collabo-special__tabs-label::after {
content: "";
display: block;
border-radius: 50%;
position: absolute;
transition: .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;
}
.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: .3s;
}
.t-collabo-special__slides-item img {
width: 100%;
}
.t-collabo-special__color {
max-width: 315px;
position: relative;
z-index: 2;
}
.t-collabo-special__color-image {
margin-bottom: 15px;
}
.t-collabo-special__color-dl dt {
color: #4BEAD0;
font-size: 11px;
font-size: 1.1rem;
letter-spacing: .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, #4BEAD0 50%, transparent 50%);
background-size: 6px 6px;
position: absolute;
top: 50%;
left: -35px;
transform: skewX(50deg) translateY(-50%);
}
.t-collabo-special__note {
margin-top: 25px;
font-size: 12px;
font-size: 1.2rem;
line-height: 2;
letter-spacing: .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: 1.0rem;
}
.t-collabo-special__color-dl dt span {
  font-size: 12px;
  font-size: 1.2rem;
}
.t-collabo-special__tabs {
  width: calc(100% + 50px);
  left: -25px;
}
.t-collabo-special__tabs-item {
  padding: 0 25px;
}
.t-collabo-special__tabs-label {
  padding-left: 20px;
  font-size: 11px;
  font-size: 1.1rem;
}
.t-collabo-special__tabs-label::before {
  width: 15px;
  height: 15px;
  top: -3px;
}
.t-collabo-special__tabs-label::after {
  width: 11px;
  height: 11px;
  top: -1px;
  left: 2px;
}
}
/* sub */
.t-collabo-special-sub {
background-size: cover;
background-position: center;
}
.t-collabo-special-sub__container {
padding: 100px 0 120px;
max-width: 1100px;
}
.t-collabo-special-sub__section {
display: flex;
align-items: center;
margin: 0 -40px;
}
.t-collabo-special-sub__section:not(:last-child) {
margin-bottom: 120px;
}
.t-collabo-special-sub__section:nth-child(2n-1) {
flex-direction: row-reverse;
}
.t-collabo-special-sub__section:nth-child(2n) {
flex-direction: row;
}
.t-collabo-special-sub__section .t-collabo__sub-heading {
margin-right: -1em;
}
.t-collabo-special-sub__contents, .t-collabo-special-sub__image {
width: 50%;
padding: 0 40px;
}
.t-collabo-special-sub__image {
text-align: center;
}
.t-collabo-special-sub__section:nth-child(2n) .t-collabo-special-sub__contents {
padding-left: 120px;
}
.t-collabo-special-sub__section:nth-child(2n-1) .t-collabo-special-sub__image {
margin-right: auto;
}
.t-collabo-special-sub__section:nth-child(2n) .t-collabo-special-sub__image {
margin-left: auto;
}
.t-collabo-special-sub__image-item:not(:last-child) {
margin-bottom: 10px;
}
.t-collabo-special-sub__text {
max-width: 420px;
}
.t-collabo-special-sub__text-note {
margin-top: 40px;
}
@media screen and (max-width: 1023px) {
.t-collabo-special-sub__section {
  flex-wrap: wrap;
  padding: 0 !important;
}
.t-collabo-special-sub__section:not(:last-child) {
  margin-bottom: 60px;
}
.t-collabo-special-sub__contents, .t-collabo-special-sub__image {
  width: 100%;
  padding: 0 40px;
  text-align: center;
}
.t-collabo-special-sub__section:nth-child(2n) .t-collabo-special-sub__contents {
  padding-left: 40px;
}
.t-collabo-special-sub__section .t-collabo__sub-heading {
  margin-right: 0;
}
.t-collabo-special-sub__text {
  max-width: 100%;
}
.t-collabo-special-sub__image {
  margin-top: 25px;
  box-sizing: content-box;
}
.t-collabo-special-sub__text-note {
  margin-top: 10px;
}
}
@media screen and (max-width: 767px) {
.t-collabo-special-sub__container {
  padding: 40px 0;
}
.t-collabo-special-sub__text, .t-collabo-special-sub__note {
  text-align: left;
}
.t-collabo-special-sub__image {
  margin-right: auto;
  margin-left: auto;
}
.t-collabo-special-sub__image01 {
  max-width: 250px;
}
.t-collabo-special-sub__image02 {
  max-width: 255px;
}
.t-collabo-special-sub__image03 {
  max-width: 230px;
}
}
/* spec
------------------------------------------------------------ */
.t-collabo-spec__table-inner {
width: 940px;
padding-top: 145px;
position: relative;
margin: 0 auto;
}
.t-collabo-spec__table-arrow-width, .t-collabo-spec__table-arrow-up {
position: absolute;
}
.t-collabo-spec__table-arrow-width {
top: 0;
right: 0;
}
.t-collabo-spec__table-arrow-up {
width: 33px;
bottom: 0;
right: calc(100% + 15px);
}
.t-collabo-spec__table {
width: 100%;
border-top: 1px solid #4BEAD0;
border-left: 1px solid #4BEAD0;
color: #4BEAD0;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
}
.t-collabo-spec__table th, .t-collabo-spec__table td {
height: 80px;
padding: 10px 5px;
border-right: 1px solid #4BEAD0;
border-bottom: 1px solid #4BEAD0;
text-align: center;
vertical-align: middle;
}
.t-collabo-spec__table th {
background-color: #505050;
line-height: 1;
}
.t-collabo-spec__table thead th:first-child {
width: 180px;
background-image: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2022/05/shasen.png);
background-size: 100% 100%;
background-color: #000;
}
.t-collabo-spec__table td {
width: 150px;
/*padding-right: 0;
padding-left: 0;*/
padding: 0;  
font-size: 13px;
font-size: 1.3rem;
position: relative;  
}
.t-collabo-spec__table td a{
color: #ff0;
display: block;
padding: 27px 0;
background: rgb(73,0,3);
background: linear-gradient(90deg, rgba(73,0,3,1) 0%, rgba(168,0,6,1) 50%, rgba(179,0,7,1) 100%);
}
.t-collabo-spec__table td a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2022/03/arrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
position: absolute;
right: 2px;
bottom: 2px;
z-index: 2;
}
.t-collabo-spec__table td a::before {
content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
background-color: #000;
position: absolute;
right: 0;
bottom: 0;	
z-index: 1;
}
/*.t-collabo-spec__table td:empty {
background: rgb(0,0,0);
}*/
@media screen and (max-width: 1060px) {
.t-collabo-spec__table-responsive {
overflow-x: scroll;
}
.t-collabo-spec__table-responsive::-webkit-scrollbar {
  height: 16px;
}
.t-collabo-spec__table-responsive::-webkit-scrollbar-track {
  background-color: #4D4D4D;
  border-radius: 8px;
}
.t-collabo-spec__table-responsive::-webkit-scrollbar-thumb {
  background-color: #4BEAD0;
  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: 1.0rem;
}
}
/* CAMPAIGN
------------------------------------------------------------ */
.t-collabo-campaign__container {
padding: 55px 0 100px;
}
.t-collabo-campaign__frame {
display: flex;
align-items: center;
padding: 45px;
background-color: rgba(0, 0, 0, .7);
border: 1px solid #4BEAD0;
margin-top: 45px;
}
.t-collabo-campaign__frame-contents {
flex-shrink: 0;
width: 550px;
margin-right: auto;
}
.t-collabo-campaign__text {
max-width: 460px;
margin-top: 30px;
}
.t-collabo-campaign__period {
margin-top: 25px;
}
.t-collabo-campaign__period-frame {
display: inline-block;
padding: .5em 2em;
border: 1px solid #FFF;
border-radius: 3em;
color: #FFF;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: .025em;
}
.t-collabo-campaign__link {
margin-top: 90px;
}
.t-collabo-campaign__link a {
display: inline-block;
}
.t-collabo-compaign__btn-wrap {
margin-top: 35px;
}
@media screen and (max-width: 1240px) {
.t-collabo-campaign__frame-image {
  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: 1.0rem;
}
.t-collabo-campaign__link {
  margin-top: 30px;
}
}
/* 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, .2);
border: 1px solid #4BEAD0;
position: relative;
margin: auto;
color: #FFF;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
letter-spacing: .025em;
text-shadow: 0 0 10px rgba(75, 234, 208, .8), 0 0 10px rgba(75, 234, 208, .8);
transition: .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, .6);
}
@media screen and (max-width: 1240px) {
.t-collabo-about__contents {
  padding: 0 40px;
}
}
@media screen and (max-width: 1023px) {
.t-collabo-about__contents {
  flex-direction: column;
  padding: 0;
}
.t-collabo-about__sub-heading {
  text-align: center;
}
.t-collabo-about__contents-right {
  width: 100%;
  margin-top: 55px;
  margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.t-collabo-about__logo {
  margin-bottom: 55px;
}
.t-collabo-about__logo img {
  width: 225px;
}
.t-collabo-about__link-group-item:not(:last-child) {
  margin-bottom: 15px;
}
.t-collabo-about__link {
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}
.t-collabo-about__link img {
  width: 6px;
  right: 17px;
}
}

/* MEMBER
------------------------------------------------------------ */
.t-collabo-member__container {
padding: 120px 0 160px;
}
.t-collabo-member__list {
width: 100%;
max-width: 940px;
margin: 80px auto 0;
}
.t-collabo-member-section:not(:last-child) {
margin-bottom: 90px;
}
.t-collabo-member-section__heading {
margin-bottom: 40px;
text-align: center;
color: #4BEAD0;
font-size: 24px;
font-size: 2.4rem;
font-weight: 500;
letter-spacing: .025em;
}
.t-collabo-member-section__group {
display: flex;
flex-wrap: wrap;
margin: -30px -5px;
}
.t-collabo-member-section__group-item {
width: 25%;
padding: 30px 5px;
}
.t-collabo-member-section__card {
cursor: pointer;
}
.t-collabo-member-section__thumb {
transform: skewY(-8deg);
overflow: hidden;
}
.t-collabo-member-section__thumb-profile {
content: "PROFILE";
display: block;
width: 85px;
padding: 5px 5px 5px 15px;
background-color: #4BEAD0;
position: relative;
color: #000;
font-size: 12px;
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
letter-spacing: .025em;
}
.t-collabo-member-section__thumb-profile::before, .t-collabo-member-section__thumb-profile::after {
content: "";
display: block;
height: 100%;
position: absolute;
bottom: 0;
}
.t-collabo-member-section__thumb-profile::before {
border-bottom: 22px solid #4BEAD0;
border-right: 17px solid transparent;
left: 100%;
}
.t-collabo-member-section__thumb-profile::after {
width: 32px;
background-image: linear-gradient(-90deg, #4BEAD0 50%, transparent 50%);
background-size: 16px;
left: calc(100% + 17px);
transform: skewX(37deg);
transform-origin: left bottom;
}
.t-collabo-member-section__thumb-inner {
border: 2px solid #4BEAD0;
background-color: #FFF;
overflow: hidden;
}
.t-collabo-member-section__thumb-inner img {
display: block;
width: 100%;
margin: -8% 0;
transform: skewY(8deg);
filter: grayscale(1);
transition: .3s;
}
.t-collabo-member-section__card:hover .t-collabo-member-section__thumb-inner img {
filter: grayscale(0);
}
.t-collabo-member-section__name {
margin-top: 25px;
text-align: center;
color: #4BEAD0;
font-size: 12px;
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
letter-spacing: .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, .9);
position: fixed;
top: 0;
left: 0;
z-index: 1050;
}
.t-collabo-member-lb.is-show {
overflow-x: hidden;
overflow-y: auto;
}
.t-collabo-member-lb__dialog {
display: flex;
align-items: center;
max-width: 1040px;
padding: 0 50px;
min-height: calc(100% - (20px * 2));
margin: 20px auto;
pointer-events: none;
}
@media all and (-ms-high-contrast:none) {
.t-collabo-member-lb__dialog {
  height: calc(100% - (20px * 2));
}
}
.t-collabo-member-lb__content {
width: 100%;
min-height: 480px;
padding: 40px 50px 25px;
background-color: #FFF;
position: relative;
margin-right: auto;
margin-left: auto;
transform: skewY(-8deg);
pointer-events: auto;
}
.t-collabo-member-lb__content-inner {
display: flex;
transform: skewY(8deg);
}
.t-collabo-member-lb__thumb {
flex-shrink: 0;
align-self: flex-start;
width: 285px;
background-color: #FFF;
border: 4px solid #4BEAD0;
box-shadow: 20px 20px 0 #4BEAD0;
margin: -50px 0 -40px;
transform: skewY(-8deg);
overflow: hidden;
}
.t-collabo-member-lb__thumb img {
margin: -8% 0;
transform: skewY(8deg);
}
.t-collabo-member-lb__content-box {
display: flex;
flex-direction: column;
width: 100%;
padding-bottom: 40px;
margin-left: 90px;
}
.t-collabo-member-lb__dept {
margin-bottom: 20px;
color: #4BEAD0;
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
letter-spacing: .025em;
}
.t-collabo-member-lb__name {
margin-bottom: 25px;
color: #4BEAD0;
font-size: 12px;
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
letter-spacing: .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: .025em;
}
.t-collabo-member-lb__text .t-collabo-member-section__text {
display: block;
}
.t-collabo-member-lb__sns-group {
display: flex;
flex-wrap: wrap;
margin: auto -10px -5px;
}
.t-collabo-member-lb__sns-group-item {
max-width: 50%;
padding: 5px 10px;
}
.t-collabo-member-lb__sns-link {
display: flex;
align-items: center;
width: 200px;
max-width: 100%;
padding: 0 20px;
background-color: #4BEAD0;
color: #FFF;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
letter-spacing: .025em;
}
.t-collabo-member-lb__sns-link img {
margin-right: 10px;
}
.t-collabo-member-lb__btn {
width: 20px;
height: 20px;
padding: 0;
background: none;
border-top: 1px solid #4BEAD0;
border-right: 1px solid #4BEAD0;
border-bottom: none;
border-left: none;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.t-collabo-member-lb__btn[name="prev"] {
right: calc(100% + 60px);
transform:  rotate(45deg) skew(65deg, 65deg);
}
.t-collabo-member-lb__btn[name="next"] {
left: calc(100% + 60px);
transform:  rotate(-135deg) skew(65deg, 65deg);
}
.t-collabo-member-lb__close {
padding-bottom: 45px;
background: none;
border: none;
position: absolute;
top: calc(100% + 25px);
right: 0;
left: 0;
margin: auto;
color: #4BEAD0;
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
letter-spacing: .025em;
}
.t-collabo-member-lb__close::before, .t-collabo-member-lb__close::after {
content: "";
display: block;
width: 63px;
height: 1px;
background-color: #4BEAD0;
position: absolute;
bottom: 15px;
left: 0;
right: 0;
margin: auto;
}
.t-collabo-member-lb__close::before {
transform: skewY(8deg) rotate(24deg);
}
.t-collabo-member-lb__close::after {
transform: skewY(8deg) rotate(-24deg);
}
@media screen and (max-width: 1023px) {
.t-collabo-member-lb__content {
  min-height: inherit;
  padding: 40px 25px;
}
.t-collabo-member-lb__thumb {
  width: 190px;
  box-shadow: 10px 10px 0 #4bead0;
}
.t-collabo-member-lb__content-box {
  margin-left: 45px;
}
.t-collabo-member-lb__btn[name="next"] {
  left: calc(100% + 30px);
}
.t-collabo-member-lb__btn[name="prev"] {
  right: calc(100% + 30px);
}
.t-collabo-member-lb__sns-link {
  width: 175px;
  padding: 0 10px;
}
}
@media screen and (max-width: 767px) {
.t-collabo-member__container {
  padding: 55px 0;
}
.t-collabo-member__list {
  margin-top: 25px;
}
.t-collabo-member-section:not(:last-child) {
  margin-bottom: 45px;
}
.t-collabo-member-section__heading {
  margin-bottom: 25px;
  font-size: 17px;
  font-size: 1.7rem;
}
.t-collabo-member-section__group {
  margin: -10px -3px;
}
.t-collabo-member-section__group-item {
  width: 50%;
  padding: 10px 3px;
}
.t-collabo-member-section__thumb-profile {
  transform: scale(.65);
  transform-origin: bottom left;
}
.t-collabo-member-section__name {
  margin-top: 15px;
  font-size: 10px;
  font-size: 1.0rem;
}
.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: 1.0rem;
}
.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: .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: 1.0rem;
}
.t-collabo-information__category-icon {
  width: 17px;
  top: 1px;
}
}
/* pagetop
------------------------------------------------------------ */
.t-collabo__pagetop {
position: fixed;
right: 40px;
bottom: 40px;
color: #4BEAD0;
font-size: 12px;
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
letter-spacing: .025em;
transform: rotate(-90deg) translateX(100%);
transform-origin: right bottom;
}
.t-collabo__pagetop::after {
content: "";
display: block;
width: 50px;
height: 18px;
background-image: linear-gradient(-90deg, #4BEAD0 50%, transparent 50%);
background-size: 10px 10px;
position: absolute;
left: 100%;
bottom: 0;
transform: skewX(45deg);
transform-origin: left top;
}
@media screen and (max-width: 767px) {
.t-collabo__pagetop {
  display: none;
}
}
/* CSS Document */
/*------------------------------------------------------------
   common
------------------------------------------------------------ */
/* font */
.c-font__manrope {
  font-family: 'Manrope', sans-serif;
}
/* section */
.theme-riddle .t-collabo__section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
/* bg */
.p-riddle__bg-wire {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/09/bg_2.jpg");
}
.p-riddle__bg-wire2 {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/09/bg_5.jpg");
}
.p-riddle__bg-yellow {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/10/bg_3.jpg");
  color: #070203;
}
.p-riddle__bg-dust {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/09/bg_4.jpg");
}
.p-riddle__bg-reverse, .p-riddle__bg-reverse &gt; * {
  transform: scaleX(-1);
}
@media screen and (max-width: 767px) {
  .p-riddle__bg-wire {
    background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/09/bg_2sp.png");
  }
  .p-riddle__bg-wire2 {
    background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/09/bg_5sp.png");
  }
  .p-riddle__bg-yellow {
    background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/10/bg_3sp.jpg");
  }
  .p-riddle__bg-dust {
    background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/09/bg_4sp.png");
  }
}
/* heading */
.theme-riddle .t-collabo__heading {
  padding-bottom: 0;
}
.theme-riddle .t-collabo__heading-left {
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center;
}
.theme-riddle .t-collabo__heading-left img {
  transform: translateX(calc(-50% + 48px)) rotate(-90deg);
}
.p-riddle__content-heading {
  margin-bottom: 15px;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .039em;
}
@media screen and (max-width: 1240px) {
  .theme-riddle .t-collabo__heading-left {
    position: relative;
    top: auto;
    z-index: 2;
    margin-top: 45px;
    transform: none;
  }
  .theme-riddle .t-collabo__heading-left img {
    transform: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-riddle__content-heading {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .theme-riddle .t-collabo__heading {
    margin-right: -10px;
    margin-left: -10px;
  }
  .theme-riddle .t-collabo__heading img {
    width: auto;
    max-height: 48px;
  }
  .p-riddle__content-heading {
    font-size: 20px;
    font-size: 2.0rem;
  }
}
/* text */
.theme-riddle .t-collabo__text {
  font-weight: 500;
  line-height: 2.25;
  letter-spacing: .039em;
}
.p-riddle__bg-yellow .t-collabo__text {
  color: #070203;
}
.p-riddle__note {
  margin-top: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .039em;
}
@media screen and (max-width: 767px) {
  .p-riddle__note {
    margin-top: 10px;
    font-size: 10px;
    font-size: 1.0rem;
  }
}
/* btn */
.theme-riddle .p-riddle__btn {
  display: block;
  width: calc(100% - 4px);
  padding: 10px;
  background-color: #FFE200;
  position: relative;
  margin: auto;
  text-align: center;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  transition: .3s;
}
.theme-riddle .p-riddle__btn::before, .theme-riddle .p-riddle__btn::after, .theme-riddle .p-riddle__btn-deco, .theme-riddle .p-riddle__btn-deco::before, .theme-riddle .p-riddle__btn-deco::after {
  content: "";
  display: block;
  background-color: #FFE200;
  position: absolute;
}
.theme-riddle .p-riddle__btn::before, .theme-riddle .p-riddle__btn::after {
  width: 2px;
  height: 100%;
  top: 0;
}
.theme-riddle .p-riddle__btn::before {
  left: -5px;
}
.theme-riddle .p-riddle__btn::after {
  right: -5px;
}
.theme-riddle .p-riddle__btn-deco {
  width: 100%;
  height: 2px;
  left: 0;
}
.theme-riddle .p-riddle__btn-deco.is-top {
  top: -5px;
}
.theme-riddle .p-riddle__btn-deco.is-bottom {
  bottom: -5px;
}
.theme-riddle .p-riddle__btn-deco::before, .theme-riddle .p-riddle__btn-deco::after {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.theme-riddle .p-riddle__btn-deco::before {
  left: -6px;
}
.theme-riddle .p-riddle__btn-deco::after {
  right: -6px;
}
.theme-riddle .p-riddle__btn-arrow {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto;
}
.theme-riddle .p-riddle__btn img {
  transition: .3s;
}
.theme-riddle .p-riddle__btn img.is-hover {
  display: none;
  opacity: 0;
}
.theme-riddle .p-riddle__btn:hover {
  background-color: #070203;
  color: #FFE200;
}
.theme-riddle .p-riddle__btn:hover img.is-hover {
  display: block;
  opacity: 1;
}
.theme-riddle .p-riddle__btn:hover img:not(.is-hover) {
  display: none;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .theme-riddle .p-riddle__btn {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .theme-riddle .p-riddle__btn-arrow {
    width: 7px;
    right: 7px;
  }
  .theme-riddle .p-riddle__btn::before, .theme-riddle .p-riddle__btn::after {
    width: 1px;
  }
  .theme-riddle .p-riddle__btn::before {
    left: -3px;
  }
  .theme-riddle .p-riddle__btn::after {
    right: -3px;
  }
  .theme-riddle .p-riddle__btn-deco {
    height: 1px;
  }
  .theme-riddle .p-riddle__btn-deco.is-top {
    top: -3px;
  }
  .theme-riddle .p-riddle__btn-deco.is-bottom {
    bottom: -3px;
  }
  .theme-riddle .p-riddle__btn-deco::before, .theme-riddle .p-riddle__btn-deco::after {
    width: 2px;
    height: 2px;
  }
  .theme-riddle .p-riddle__btn-deco::before {
    left: -3px;
  }
  .theme-riddle .p-riddle__btn-deco::after {
    right: -3px;
  }
}
/* pagetop */
.theme-riddle .t-collabo__pagetop {
  color: #FFF;
}
.theme-riddle .t-collabo__pagetop::after {
  background-image: linear-gradient(-90deg, #FFF 50%, transparent 50%);
}
/* header
------------------------------------------------------------ */
/* nav */
.theme-riddle .lb .closeBtn .rel span, .theme-riddle .menu-trigger .rel span {
  background: #FFE200 !important;
}
.theme-riddle .lb .closeBtn p, .theme-riddle .menu-trigger p, .theme-riddle nav li .en {
  color: #FFE200 !important;
}
/*------------------------------------------------------------
     index
------------------------------------------------------------ */
/* MV
------------------------------------------------------------ */
.p-riddle-mv {
  flex-direction: row;
  min-height: 100vh;
  padding-top: 70px;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/08/rid_bg_cp02.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.p-riddle-mv__container {
  position: relative;
}
.p-riddle-mv__objects {
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.p-riddle-mv__object01, .p-riddle-mv__object02, .p-riddle-mv__object03, .p-riddle-mv__object04 {
  position: absolute;
}
.p-riddle-mv__object01 {
  width: 16.833%;
  top: -5%;
  left: 7.5%;
}
.p-riddle-mv__object02 {
  width: 16.333%;
  top: 10%;
  right: -3.5%;
}
.p-riddle-mv__object03 {
  width: 12.666%;
  bottom: 10%;
  left: -10%;
}
.p-riddle-mv__object04 {
  width: 14.666%;
  bottom: 20%;
  right: -20%;
}
.p-riddle-mv__contents {
  display: flex;
  align-items: center;
  padding-left: 50px;
  position: relative;
  margin: auto;
  z-index: 2;
}
.p-riddle-mv__heading {
  width: 520px;
  max-width: 50%;
  flex-shrink: 0;
}
.p-riddle-mv__heading-collabo {
  margin-bottom: 10px;
  text-align: center;
  color: #000;
  font-size: 54px;
  font-size: 5.4rem;
  font-weight: 600;
}
.p-riddle-mv__heading-collabo span {
  margin: 0 .25em;
  font-size: 50px;
  font-size: 5.0rem;
}
.p-riddle-mv__heading-title {
  margin: 0 46px;
  background: #000;
  position: relative;
  text-align: center;
  color: #FFF;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: .039em;
}
.p-riddle-mv__heading-title span {
  font-size: 20px;
  font-size: 2.0rem;
}
.p-riddle-mv__heading-title-midium {
  font-weight: 500;
}
.p-riddle-mv__heading-title::before, .p-riddle-mv__heading-title::after {
  content: "";
  display: block;
  width: 44px;
  height: 100%;
  background-image: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2022/09/riddle-heading-deco.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  position: absolute;
  top: 0;
}
.p-riddle-mv__heading-title::before {
  right: calc(100% + 1px);
}
.p-riddle-mv__heading-title::after {
  left: calc(100% + 1px);
  transform: scale(-1);
}
.p-riddle-mv__heading-logo {
  margin-top: 30px;
  text-align: center;
}
.p-riddle-mv__image {
  display: block;
  margin: 0 -2.25% 0 -8.25%;
}
.p-riddle-mv__image img {
  width: 100%;
}
.p-riddle-mv__btn-wrap {
  margin-top: 55px;
}
.theme-riddle .p-riddle-mv__btn-wrap .p-riddle__btn {
  max-width: 490px;
  background-color: #070203;
  color: #FFE200;
}
.theme-riddle .p-riddle-mv__btn-wrap .p-riddle__btn:hover {
  background-color: #FFE200;
  color: #070203;
}
.theme-riddle .p-riddle-mv__btn-wrap .p-riddle__btn::before, .theme-riddle .p-riddle-mv__btn-wrap .p-riddle__btn::after, .theme-riddle .p-riddle-mv__btn-wrap .p-riddle__btn-deco, .theme-riddle .p-riddle-mv__btn-wrap .p-riddle__btn-deco::before, .theme-riddle .p-riddle-mv__btn-wrap .p-riddle__btn-deco::after {
  background-color: #070203;
}
.theme-riddle main#top .p-riddle-feature05__images-item .p-riddle-feature05__images-image img {
  border: 1px solid #e9d968;
}
.theme-riddle main#top .t-collabo-special__slides-wrap .t-collabo-special__slides .t-collabo-special__slides-item .pc-none {
  width: 70%;
  margin: 10% auto 0px;
}
.theme-riddle main#top nav li .en {
  font-family: 'Manrope', sans-serif;
}
.theme-riddle main#top .menu-trigger p.abs .anim {
  font-family: 'Manrope', sans-serif;
}
@media screen and (max-width: 1200px) {
  .p-riddle-mv__contents {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-riddle-mv {
    padding-top: 50px;
    background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/08/rid_bg_cp01sp.jpg");
  /*add 2023/05/17*/
  min-height: 800px;
  height: 100vh;
  /*add 2023/05/17*/
  }
  .p-riddle-mv__container {
    position: static;
    padding-top: 25px;
    padding-bottom: 0;
  }
  .p-riddle-mv__contents {
    padding-bottom: 65px;
    flex-direction: column;
    align-items: center;
  height: 100%;
  }
  .p-riddle-mv__heading {
    width: 100%;
    max-width: inherit;
    text-align: center;
  /*add 2023/05/17*/
  display: flex;
    flex-direction: column;
    height: 100%;
    background-image: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2022/10/pc_game_riddle_cp_1020.png);
    background-position: top 30% center;
    background-size: calc(100% + 30px);
    background-repeat: no-repeat;
  /*add 2023/05/17*/
  }
  .p-riddle-mv__heading-collabo {
    margin-bottom: 0;
  }
  .p-riddle-mv__heading-collabo, .p-riddle-mv__heading-collabo span {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .p-riddle-mv__heading-title {
    margin: 0 25px;
    font-size: 10px;
    font-size: 1.0rem;
  }
  .p-riddle-mv__heading-title::before, .p-riddle-mv__heading-title::after {
    width: 24px;
  }
  .p-riddle-mv__heading-title span {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .p-riddle-mv__heading-logo {
    /*add 2023/05/17*/
  order: 2;
  display: block;
  width: 85%;
  margin: 5% auto 0;
  position: static;
    transform: translateX(0);
 /*add 2023/05/17*/
  }
  .p-riddle-mv__btn-wrap {
    width: 100%;
  /*add 2023/05/17*/
  position: static;
    margin-top: auto;
  /*add 2023/05/17*/
  }
  .theme-riddle .p-riddle-mv__btn-wrap .p-riddle__btn {
    max-width: 290px;
  }
  .p-riddle-mv__image {
    display: none;/*update 2023/05/17*/
  }
  .p-riddle-mv__object01 {
    width: 31.5625%;
    top: 20px;
    left: -4.375%;
  }
  .p-riddle-mv__object02 {
    width: 30.46875%;
    top: 80px;
    right: -4.53125%;
  }
  .p-riddle-mv__object03 {
    width: 23.75%;
    left: -8.125%;
    bottom: 70px;
  }
  .p-riddle-mv__object04 {
    width: 27.34375%;
    right: -11.25%;
    bottom: 185px;
  }
}
/* CONCEPT
------------------------------------------------------------ */
.p-riddle-concept {
  min-height: 100vh;
  padding-top: 70px;
}
.p-riddle-concept__container {
  flex-direction: row;
  padding-bottom: 35px;
}
.p-riddle-concept__contents {
  width: 415px;
  max-width: 100%;
  flex-shrink: 0;
  padding-left: 50px;
  margin-top: 45px;
  margin-right: 10px;
}
.p-riddle-concept__heading {
  line-height: 1.25;
  margin-right: -1em;
}
.p-riddle-concept__heading span {
  font-size: 36px;
  font-size: 3.6rem;
}
.p-riddle-concept__image {
  margin-right: -80px;
}
@media screen and (max-width: 1200px) {
  .p-riddle-concept__container {
    flex-direction: column;
    align-items: center;
  }
  .p-riddle-concept__contents {
    width: 100%;
    padding-left: 0;
    margin: 0 0 40px;
  }
  .p-riddle-concept__image {
    margin-right: -10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-riddle-concept__heading {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-riddle-concept__container {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .p-riddle-concept__heading span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
/* FREATURES
------------------------------------------------------------ */
.t-collabo-features__container {
  position: relative;
}
.p-riddle-features__num {
  position: absolute;
  bottom: 40px;
  z-index: 2;
}
.p-riddle-features__num.is-right {
  right: 0;
}
.p-riddle-features__num.is-left {
  left: 0;
}
.p-riddle-features__heading-eng {
  margin-bottom: 50px;
}
.theme-riddle .t-collabo__text + .p-riddle__content-heading {
  margin-top: 50px;
}
.p-riddle-features__note {
  margin-top: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: .039em;
}
@media screen and (max-width: 1023px) {
  .p-riddle-features__heading-eng {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-riddle-features__num {
    position: relative;
    top: auto;
    right: auto !important;
    bottom: auto;
    left: auto !important;
    margin-bottom: 25px;
    text-align: center;
  }
  .p-riddle-features__num img {
    width: auto;
    height: 37px;
  }
  .p-riddle-features__heading-eng {
    margin-bottom: 25px;
  }
  .p-riddle-features__heading-eng img {
    display: block;
    width: auto;
    height: 17px;
    margin: auto;
  }
  .theme-riddle .t-collabo__text + .p-riddle__content-heading {
    margin-top: 25px;
  }
}
/* 01 */
.p-riddle-feature01__container {
  min-height: 100vh;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  position: relative;
}
.p-riddle-feature01__contents, .p-riddle-feature01__image {
  position: relative;
  z-index: 1;
}
.p-riddle-feature01__contents {
  width: 490px;
  max-width: 100%;
  margin: auto 0;
  flex-shrink: 0;
}
.p-riddle-feature01__heading-eng {
  margin-bottom: 60px;
}
.p-riddle-feature01__contents .p-riddle-feature01__text {
  max-width: 440px;
}
.p-riddle-feature01__image {
  margin: auto -1% -50px -4.5%;
}
.p-reddle-feature01__objects {
  mix-blend-mode: screen;
  pointer-events: none;
}
.p-reddle-feature01__object01, .p-reddle-feature01__object02, .p-reddle-feature01__object03 {
  position: absolute;
}
.p-reddle-feature01__object01 {
  width: 14.833%;
  top: -10%;
  left: 4.166%;
}
.p-reddle-feature01__object02 {
  width: 10.5%;
  top: -2%;
  left: 50%;
}
.p-reddle-feature01__object03 {
  width: 21.083%;
  top: 50%;
  right: -16%;
}
@media screen and (max-width: 1200px) {
  .p-riddle-feature01__container {
    min-height: inherit;
    flex-direction: column;
    align-items: center;
  }
  .p-riddle-feature01__contents {
    width: 100%;
  }
  .p-riddle-feature01__contents .p-riddle-feature01__text {
    max-width: 100%;
  }
  .p-riddle-feature01__image {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media screen and (max-width: 767px) {
  .p-riddle-feature01__container {
    padding-top: 25px;
  }
  .p-riddle-feature01__heading-eng {
    margin-bottom: 25px;
  }
  .p-reddle-feature01__objects {
    display: none;
  }
  .p-riddle-feature01__image {
    margin-bottom: -60px;
  }
}
/* 02 */
.p-riddle-feature02__container {
  flex-direction: row;
  align-items: center;
}
.p-riddle-feature02__contents {
  width: 670px;
  max-width: 100%;
  padding-left: 50px;
  padding-bottom: 70px;
}
.p-riddle-feature02__contents-wrap {
  display: flex;
  margin-top: 50px;
}
.p-riddle-feature02__contents-text-wrap {
  max-width: 440px;
}
.p-riddle-feature02__configuration {
  margin-left: 30px;
}
.p-riddle-feature02__image {
  margin: -50px -6.666% -50px 0;
}
@media screen and (max-width: 1200px) {
  .p-riddle-feature02__container, .p-riddle-feature02__contents-wrap {
    flex-direction: column;
  }
  .p-riddle-feature02__contents-wrap {
    margin-top: 0;
  }
  .p-riddle-feature02__contents {
    padding-left: 0;
  }
  .p-riddle-feature02__contents-text-wrap {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .p-riddle-feature02__configuration {
    margin-left: 0;
  }
  .p-riddle-feature02__image {
    margin: auto -20px -50px;
    text-align: center;
  }
  .theme-riddle .t-collabo-filter__image02-name {
    margin-bottom: 20px;
  }
}
/* 03 */
.p-riddle-feature03 {
  text-align: center;
}
.theme-riddle .t-collabo-filter__images-name::before {
  display: none;
}
.theme-riddle .t-collabo-filter &gt; * {
  position: relative;
  z-index: 2;
}
.theme-riddle .t-collabo-filter__images {
  z-index: 1 !important;
}
.theme-riddle .t-collabo-filter__image01-name {
  left: 63%;
}
.theme-riddle .t-collabo-filter__image02-name {
  top: 18%;
  right: 34%;
}
.theme-riddle .t-collabo-filter__images-item img {
  width: auto;
}
@media screen and (max-width: 1023px) {
  .p-riddle-feature03 .t-collabo__text {
    text-align: left;
  }
  .theme-riddle .t-collabo-filter__images {
    margin-top: 20px;
    margin-bottom: -60px;
  }
  .theme-riddle .t-collabo-filter__images-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .theme-riddle .t-collabo-filter__images-name {
    overflow: hidden;
  }
  .theme-riddle .t-collabo-filter__images-name img {
    max-width: calc(100% + 15px);
    width: auto;
    height: 12px;
  }
  .theme-riddle .t-collabo-filter__image01-name img {
    margin-left: -15px;
  }
  .theme-riddle .t-collabo-filter__image02-name img {
    margin-right: -15px;
  }
}
/* 04 */
.p-riddle-feature04__container {
  padding: 80px 50px 20px;
  flex-direction: row;
}
.p-riddle-feature04__contents {
  margin-top: 50px;
}
.p-riddle-feature04__image {
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  .p-riddle-feature04__container {
    padding: 45px 0 25px;
    flex-direction: column;
  }
  .p-riddle-feature04__contents {
    margin-top: 0;
  }
  .p-riddle-feature04__image {
    margin: 45px -20px 0 0;
    text-align: center;
  }
}
/* 05 */
.p-riddle-feature05__container {
  flex-direction: row-reverse;
}
.p-riddle-feature05__contents {
  width: 490px;
  max-width: 100%;
  padding-right: 50px;
}
.p-riddle-feature05__images {
  display: flex;
  margin: 20px -5px 0;
}
.p-riddle-feature05__images-item {
  max-width: 50%;
  padding: 0 5px;
}
.p-riddle-feature05__images-name {
  margin-top: 5px;
  text-align: center;
  color: #FFE200;
  font-size: 10px;
  font-size: 1.0rem;
}
.p-riddle-feature05__image {
  margin-right: auto;
  margin-bottom: -50px;
}
@media screen and (max-width: 1200px) {
  .p-riddle-feature05__container {
    flex-direction: column;
  }
  .p-riddle-feature05__contents {
    width: 100%;
    padding-right: 0;
  }
  .p-riddle-feature05__images {
    justify-content: center;
  }
  .p-riddle-feature05__image {
    margin: 30px 0 -60px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-riddle-feature05__images {
    margin-right: -3px;
    margin-left: -3px;
  }
  .p-riddle-feature05__images-item {
    padding: 0 3px;
  }
}
/* COLOR
------------------------------------------------------------ */
.p-riddle-color__container {
  padding-right: 50px;
  padding-left: 50px;
}
.p-riddle-color__contents {
  align-items: center;
  padding-right: 0;
  padding-left: 0;
  margin-top: 40px;
}
.p-riddle-color__contents-wrap {
  max-width: 320px;
}
.theme-riddle .t-collabo-special__slides-wrap {
  width: 1158px;
  right: 310px;
}
.theme-riddle .t-collabo-special__slides {
  padding-bottom: 51.813%;
}
.theme-riddle .t-collabo-special__color-dl {
  margin-right: -50px;
}
.theme-riddle .t-collabo-special__color-dl dt {
  margin-bottom: 25px;
  color: #FFE200;
}
.theme-riddle .t-collabo-special__color-dl dt span {
  margin-left: -40px;
}
.theme-riddle .t-collabo-special__color-dl dt span::before {
  display: none;
}
.theme-riddle .t-collabo-special__color-dl dt span img {
  display: block;
}
.theme-riddle .t-collabo-special__tabs-label[for="specialInputYellow"]::after {
  background-color: #FFE200;
}
.theme-riddle #specialInputYellow:checked ~ .t-collabo-special__slides-wrap #specialSlideYellow, .theme-riddle #specialInputBlack:checked ~ .t-collabo-special__slides-wrap #specialSlideBlack {
  opacity: 1;
}
.theme-riddle #specialInputYellow:checked ~ .t-collabo-special__contents-wrap .t-collabo-special__tabs-label[for="specialInputYellow"]::after, .theme-riddle #specialInputBlack:checked ~ .t-collabo-special__contents-wrap .t-collabo-special__tabs-label[for="specialInputBlack"]::after {
  opacity: 1;
}
.theme-riddle .t-collabo-special__note {
  margin-right: -50px;
}
.p-riddle-color__btn-wrap {
  margin-top: 40px;
  margin-right: -50px;
  margin-bottom: -15px;
}
@media screen and (max-width: 1200px) {
  .p-riddle-color__container {
    padding-right: 0;
    padding-left: 0;
  }
  .theme-riddle .t-collabo-special__color-dl {
    margin-right: 0;
  }
  .theme-riddle .t-collabo-special__note {
    margin-right: 0;
  }
  .p-riddle-color__btn-wrap {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-riddle-color__contents {
    margin-top: 25px;
  }
  .p-riddle-color__contents-wrap {
    max-width: 100%;
  }
  .theme-riddle .t-collabo-special__slides-wrap {
    width: 149.375%;
    max-width: 1158px;
  }
  .theme-riddle .t-collabo-special__slides {
    padding-bottom: 100%;
  }
  .theme-riddle .t-collabo-special__tabs {
    flex-direction: column;
    padding-top: calc(125% + 40px + 25px);
  }
  .theme-riddle .t-collabo-special__tabs-item + .t-collabo-special__tabs-item {
    margin-top: 5px;
  }
  .theme-riddle .t-collabo-special__tabs-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .theme-riddle .t-collabo-special__tabs-label::before {
    top: -1px;
  }
  .theme-riddle .t-collabo-special__tabs-label::after {
    top: 1px;
  }
  .theme-riddle .t-collabo-special__tabs-label img {
    display: block;
    width: auto;
    height: 14px;
  }
  .theme-riddle .t-collabo-special__color-dl dt {
    margin-bottom: 15px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .theme-riddle .t-collabo-special__container {
    padding-bottom: 30px;
  }
  .theme-riddle .t-collabo-special__color-dl dt span img {
    display: block;
    width: auto;
    height: 14px;
  }
  .theme-riddle .t-collabo-special__note {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1.0rem;
  }
  .p-riddle-color__btn-wrap {
    margin-top: 20px;
    margin-bottom: 0;
  }
}
/* SPECIAL
------------------------------------------------------------ */
.p-riddle-special-sub {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2023/07/bg_6.jpg");
}
.theme-riddle .t-collabo-special-sub__section {
  align-items: flex-start;
  margin-right: -30px;
  margin-left: -30px;
}
.theme-riddle .t-collabo__heading + .t-collabo-special-sub__section {
  margin-top: 80px;
}
.theme-riddle .t-collabo-special-sub__contents, .t-collabo-special-sub__image {
  padding: 0 30px !important;
}
.theme-riddle .t-collabo-special-sub__contents {
  width: 41.182%;
}
.theme-riddle .t-collabo-special-sub__image {
  width: 58.818%;
}
.p-riddle-special__section-heading {
  margin: 40px -1em 15px 0;
}
.theme-riddle .t-collabo-special-sub__text {
  max-width: 400px;
}
.p-riddle-special__btn-wrap {
  max-width: 365px;
  margin-top: 40px;
}
@media screen and (max-width: 1023px) {
  .theme-riddle .t-collabo-special-sub__contents, .theme-riddle .t-collabo-special-sub__image {
    width: 100%;
    max-width: inherit !important;
  }
  .p-riddle-special__section-heading {
    margin: 25px 0 10px;
  }
  .theme-riddle .t-collabo-special-sub__text {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-riddle-special-sub {
    background: #000;
  }
  .t-collabo-special-sub__section {
    position: relative;
    padding-bottom: 55px !important;
  }
  .theme-riddle .t-collabo__heading + .t-collabo-special-sub__section {
    margin-top: 45px;
  }
  .p-riddle__heading-eng img {
    display: block;
    width: auto;
    height: 17px;
    margin: auto;
  }
  .p-riddle-special__btn-wrap {
    max-width: 260px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
}
/* CAMPAIGN
------------------------------------------------------------ */
.theme-riddle .t-collabo-campaign__frame, .t-collabo-campaign__frame .t-collabo__text {
  color: #FFF;
}
.theme-riddle .t-collabo-campaign__frame {
  border-color: #FFE200;
  background-color: rgba(0, 0, 0, .7);
}
.theme-riddle .t-collabo-campaign__text {
  margin-top: 15px;
}
.theme-riddle .t-collabo-campaign__period-frame {
  font-weight: 400;
}
.theme-riddle .t-collabo-campaign__btn-wrap {
  max-width: 490px;
  margin-top: 35px;
}
@media screen and (max-width: 1023px) {
  .theme-riddle .t-collabo-campaign__frame-contents {
    text-align: left;
  }
  .theme-riddle .t-collabo-campaign__period-frame {
    text-align: center;
  }
  .theme-riddle .t-collabo-campaign__btn-wrap {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .theme-riddle .t-collabo-campaign__frame {
    margin-top: 25px;
  }
}
/* LINEUP
------------------------------------------------------------ */
.theme-riddle .t-collabo-lineup__section-heading-area {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.theme-riddle .lineup_list h3 {
  background: #FFE200;
  color: #000;
}
.lineup_list .p-riddle-lineup__note {
  background: none;
  padding: 0;
  text-align: left;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .theme-riddle .t-collabo-lineup__section-heading-area {
    padding-right: 20px;
    padding-left: 20px;
  }
  .lineup_list .p-riddle-lineup__note {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lineup_list .p-riddle-lineup__note {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* ABOUT
------------------------------------------------------------ */
.theme-riddle .t-collabo-about {
  min-height: 100vh;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/10/bg_7.jpg");
}
.p-riddle-about__container {
  padding-right: 50px;
  padding-left: 50px;
}
.theme-riddle .t-collabo-about__contents-right {
  width: 490px;
  max-width: 100%;
}
.theme-riddle .t-collabo-about__logo {
  margin-bottom: 85px;
}
.theme-riddle .t-collabo-about__link-group-item:not(:last-child) {
  margin-bottom: 38px;
}
.theme-riddle .p-riddle-about .p-riddle__btn {
  background-color: #070203;
  color: #FFE200;
}
.theme-riddle .p-riddle-about .p-riddle__btn:hover {
  background-color: #FFE200;
  color: #070203;
}
.theme-riddle .p-riddle-about .p-riddle__btn::before, .theme-riddle .p-riddle-about .p-riddle__btn::after, .theme-riddle .p-riddle-about .p-riddle__btn-deco, .theme-riddle .p-riddle-about .p-riddle__btn-deco::before, .theme-riddle .p-riddle-about .p-riddle__btn-deco::after {
  background-color: #070203;
}
@media screen and (max-width: 1200px) {
  .p-riddle-about__container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .theme-riddle .t-collabo-about {
    min-height: inherit;
    background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/10/bg_6sp.jpg");
  }
  .p-riddle-about__container {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .theme-riddle .t-collabo-about__sub-heading {
    margin-bottom: 15px;
  }
  .t-collabo-about__contents-right {
    margin-top: 40px;
  }
  .theme-riddle .t-collabo-about__logo {
    width: 84px;
    margin: 0 auto 30px;
  }
  .theme-riddle .t-collabo-about__link-group-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
/* MEMBER
------------------------------------------------------------ */
.theme-riddle .t-collabo-member {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/09/bg_4.jpg");
  background-repeat: repeat-y;
  background-size: contain;
}
.theme-riddle .t-collabo-member-section__thumb {
  transition: .3s;
}
.theme-riddle .t-collabo-member-section__card:hover .t-collabo-member-section__thumb {
  transform: translateY(-5px) skewY(-8deg);
}
.theme-riddle .t-collabo-member-section__heading {
  color: #FFE200;
}
.theme-riddle .t-collabo-member-section__thumb-profile {
  background-color: #FFE200;
  font-family: 'Manrope', sans-serif;
  font-style: italic;
  font-weight: 700;
}
.theme-riddle .t-collabo-member-section__thumb-profile::before {
  border-bottom-color: #FFE200;
}
.theme-riddle .t-collabo-member-section__thumb-profile::after {
  background-image: linear-gradient(-90deg, #FFE200 50%, transparent 50%);
}
.theme-riddle .t-collabo-member-section__thumb-inner {
  border-color: #FFE200;
}
.theme-riddle .t-collabo-member-section__name {
  color: #FFE200;
}
/* lb */
.theme-riddle .t-collabo-member-lb__content {
  background-color: #9D9D9D;
}
.theme-riddle .t-collabo-member-lb__thumb {
  border-color: #FFE200;
  box-shadow: 20px 20px 0 #FFE200;
}
.theme-riddle .t-collabo-member-lb__content-box {
  padding-bottom: 50px;
}
.theme-riddle .t-collabo-member-lb__name, .theme-riddle .t-collabo-member-lb__close {
  color: #FFE200;
}
.theme-riddle .t-collabo-member-lb__text {
  line-height: 2.25;
  letter-spacing: .039em;
}
.theme-riddle .t-collabo-member-lb__sns-group {
  margin-bottom: -10px;
}
.theme-riddle .t-collabo-member-lb__sns-group-item {
  padding: 10px;
}
.theme-riddle .t-collabo-member-lb__sns-link {
  display: flex;
  width: 220px;
  padding: 0 20px;
}
.theme-riddle .t-collabo-member-lb__btn {
  border-top-color: #FFE200;
  border-right-color: #FFE200;
}
.theme-riddle .t-collabo-member-lb__close {
  padding-bottom: 30px;
  font-style: italic;
  font-weight: 700;
}
.theme-riddle .t-collabo-member-lb__close::before, .theme-riddle .t-collabo-member-lb__close::after {
  background-color: #FFE200;
}

h3.p-riddle__content-heading_campaign {
  font-size: 27px;
  color: #ffe109;
}

@media screen and (max-width: 1023px) {
  .theme-riddle .t-collabo-member-lb__sns-link {
    width: 175px;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {

  h3.p-riddle__content-heading_campaign {
    font-size: 20px;
    color: #FFE200;
    text-align: center;
  }
  
  .theme-riddle .t-collabo-member-lb__content {
    padding-top: 45px;
  }
  .theme-riddle .t-collabo-member-lb__thumb {
    bottom: calc(100% + 35px)
  }
  .theme-riddle .t-collabo-member-lb__content-box {
    padding-bottom: 0;
  }
  .theme-riddle .t-collabo-member-lb__sns-link {
    width: 125px;
    font-size: 11px;
    font-size: 1.1rem;
  }
}

.t-collabo-campaign__frame {
background-color: rgb(0 0 0 / 75%);
}

#campaign strong {
color: #FFE200;
}

/* tmp special movie
------------------------------------------------------------ */
.t-collabo-movie__group {
margin-top: 0px;
}
.t-collabo-movie__group-item {
max-width: 940px;
margin-right: auto;
margin-left: auto;
}
.t-collabo-movie__group-item + .t-collabo-movie__group-item {
margin-top: 150px;
}
.t-collabo-movie__iframe-wrap {
padding-bottom: 56.17%;
position: relative;
}
.t-collabo-movie__iframe-wrap iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 767px) {
.t-collabo-movie__group {
  margin-top: 0px;
}
.t-collabo-movie__group-item {
  margin-right: -12px;
  margin-left: -12px;
}
.t-collabo-movie__group-item + .t-collabo-movie__group-item {
  margin-top: 60px;
}
}
/* special movie
------------------------------------------------------------ */
.theme-riddle .t-collabo-movie {
background-image: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2023/07/bg_6.jpg);
background-repeat: repeat-y;
background-size: 100% auto;
background-position: center;
}
.theme-riddle .t-collabo-movie .t-collabo__container {
padding-bottom: 105px;
}

h3.t-collabo__heading_movie-ja {
margin-top: 45px;
text-align: center;
font-size: 30px;
font-size: 3.0rem;
font-weight: 700;
letter-spacing: .039em;
margin-top: 0px;
margin-bottom: 45px;
}

.t-collabo_movie_heading-ja {
margin-top: 55px;
text-align: center;
font-size: 30px;
font-size: 3.0rem;
font-weight: 700;
letter-spacing: .039em;
margin-bottom: 45px;
}

@media screen and (max-width: 767px){
h3.t-collabo__heading_movie-ja {
  margin-top: 25px;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.5;
}

.t-collabo_movie_heading-ja {
font-size: 2.0rem;
line-height: 1.5;
}

}

/* CM逕ｨ*/
h3.p-riddle__content-heading_campaign {
line-height: 30px;
}

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

/* CAMPAIGN
------------------------------------------------------------ */
.p-riddle-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-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2022/10/bg_3.jpg");
color: #070203;
}
.t-collabo-campaign__frame {
flex-wrap: wrap;
align-items: flex-start;
background: none;
border-color: #EA5504;
}
.p-riddle-campaign__heading {
color: #FFE200;
font-size: 30px;
font-size: 3.00rem;
font-weight: 700;
line-height: 1.6;
letter-spacing: .039em;

}
.p-riddle-campaign-main {
width: 100%;
text-align: center;
}
.p-riddle-campaign-main__image {
max-width: 1020px;
margin: 0 auto 20px;
}
.p-riddle-campaign-main__heading {
color: #EA5504;
font-size: 30px;
font-size: 3.0rem;
font-weight: 700;
letter-spacing: .039em;

}
.p-riddle-campaign-list {
margin-top: 40px;
}
.p-riddle-campaign-list__group {
margin: -40px -15px 0;
}
.p-riddle-campaign-list__group-item {display: flex;padding: 40px 20px;border-bottom: 1px solid #ffe200;}
.p-riddle-campaign-list__thumb {
flex-shrink: 0;
margin-right: 30px;
width:31%;
}
.p-riddle-campaign-list-text__heading {
color: #FFE200;
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: .039em;
}
.p-riddle-campaign-list-text__text {
margin-top: 20px;
font-size: 15px;
font-size: 1.5rem;
font-weight: 500;
line-height: 2.4;
letter-spacing: .039em;
}
.p-riddle-campaign-list-text__row {
display: flex;
flex-wrap: wrap;
margin: 15px -5px -5px;
justify-content: space-between;
}
.p-riddle-campaign-list-text__row-item {
width: 49%;
padding: 5px;
}
.t-collabo-campaign__period {
margin-top: 15px;
}
.t-collabo-campaign__period-frame {
display: block;
width: 480px;
max-width: 100%;
text-align: center;
}
.t-collabo-campaign__btn-wrap {
max-width: 480px;
}
.p-riddle-campaign-note {
margin-top: 40px;
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
line-height: 2;
letter-spacing: 0;
}
.p-riddle-campaign-influencer:not(:first-child) {
margin-top: 80px;
}
.p-riddle-campaign-influencer__heaidng {
text-align: center;
}
.p-riddle-campaign-influencer-list {
margin-top: 30px;
}
.p-riddle-campaign-influencer-list__group {
display: flex;
flex-wrap: wrap;
margin: -13px -40px;
margin-bottom: 40px;
}
.p-riddle-campaign-influencer-list__group-item {
width: 50%;
padding: 13px 40px;
}
.p-riddle-campaign-influencer-data {
display: flex;
align-items: flex-start;
}
.p-riddle-campaign-influencer-data__thumb {
display: flex;
flex-shrink: 0;
width: 200px;
border: 2px solid #EA5504;
box-shadow: 0 0 15px rgba(234, 85, 4, .8);
position: relative;
margin-right: 40px;
}
.p-riddle-campaign-influencer-data__thumb::before {
content: "";
width: 100%;
height: 100%;
background-color: #EA5504;
box-shadow: 0 0 15px rgba(234, 85, 4, .8);
position: absolute;
top: 10px;
left: 10px;
}
.p-riddle-campaign-influencer-data__thumb img {
position: relative;
z-index: 1;
vertical-align: bottom;
}
.p-riddle-campaign-influencer-data-text__belong {
color: #999;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: .02em;
}
.p-riddle-campaign-influencer-data-text__name {
display: flex;
align-items: center;
}
.p-riddle-campaign-influencer-data-text__name span {
margin-left: 20px;
font-size: 12px;
font-size: 1.2rem;
}
.p-riddle-campaign-influencer-data-text__text {
margin-top: 10px;
font-size: 15px;
font-size: 1.5rem;
font-weight: 500;
line-height: 2.4;
letter-spacing: .039em;
}
.p-riddle-campaign-influencer-sns {
margin-top: 30px;
}
.p-riddle-campaign-influencer-sns__group {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.p-riddle-campaign-influencer-sns__group-item {
width: 50%;
padding: 10px;
}
.p-riddle-campaign-movie:not(:first-child) {
/*margin-top: 80px;*/
margin-bottom: 80px;
}
.p-riddle-campaign-movie__heading {
text-align: center;
}
.p-riddle-campaign-movie-iframe {
width: 100%;
max-width: 1100px;
margin: 30px auto 0;
text-align: center;
}
.p-riddle-campaign-movie-iframe__inner {
width: 100%;
padding-bottom: 56.17%;
box-shadow: 0 0 50px rgba(255, 255, 255, .4);
position: relative;
}
.p-riddle-campaign-movie-iframe__inner iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 1023px) {
.t-collabo-campaign__frame {
flex-direction: column;
}
.p-riddle-campaign-list__group-item {
flex-direction: column;
}
.p-riddle-campaign-list__thumb {
margin: 0 auto 20px;
}
.p-riddle-campaign-list-text__row-item {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.t-collabo-campaign__frame {
padding-bottom: 15px;
}
.p-riddle-campaign__heading {
text-align: center;
font-size: 15px;
font-size: 1.5rem;
}
.p-riddle-campaign-main__image {
margin-bottom: 10px;
}
.p-riddle-campaign-list__thumb {
width:100%;
text-align:center;
}

.p-riddle-campaign-list {
margin-top: 20px;
}
.p-riddle-campaign-list__group {
margin: -20px 0 0;
}
.p-riddle-campaign-list__group-item {
padding: 20px 0;
}
.p-riddle-campaign-list-text__heading {
text-align: center;
font-size: 15px;
font-size: 1.5rem;
}
.p-riddle-campaign-list-text__text {
margin-top: 10px;
font-size: 11px;
font-size: 1.1rem;
}
.t-collabo-campaign__period {
margin-top: 10px;
}
.t-collabo-campaign__period-frame {
width: 100%;
}
.p-riddle-campaign-note {
margin-top: 20px;
font-size: 10px;
font-size: 1.0rem;
}
.p-riddle-campaign-influencer:not(:first-child) {
margin-top: 30px;
}
.p-riddle-campaign-influencer-list {
margin-top: 15px;
}
.p-riddle-campaign-influencer-list__group-item {
width: 100%;
}
.p-riddle-campaign-influencer-data__thumb  {
width: 100px;
margin-right: 20px;
}
.p-riddle-campaign-influencer-data__thumb::before {
top: 5px;
left: 5px;
}
.p-riddle-campaign-influencer-data-text__belong {
font-size: 10px;
font-size: 1.0rem;
}
.p-riddle-campaign-influencer-data-text__name {
text-align: left;
}
.p-riddle-campaign-influencer-data-text__name span {
font-size: 10px;
font-size: 1.0rem;
}
.p-riddle-campaign-influencer-data-text__text {
margin-top: 5px;
font-size: 10px;
font-size: 1.0rem;
}
.p-riddle-campaign-influencer-sns {
margin-top: 15px;
}
.p-riddle-campaign-influencer-sns__group {
margin: -5px;
}
.p-riddle-campaign-influencer-sns__group-item {
padding: 5px;
}
.p-riddle-campaign-influencer-sns .p-riddle__btn {
padding-top: 10px;
padding-bottom: 10px;
}
.p-riddle-campaign-movie:not(:first-child) {
margin-top: 30px;
margin-bottom: 40px;
}
.p-riddle-campaign-movie-iframe {
margin-top: 15px;
}
.theme-riddle .t-collabo-campaign__frame {
border-color: #000000;
}
}
</pre></body></html>