@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");

/*---------------------------------------------------
ぶいすぽっ！＆ブイアパ イベント限定コラボモデル
----------------------------------------------------*/

#pagetop {
	z-index: 110;
}
.sp {
	display: none;
}
#collabWrap {
	font-family: "Noto Sans JP";
	background: #fff;
	width: 100%;
	color: #000;
	box-sizing: border-box;
}
#collabWrap img {
	max-width: 100%;
}
.collabMv {
	text-align: center;
/*	background: url(/5info/img/intel_pcfes/collab_mv_bg.jpg);*/
	position: relative;
}
/*.collabMv::before {
	content: "";
	background: rgba(133,236,241,.5);
	height: 65px;
	position: absolute;
	bottom: -65px;
	width: 100%;
	display: block;
}
.collabMv::after {
	content: "";
	background: rgba(133,236,241,.15);
	height: 45px;
	position: absolute;
	bottom: -110px;
	width: 100%;
	display: block;
}*/
.collabInner {
	background: url("img/intel_pcfes/collab_bg.png?$staticlink$");
	background-size: contain;
}
.collabInner>div {
	padding-left: 10px;
	padding-right: 10px;
}
.collabInner>div>* {
	max-width: 1050px;
	margin: 0 auto;
}
.collabInner h2 {
	text-align: center;
}
.collabInner h3 {
	text-align: center;
}
.collabInner .collabSec01 h2,
.collabInner .eventSec h2 {
	padding-top: 150px;
}
.collabInner .eventSec table {
	margin-top: 80px;
}
.collabInner .eventSec table tr {
	font-size: 22px;
	border-bottom: 1px solid #aaa;
}
.collabInner .eventSec table th,
.collabInner .eventSec table td {
	padding: 1.5em 2em .5em 0;
}
.collabInner .eventSec table tr:first-child th,
.collabInner .eventSec table tr:first-child td {
	padding-top: 0;
}
.collabInner .eventSec table th {
	color: #656565;
}
.collabInner .eventSec .endTxt {
	text-align: center;
	margin-top: 1.5em;
	font-size: 22px;
	color: #ff0000;
}
.collabInner .eventSec .starImg {
	margin-top: 130px;
	text-align: center;
}
.collabInner .eventSec h3 {
	margin-top: 70px;
	font-size: 25px;
}
.collabInner .eventSec .eventChannel {
	margin-top: 120px;
	display: flex;
	justify-content: space-around;
	width: 1050px;
}
.collabInner .eventSec .eventChannel li {
	box-shadow: 2px 3px 8px rgba(0,0,0,0.301);
	background: #fff;
	width: 330px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	position: relative;
}
.collabInner .eventSec .eventChannel li span {
	position: absolute;
	top: -107px;
	width: 100%;
	left: 0;
}
.collabInner .eventSec .eventChannel li .movieWrap {
	margin-top: 110px;
}
.collabInner .eventSec .eventChannel li .movieWrap>div {
	position: relative;
	width: 90%;
	padding-top: 56.25%;
	margin: 0 auto;
}
.collabInner .eventSec .eventChannel li .movieWrap>div iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.collabInner .eventSec .eventChannel li p {
	font-size: 18px;
	margin-top: 10px;
}
.collabInner .eventSec .eventChannel li a {
	margin-top: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 65px;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.collabInner .eventSec .eventChannel li a::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 200%;
	background: linear-gradient(to right, #85ECF1, #51BEDF 50%, #85ECF1);
	z-index: -1;
	left: -100%;
	transition: .3s;
}
.collabInner .eventSec .eventChannel li a:hover::before {
	left: 0;
}
.collabInner .eventSec .eventChannel li a::after {
	background: url("/5info/img/intel_pcfes/arrow.png");
	position: absolute;
	right: 35px;
	content: "";
	width: 28px;
	height: 21px;
	transition: .3s;
	background-size: cover;
}
.collabInner .eventSec .eventChannel li a:hover::after {
	right: 10px;
}
.collabInner .eventSec .schedule {
	margin-top: 75px;
	text-align: center;
}
.collabInner .eventSec .specialTeam .specialTeamImg {
	text-align: center;
	margin-top: 100px;
}
.collabInner .eventSec .specialSchedule {
	display: flex;
	justify-content: space-around;
	max-width: 924px;
	margin: 20px auto 0;
}
.collabInner .eventSec .specialSchedule h4 {
	font-size: 16px;
	font-weight: 100;
	text-align: center;
    color: #656565;
}
.collabInner .eventSec .specialSchedule ul {
	margin-top: 10px;
}
.collabInner .eventSec .specialSchedule li {
	display: block;
	text-align: center;
}
.collabInner .eventSec .specialSchedule li:first-child {
	margin-top: 0;
}
.collabInner .eventSec .specialSchedule span {
	color: #000;
	font-size: 22px;
}
.collabInner .eventSec .specialScheduleImg {
	text-align: center;
}
#collabWrap .collabInner .eventSec .specialScheduleImg img {
	max-width: 95%;
	margin-top: 50px;
}
.specialSchedule-wrapper {
    display: flex;
	max-width: 1050px;
	list-style: none;
	justify-content: space-between;
}
.specialSchedule-wrapper li {
	position: relative;
	display: inline-block;
}
.specialScheduleImg {
    box-sizing: border-box;
    width: calc((100% - 30px) / 2);
	cursor : pointer;
}
.icon_searchPlus {
    width: 50px;
    height: 50px;
    color: #ffffff;
    background-color: #001138;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 10%;
    right: 5%;
}
#grayDisplay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100% !important;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
}
#grayDisplay img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 90%;
  max-height: 90%;
  height: 90%;
  object-fit: contain;
  z-index: 20;
}
.collabInner .couponSec {
	/*margin-top: 200px;*/
	padding: 150px 0;
	background: rgba(11,81,128,.7)
}
.collabInner .couponSec h2 {
	padding-top: 0;
}
.collabInner .couponSec .couponImg {
	margin-top: 40px;
	text-align: center;
}
.collabInner .productSec {
	padding: 150px 0;
	background: rgba(133,236,241,.2)
}
.collabInner .productSec h3 span,
.collabInner .collabSec02 h3 span{
	display: inline-block;
	padding: 0 1em;
	margin: 70px auto 0;
	font-size: 30px;
	letter-spacing: .2em;
	font-weight: 100;
}
.collabInner .productSec h3 span::after,
.collabInner .collabSec02 h3 span::after {
	content: "";
	display: block;
	height: 2px;
	position: relative;
	letter-spacing: .2em;
	padding: 0 1em;
	width: 100%;
	right: 1.2em;
	top: -14px;
}
.collabInner .productSec h3 span::after {
	background: #22E5EE;
}
.collabInner .productSec ul {
	margin-top: 70px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1050px;
}
.collabInner .productSec ul li {
	width: calc(100% / 2 - 15px);
	border: 1px solid #c1c1c1;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: #fff;
	padding: 0 5% 3%;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.collabInner .productSec ul li.wideColumn {
	width: 100%;
	padding: 0 10% 3%;
}
.collabInner .productSec ul li>div:first-child {
	position: relative;
	border-bottom: 2px solid #51BEDF;
	width: 100%;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 25px;
	padding-bottom: .5em;
}
.collabInner .productSec ul li>div:first-child::before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #51BEDF transparent transparent transparent;
}
.collabInner .productSec ul li>div:first-child::after {
	position: absolute;
	bottom: -12px;
	left: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}
.collabInner .productSec ul li>div.collabImg {
	min-height: 273px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.collabInner .productSec ul li.wideColumn>div.collabImg {
	width: 32%;
	margin-right: 3%;
}
.collabInner .productSec ul li>div.productDetail {
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 1.5em;
}
.collabInner .productSec ul li.wideColumn>div.productDetail {
	width: 65%;
	position: relative;
	text-align: left;
}
.collabInner .productSec ul li>div .collabName {
	font-size: 19px;
	font-weight: bold;
	border-bottom: 2px solid #51BEDF;
	display: inline-block;
}
.collabInner .productSec ul li.wideColumn>div .collabName {
	font-size: 22px;
}
.collabInner .productSec ul li>div .collabSpec {
	font-size: 16px;
	margin-top: 18px;
}
.collabInner .productSec ul li.wideColumn>div .collabSpec {
	font-size: 19px;
	margin-top: .5em;
}
.collabInner .productSec ul li>div .collabPrice {
	font-size: 19px;
	margin-top: .5em;
}
.collabInner .productSec ul li>div .collabPrice .tax {
	font-size: 13px;
}
.collabInner .productSec ul li.wideColumn>div .collabPrice {
	font-size: 21px;
	margin-top: .5em;
}
.collabInner .productSec ul li.wideColumn>div .collabPrice .tax {
	font-size: 16px;
}
.collabInner .productSec ul li>div .collabLinkBtn {
	text-align: center;
	width: 100%;
	box-shadow: 2px 3px 8px #0000004D;
	transition: .3s;
	margin-top: 2em;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.collabInner .productSec ul li>div .collabLinkBtn::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 200%;
	background: linear-gradient(to right, #85ECF1, #51BEDF 50%, #85ECF1);
	z-index: -1;
	left: -100%;
	transition: .3s;
}
.collabInner .productSec ul li>div .collabLinkBtn:hover::before {
	left: 0;
}
.collabInner .productSec ul li>div .collabLinkBtn a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 17px;
	font-weight: 600;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
}
.collabInner .productSec ul li>div .collabLinkBtn a::after {
	background: url("img/intel_pcfes/arrow.png?$staticlink$");
	position: absolute;
	right: 35px;
	content: "";
	width: 28px;
	height: 21px;
	transition: .3s;
	background-size: cover;
}
.collabInner .productSec ul li>div .collabLinkBtn a:hover::after {
	right: 10px;
}
.collabInner .memberSec {
	padding: 150px 0 250px;
}
.collabInner .memberSec h3 {
	margin-top: 80px;
}
/*.collabInner .memberSec h3.vspLogo {
	margin-top: 250px;
}*/
.collabInner .memberSec ul {
	margin-top: 180px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1050px;
}
.collabInner .memberSec ul li {
	box-sizing: border-box;
	border: 1px solid #C1C1C1;
	width: 330px;
	position: relative;
	padding: 0 30px;
	display: flex;
	flex-direction: column;
}
.collabInner .memberSec .memberListVsp li {
	background: #fff;
}
.collabInner .memberSec ul li.dtn {
	background: #5485a6;
	color: #fff;
}
.collabInner .memberSec ul li:nth-child(n+4) {
	margin-top: 180px;
}
.collabInner .memberSec .memberListVsp li {
	color: #000;
}
.collabInner .memberSec ul li>div:first-child>div {
	position: absolute;
	top: -90px;
	left: 0;
	width: 100%;
	text-align: center;
}
.collabInner .memberSec h4 {
	font-weight: 300;
	font-size: 25px;
	text-align: center;
	position: relative;
	margin-top: 200px;
	line-height: 1;
}
.collabInner .memberSec .memberListVsp h4 {
	margin-top: 140px;
}
.collabInner .memberSec .dtn h4 span {
	color: #FFDA30;
}
.collabInner .memberSec h4::first-letter {
	font-size: 35px;
}
.collabInner .memberSec .vsp01 h4 span {
	color: #CE00FF;
}
.collabInner .memberSec .vsp02 h4 span {
	color: #0080FF;
}
.collabInner .memberSec .vsp03 h4 span {
	color: #F148B9;
}
.collabInner .memberSec .vsp04 h4 span {
	color: #FF8800;
}
.collabInner .memberSec .vap01 h4 span {
	color: #2BD2AA;
}
.collabInner .memberSec .performerLink {
	text-align: right;
	margin: auto 0 20px;
	position: relative;
}
.collabInner .memberSec .performerdata {
	color: #888;
	text-align: center;
	font-size: 14px;
	margin-top: .5em;
	display: block;
}
.collabInner .memberSec ul li p {
	margin: 15px auto 20px;
	font-size: 14px;
	font-weight: 300;
}
.collabInner .memberSec .memberListVsp p {
	font-weight: 400;
}
.collabInner .memberSec .memberListVsp p span {
	display: block;
	margin-bottom: 1em;
}
.collabInner .memberSec .memberListVsp .vsp01 p span {
	color: #CE00FF;
}
.collabInner .memberSec .memberListVsp .vsp02 p span {
	color: #0080FF;
}
.collabInner .memberSec .memberListVsp .vsp03 p span {
	color: #F148B9;
}
.collabInner .memberSec .memberListVsp .vsp04 p span {
	color: #FF8800;
}
.collabInner .memberSec .performerLink a {
	margin-right: 12px;
	opacity: 1;
	transition: .3s;
}
.collabInner .memberSec .performerLink a:last-child {
	margin-right: 0;
}
.collabInner .memberSec .performerLink a:hover {
	opacity: .7;
}
.collabInner .memberSec .memberLinkDtn {
	text-align: center;
	width: 100%;
	box-shadow: 2px 3px 8px #0000004D;
	transition: .3s;
	margin-top: 60px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.collabInner .memberSec .memberLinkDtn::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 200%;
	background: linear-gradient(to right, #1046A4, #082352 50%, #1046A4);
	z-index: -1;
	left: -100%;
	transition: .3s;
}
.collabInner .memberSec .memberLinkDtn:hover::before {
	left: 0;
}
.collabInner .memberSec .memberLinkDtn a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 17px;
	font-weight: 600;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	height: 150px;
}
.collabInner .memberSec .memberLinkDtn a::before {
	background: url("img/intel_pcfes/collab_sec04_button.png?$staticlink$");
	position: absolute;
	left: 150px;
	content: "";
	width: 140px;
	height: 140px;
	background-size: cover;
}
.collabInner .memberSec .memberLinkDtn a::after {
	background: url("img/intel_pcfes/arrow.png?$staticlink$");
	position: absolute;
	right: 65px;
	content: "";
	width: 28px;
	height: 21px;
	transition: .3s;
	background-size: cover;
}
.collabInner .memberSec .memberLinkDtn a:hover::after {
	right: 20px;
}
.collabInner .memberSec .memberLinkDtn a span {
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 2.5px;
}

h4.archive,
h4.archiveArticle {
	text-align: center;
}
.collabInner .eventSec .specialTag span {
	position: relative;
	display: inline-block;
	margin-top: 90px;
	padding: 1em 3em;
	color: #fff;
	font-size: 22px;
	background: #0080FF;
	font-weight: 500;
}
.archive span,
.archiveArticle span {
	display: inline-block;
	margin: 150px 0 45px;
	padding: 1em 3em;
	color: #fff;
	background: #0080FF;
	font-size: 28px;
	font-weight: bold;
}
ul.archiveVideo {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	list-style: none;
	max-width: 1050px;
    margin: 0 auto;
}
ul.archiveVideo li {
	box-sizing: border-box;
	margin-top: 30px;
	width: calc((100% - 30px) / 2);
}
ul.archiveVideo li p, ul.archiveVideoOpening li p {
    font-size: 26px;
    margin-bottom: 8px;
	text-align: center;
}
ul.archiveVideoOpening {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
	list-style: none;
	max-width: 1050px;
	justify-content: space-between;
}
ul.archiveVideoOpening li {
    box-sizing: border-box;
	margin: 0 auto;
	width: 60%;
}
.archiveVideo_youtube {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.archiveVideo_youtube iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.collabInner .eventSec .specialTag a {
	font-size: 28px;
	font-weight: bold;
	padding-left: .5em;
}
.collabInner .eventSec h5 {
	margin-top: 45px;
	text-align: center;
	color: #0080FF;
	font-size: 28px;
}
.collabInner .eventSec .specialDescription {
	margin-top: 35px;
	display: flex;
	font-size: 17px;
	align-items: flex-start;
}
.collabInner .eventSec .specialDescription p {
	line-height: 2;
}
.collabInner .eventSec .specialDescription img {
	margin: 0 30px;
}
.collabInner .eventSec .specialDescription a {
	color: #0080FF;
	text-decoration: none;
}
.collabInner .eventSec .specialDescription a:hover {
	opacity: .7;
	transition: .3s;
}
.collabInner .collabSec02 {
	background: rgba(0,255,212,.1);
	padding-top: 40px;
	padding-bottom: 140px;
}
.collabInner .collabSec02 h3 span::after {
	background: #FF27FF;
}
.collabInner .collabSec02 .collabSticker {
	text-align: center;
	margin-top: 40px;
}
.collabInner .collabSec02 .collabWallpaper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.collabInner .collabSec02 .collabWallpaper li {
	width: 49%;
	margin-top: 40px;
	text-align: center;
}
/*.collabInner .collabSec02 .collabWallpaper li:first-child {
	width: 100%;
	text-align: center;
}*/
#s_sec06 .s06_i {
	flex-wrap: wrap;
	justify-content: space-around;
}
.s06_i span {
	width: 50%;
}
.s06_i span:nth-child(n+3) {
	margin-top: 80px;
}
.s06_i span img {
	max-width: 75%;
	width: auto;
}
.s06_i span.partner_01 img {
	max-width: 30%;
}
#s_container #s_sec09 {
	margin-top: 150px;
}

@media screen and (max-width: 479px) {
	.pc,
	.pc {
		display: none;
	}
	.sp,
	.sp {
		display: block;
	}
	.collabMv::before {
		height: 30px;
		bottom: -30px;
	}
	.collabMv::after {
		height: 15px;
		bottom: -45px;
	}
	.collabInner h2 {
		padding-top: 20vw;
		width: 90%;
	}
	.collabInner .eventSec h2 {
		padding-top: 25vw;
	}
	.collabInner .eventSec h3 {
		font-size: 4vw;
		margin-top: 3.5vw;
	}
	.collabInner .eventSec .endTxt {
		font-size: 4vw;
	}
	.collabInner .eventSec .eventChannel {
		width: 95%;
		flex-wrap: wrap;
		margin-top: 0;
	}
	.collabInner .eventSec .eventChannel li {
		margin-top: 120px;
	}
	/*.collabInner .eventSec .eventChannel li:nth-child(n+2) {
		margin-top: 7vw;
	}*/
	.collabInner .eventSec .eventChannel li span {
		display: block;
		/*width: 80%;*/
		margin: 0 auto;
	}
	.collabInner .eventSec .eventChannel li span img {
		width: 80%;
	}
	.collabInner .eventSec .eventChannel li .movieWrap {
		margin-top: 90px;
	}
	.collabInner .eventSec .eventChannel li p {
		font-size: 4vw;
	}
	.collabInner .eventSec .eventChannel li a::after {
		right: 5vw;
	}
	.collabInner .eventSec .eventChannel li a:hover::after {
		right: 2vw;
	}
	.collabInner .eventSec .schedule {
		margin-top: 15vw;
	}
	.collabInner>div h3 span {
		font-size: 5vw;
	}
	.collabInner>div h3 span::after {
		top: -2.25vw;
	}
	.collabInner .eventSec .starImg {
		margin-top: 15vw;
		width: 10%;
	}
	.collabInner .couponSec {
		padding: 20vw 0;
		margin-top: 23vw;
	}
	.collabInner .couponSec .couponImg.sp {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60%;
		flex-wrap: wrap;
		margin-top: 13vw;
	}
	.collabInner .couponSec .couponImg.sp span:nth-child(n+2) {
		margin-top: 10vw;
	}
	.collabInner .productSec {
		padding: 0 0 20vw;
	}
	.collabInner .productSec ul {
		width: 90%;
		margin-top: 15vw;
	}
	.collabInner .productSec ul li,
	.collabInner .productSec ul li.wideColumn>div.productDetail {
		width: 100%;
	}
	.collabInner .productSec ul li,
	.collabInner .productSec ul li.wideColumn {
		padding-bottom: 10%;
	}
	.collabInner .productSec ul li,
	.collabInner .productSec ul li>div:first-child {
		font-size: 4vw;
	}
	.collabInner .productSec ul li.wideColumn {
		padding-left: 5%;
		padding-right: 5%;
	}
	.collabInner .productSec ul li>div.collabImg,
	.collabInner .productSec ul li.wideColumn>div.collabImg {
		margin-right: 0;
		width: 65%;
		min-height: auto;
	}
	.collabInner .productSec ul li.wideColumn>div.productDetail {
		text-align: center;
	}
	.collabInner .productSec ul li>div .collabName,
	.collabInner .productSec ul li.wideColumn>div .collabName {
		/*font-size: 5.5vw;*/
		font-size: 4vw;
	}
	.collabInner .productSec ul li>div .collabSpec,
	.collabInner .productSec ul li.wideColumn>div .collabSpec {
		font-size: 4vw;
	}
	.collabInner .productSec ul li>div .collabPrice,
	.collabInner .productSec ul li.wideColumn>div .collabPrice {
		font-size: 7vw;
	}
	.collabInner .productSec ul li>div .collabPrice .tax,
	.collabInner .productSec ul li.wideColumn>div .collabPrice .tax {
		font-size: 4.5vw;
	}
	.collabInner .productSec ul li>div .collabLinkBtn {
		margin-top: 5vw;
	}
	.collabInner .productSec ul li>div .collabLinkBtn a {
		font-size: 4vw;
	}
	.collabInner .productSec ul li>div .collabName .spacer {
		width: 0;
		display: block;
	}
	.collabInner .productSec ul li>div .collabLinkBtn a::after {
		width: 20px;
		height: 14px;
		right: 5vw;
	}
	.collabInner .productSec ul li>div .collabLinkBtn a:hover::after {
		right: 2vw;
	}
	.collabInner .collabSec02 .collabWallpaper li {
		width: 100%;
	}
	.collabInner .memberSec {
		padding-top: 0;
		padding-bottom: 25vw;
	}
	.collabInner .memberSec h3 {
		width: 80%;
		margin-top: 15vw;
	}
	.collabInner .memberSec ul {
		margin-top: 45vw;
		width: 95%;
	}
	.collabInner .memberSec ul li {
		margin: 0 auto;
		padding: 0 10px;
	}
	.collabInner .memberSec ul li:nth-child(n+2) {
		margin-top: 150px;
	}
	.collabInner .memberSec ul li>div:first-child {
		text-align: center;
	}
	.collabInner .memberSec ul li>div:first-child>div img {
		max-width: 250px !important;
	}
	.collabInner .memberSec h4 {
		font-size: 6vw;
		margin-top: 170px;
	}
	.collabInner .memberSec h4::first-letter {
		font-size: 9vw;
	}
	.collabInner .memberSec ul li p {
		text-align: left;
		font-size: 4vw;
		max-width: 250px;
	}
	.collabInner .memberSec .performerLink {
		text-align: center;
	}
	.collabInner .memberSec .memberLinkDtn {
		width: 95%;
		margin-top: 13vw;
	}
	.collabInner .memberSec .memberLinkDtn a {
		height: 35vw;
	}
	.collabInner .memberSec .memberLinkDtn a::before {
		left: 0;
		width: 30vw;
		height: 30vw;
	}
	.collabInner .memberSec .memberLinkDtn a::after {
		right: 5vw;
	}
	.collabInner .memberSec .memberLinkDtn a:hover::after {
		right: 5vw;
	}
	.collabInner .memberSec .memberLinkDtn a span {
		margin-left: 25vw;
		margin-right: 10vw;
		font-size: 4vw;
	}
	.collabInner .memberSec h3.vspLogo {
		margin-top: 30vw;
	}
	.collabInner .memberSec .memberListVsp h4 {
		margin-top: 120px;
	}
	.collabInner .memberSec .performerdata {
		font-size: 4vw;
	}
	.collabInner .eventSec h3 {
		font-size: 4.5vw;
	}
	.collabInner .eventSec table {
		margin-top: 25px;
	}
	.collabInner .eventSec table tr {
		font-size: 3vw;
	}
	.collabInner .eventSec table th,
	.collabInner .eventSec table td {
		padding-right: 1em;
	}
	.collabInner .eventSec .specialTeam .specialTeamImg {
		margin-top: 50px;
	}
	.collabInner .eventSec .specialSchedule {
		flex-wrap: wrap;
	}
	.collabInner .eventSec .specialSchedule>div {
		width: 100%;
	}
	.collabInner .eventSec .specialSchedule h4,
	.collabInner .eventSec .specialSchedule a {
		font-size: 3.5vw;
	}
	.collabInner .eventSec .specialSchedule>div:nth-child(2) h4 {
		margin-top: 1.5em;
	}
	.collabInner .eventSec .specialScheduleImg {
		flex-wrap: wrap;
		margin-top: 25px;
	}
	#collabWrap .collabInner .eventSec .specialScheduleImg img {
		max-width: 100%;
	}
	#collabWrap .collabInner .eventSec .specialScheduleImg img {
		margin-top: 15px;
	}
	.collabInner .eventSec .specialTag span {
		margin-top: 45px;
		font-size: 3.5vw;
	}
	.collabInner .eventSec .specialTag span a {
		font-size: 4.5vw;
	}
	.collabInner .eventSec h5 {
		font-size: 4vw;
		margin-top: 20px;
	}
	.collabInner .eventSec .specialDescription {
		flex-wrap: wrap;
		font-size: 3vw;
	}
	.collabInner .eventSec .specialDescription:last-child {
		flex-direction: column-reverse;
	}
	.collabInner .eventSec .specialDescription img {
		margin: 15px auto 0;
	}
	#s_container #s_sec09 {
		margin-top: 100px;
	}
	#s_sec09 .sp {
		display: block;
	}
	.collabInner .eventSec .attention {
		margin-top: 30px;
		font-size: 16px;
	}
	.archive span,
	.archiveArticle span {
		margin: 90px 0 20px;
		padding: 10px 0px;
    	width: 100%;
		font-size: 1.6em;
	}
	ul.archiveVideo li p, ul.archiveVideoOpening li p {
		font-size: 1.3em;		
	}
	ul.archiveVideo li, ul.archiveVideoOpening li {
		width: 100%;
		flex-direction: column;
		align-items: center;
	}
	.specialSchedule-wrapper {
    	display: block;
	}
	.collabInner .eventSec .specialSchedule span {
		font-size: 3vw;
	}
	.specialScheduleImg {
   		width: 100%;
	}
	.icon_searchPlus {
		display:none;
	}
}
/* 21/01/18 追記 */
.collabSec02 p{
	font-size: 14px;
	text-align: center; 
	margin-top: 2em;
}

/* 210202 add */

#sec04 .archiveArticleList {
	margin-top: 50px;
	max-width: 900px;
}
.archiveArticleList li:nth-child(2) {
	margin-top: 50px;
}
#sec04 .archiveArticleList li a {
	display: flex;
	color: #000;
	text-decoration: none;
	border: 1px solid #ccc;
	transition: .3s;
}
#sec04 .archiveArticleList li a:hover {
	opacity: .7;
	transition: .3s;
}
#sec04 .archiveArticleList li a span {
	width: 30%;
	margin-right: 2%;
}
.archiveArticleList li a p {
	width: 68%;
	font-size: 22px;
	padding: 10px;
}
.archiveArticleList li a p i {
	font-size: 90%;
	margin-left: .5em;
}

@media screen and (max-width: 479px) {
	#sec04 ht img {
		margin-top: 30px;
	}
	#sec04 .archiveArticleList li a {
		flex-wrap: wrap;
	}
	#sec04 .archiveArticleList li a span {
		width: 100%;
		margin-right: 0;
	}
	.archiveArticleList li a p {
		width: 100%;
		font-size: 4vw;
	}
}


/*---------------------------------------------------
ぶいすぽっ！イベントコラボモデル
----------------------------------------------------*/

figure {
	margin: 0 auto;
}
.collabInner .collabSec01 h3 span,
.collabInner .collabSec02 h3 span{
	display: inline-block;
	padding: 0 1em;
	margin: 70px auto 0;
	font-size: 30px;
	letter-spacing: .2em;
	font-weight: 400;
}
.collabInner .collabSec01 h3 span::after,
.collabInner .collabSec02 h3 span::after {
	content: "";
	display: block;
	height: 2px;
	position: relative;
	letter-spacing: .2em;
	padding: 0 1em;
	width: 100%;
	right: 1.2em;
	/*top: -10px;*/
	top: -4px;
}
.collabInner .collabSec01 {
	padding-bottom: 140px;
}
.collabInner .collabSec01 h3 span::after {
	background: #22E5EE;
}
.collabInner .collabSec01 ul {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1050px;
}
.collabInner .collabSec01 ul li {
	width: calc(100% / 2 - 15px);
	border: 1px solid #aaa;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: #fff;
	padding: 0 5% 3%;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.collabInner .collabSec01 ul li.wideColumn {
	width: 100%;
	padding: 0 10% 3%;
}
.collabInner .collabSec01 ul li>div:first-child {
	position: relative;
	border-bottom: 2px solid #22E5EE;
	width: 100%;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 25px;
	padding-bottom: .5em;
}
.collabInner .collabSec01 ul li>div:first-child::before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #22E5EE transparent transparent transparent;
}
.collabInner .collabSec01 ul li>div:first-child::after {
	position: absolute;
	bottom: -12px;
	left: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}
.collabInner .collabSec01 ul li>div.collabImg {
	min-height: 273px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.collabInner .collabSec01 ul li.wideColumn>div.collabImg {
	width: 32%;
	margin-right: 3%;
}
.collabInner .collabSec01 ul li>div.productDetail {
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 1.5em;
}
.collabInner .collabSec01 ul li.wideColumn>div.productDetail {
	width: 65%;
	position: relative;
	text-align: left;
}
.collabInner .collabSec01 ul li>div .collabName {
	font-size: 19px;
}
.collabInner .collabSec01 ul li>div .collabName .spacer {
	width: .5em;
	display: inline-block;
}
.collabInner .collabSec01 ul li.wideColumn>div .collabName {
	font-size: 22px;
}
.collabInner .collabSec01 ul li>div .collabName span {
	font-size: 16.5px;
}
.collabInner .collabSec01 ul li>div .collabSpec {
	font-size: 16px;
	margin-top: .5em;
}
.collabInner .collabSec01 ul li.wideColumn>div .collabSpec {
	font-size: 19px;
	margin-top: .5em;
}
.collabInner .collabSec01 ul li>div .collabPrice {
	font-size: 17px;
	margin-top: .5em;
}
.collabInner .collabSec01 ul li>div .collabPrice .tax {
	font-size: 13px;
}
.collabInner .collabSec01 ul li.wideColumn>div .collabPrice {
	font-size: 21px;
	margin-top: .5em;
}
.collabInner .collabSec01 ul li.wideColumn>div .collabPrice .tax {
	font-size: 16px;
}
.collabInner .collabSec01 ul li>div .collabLinkBtn {
	text-align: center;
	border: 1px solid #22E5EE;
	width: 100%;
	box-shadow: 3px 3px #22E5EE;
	transition: all .3s;
	margin-top: 2em;
	position: relative;
	bottom: 0;
}
.collabInner .collabSec01 ul li>div .collabLinkBtn:hover {
	bottom: -3px;
	box-shadow: 0px 0px #22E5EE;
	opacity: .9;
	position: relative;
}
.collabInner .collabSec01 ul li>div .collabLinkBtn a {
	color: #000;
	display: inline-block;
	text-decoration: none;
	font-size: 17px;
	font-weight: 600;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
}
.collabInner .collabSec02 {
	background: rgba(255,167,255,.1);
	padding-top: 40px;
	padding-bottom: 140px;
}
.collabInner .collabSec02 h3 span::after {
	background: #FF27FF;
}
.collabSec02 h2 {
	padding-top: 110px;
}
/*.collabSec02 .cs {
	text-align: center;
	margin: 150px auto 100px;
}*/
.collabInner .collabSec02 .collabSticker.cs {
	background: #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 550px;
	height: 338px;
}
.collabInner .collabSec02 .collabWallpaper.cs li {
	background: #ccc;
	height: 253px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.collabInner .collabSec02 .collabSticker img,
.collabInner .collabSec02 .collabWallpaper img {
	box-shadow: 0px 3px 6px rgba(0,0,0,0.301);
	pointer-events: none;
}
.campSec .campInner {
	margin: 100px auto 0;
	text-align: center;
	max-width: 900px;
	position: relative;
}
.campSec .campInner .campEnd {
	position: absolute;
	background: rgba(170,170,170,.85);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
	font-size: 30px;
	font-weight: 700;
}
.campSec .campInner h3 {
	font-size: 18px;
	padding-top: 50px;
	position: relative;
	border-bottom: 2px solid #ff59b9;
	display: inline-block;
	margin: 0 auto 50px;
	font-weight: 600;
	padding-bottom: .5em;
	width: 800px;
	box-sizing: border-box;
}
.campSec .campInner h3::before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #ff59b9 transparent transparent transparent;
}
.campSec .campInner h3::after {
	position: absolute;
	bottom: -12px;
	left: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #fff6ff transparent transparent transparent;
}
.campSec .campInner .campDetail {
	display: flex;
	justify-content: space-between;
	width: 800px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.campSec .campInner .campDetail figure {
	flex-basis: 45%;
	margin-left: 0;
}
.campSec .campInner .campDetail dl {
	font-size: 18px;
	flex-basis: 49%;
}
.campSec .campInner .campDetail dl dt {
	font-size: 20px;
	font-weight: 500;
}
.campSec .campInner .campDetail dl dd {
	font-size: 16px;
	text-align: left;
	margin-top: 1.5em;
}
.campSec .campInner .campDetail .campLink {
	border: 1px solid #ff59b9;
	text-align: center;
	box-shadow: 3px 3px #ff59b9;
	margin-top: 2em;
	transition: all .3s;
	position: relative;
	bottom: 0;
	pointer-events: none;
}
.campSec .campInner .campDetail .campLink:hover {
	box-shadow: 0px 0px #ff59b9;
	bottom: -3px;
	opacity: .9;
}
.campSec .campInner .campDetail .campLink a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 1em;
	box-sizing: border-box;
	font-weight: 600;
}
.eventSec {
	background: rgba(180,187,191,.1);
}
.campSec .snsCampInner {
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 50px;
}
.campSec .snsCampInner h3 {
	position: relative;
    border-bottom: 2px solid #ff59b9;
    width: 800px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
	margin: 0 auto;
    padding-bottom: .5em;
}
.campSec .snsCampInner h3::before {
	position: absolute;
    bottom: -15px;
    left: 50%;
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 12px 0 12px;
    border-style: solid;
    border-color: #ff59b9 transparent transparent transparent;
}
.campSec .snsCampInner h3::after {
	position: absolute;
    bottom: -12px;
    left: 50%;
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 12px 0 12px;
    border-style: solid;
    border-color: #FFF6FF transparent transparent transparent;
}
.campSec .snsCampInner .snsCampDetail>ul {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 100px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.campSec .snsCampInner .snsCampDetail>ul>li {
	width:calc(100% / 2 - 50px);
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: #fff;
    padding: 3% 5%;
    box-sizing: border-box;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
}
.campSec .snsCampInner .snsCampDetail>ul>li>div {
	position: relative;
	width: 100%;
}
.campSec .snsCampInner .snsCampDetail img.campTitle {
	width: 280px;
	height: 100px;
	margin-bottom: 10%;
}
.campSec .snsCampInner .snsCampDetail img.campImg {
	width: 390px;
	margin-bottom: 5%;
	object-fit: contain;
}
.campSec .snsCampInner .snsCampDetail img.campImg.camp02img{
	width: 300px;
	display: block;
	margin: 0 auto;
}
.campSec .snsCampInner .snsCampDetail img.comingsoon {
	width: 340px;
	height: 45px;
}
.campSec .snsCampInner .snsCampDetail>ul>li p {
	width: 100%;
	font-size: 16px;
	text-align:left;
	margin-top: 5%;
	margin-bottom: 10%;
}
.campSec .snsCampInner .snsCampDetail a.campBtn {
	width: 390px;
  	display:flex;
  	justify-content:center;
	align-items: center;
	height: 65px;
	border-radius: 100px;
	background: #1DA1F2;
	margin: 0 auto;
	margin-bottom: 5%;
	text-decoration: none;
	box-shadow: 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.campSec .snsCampInner .snsCampDetail a.campBtn.camp02Btn {
	background-image: linear-gradient(45deg, #FFE601 0%, #E026FF 100%);
	padding: 0px 15px;	
}
.campSec .snsCampInner .snsCampDetail a.campBtn:hover {
	box-shadow: none;
	transform: translate3d(0, 3px, 0);
	transition: .3s;
}
.campSec .snsCampInner .snsCampDetail .campBtn>img {
	width: 35px;
}
.campSec .snsCampInner .snsCampDetail .campBtn>p {
	width: auto;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-left: 0.5em;
	margin-top: 0;
	margin-bottom: 0;
}
.campSec .snsCampInner .snsCampDetail .snsCampEnd {
	position: absolute;
    background: rgba(255,255,255,.85);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    font-size: 20px;
	color: #ee1bee;
    font-weight: 700;
}

@media screen and (max-width: 479px) {
	.collabInner .collabSec01 {
		padding-bottom: 20vw;
	}
	.collabInner .collabSec01 h2,
	.collabInner .eventSec h2 {
		padding-top: 20vw;
	}
	.collabInner .collabSec01 h3 span,
	.collabInner .collabSec02 h3 span {
		margin-top: 10vw;
		font-size: 5vw;
	}

	.collabInner .collabSec01 h3 span::after {
		/*top: -2.25vw;*/
		top: -0.25vw;
	}
	.collabInner .collabSec02 h3 span::after {
		/*top: -1.5vw;*/
        top: -0.5vw;
	}
	.collabInner .collabSec01 ul {
		width: 100%;
	}
	.collabInner .collabSec01 ul li,
	.collabInner .collabSec01 ul li.wideColumn>div.productDetail {
		width: 100%;
	}
	.collabInner .collabSec01 ul li,
	.collabInner .collabSec01 ul li.wideColumn {
		padding-bottom: 10%;
	}
	.collabInner .collabSec01 ul li,
	.collabInner .collabSec01 ul li>div:first-child {
		font-size: 4vw;
	}
	.collabInner .collabSec01 ul li.wideColumn {
		padding-left: 5%;
		padding-right: 5%;
	}
	.collabInner .collabSec01 ul li>div.collabImg,
	.collabInner .collabSec01 ul li.wideColumn>div.collabImg {
		margin-right: 0;
		width: 65%;
		min-height: auto;
	}
	.collabInner .collabSec01 ul li.wideColumn>div.productDetail {
		text-align: center;
	}
	.collabInner .collabSec01 ul li>div .collabName,
	.collabInner .collabSec01 ul li.wideColumn>div .collabName {
		font-size: 5.5vw;
	}
	.collabInner .collabSec01 ul li>div .collabSpec,
	.collabInner .collabSec01 ul li.wideColumn>div .collabSpec {
		font-size: 4vw;
	}
	.collabInner .collabSec01 ul li>div .collabPrice,
	.collabInner .collabSec01 ul li.wideColumn>div .collabPrice {
		font-size: 7vw;
	}
	.collabInner .collabSec01 ul li>div .collabPrice .tax,
	.collabInner .collabSec01 ul li.wideColumn>div .collabPrice .tax {
		font-size: 4.5vw;
	}
	.collabInner .collabSec01 ul li>div .collabLinkBtn a {
		font-size: 5vw;
	}
	.collabInner .collabSec01 ul li>div .collabName .spacer {
		width: 0;
		display: block;
	}
	.collabInner .collabSec02 {
		padding-bottom: 20vw;
	}
	.collabSec02 h2 {
		padding-top: 20vw;
	}
	.collabInner .collabSec02 .collabWallpaper.cs {
		justify-content: center;
	}
	.collabInner .collabSec02 .collabSticker.cs,
	.collabInner .collabSec02 .collabWallpaper.cs li {
		width: 90%;
		height: 50vw;
		margin-top: 5vw;
	}
	.collabInner .collabSec02 .cs img {
		width: 90%;
	}
	/*.collabSec02 .cs {
		margin: 20vw auto 15vw;
	}*/
	.campSec h2 {
		margin: 0 auto;
	}
	.campSec .campInner {
		margin-top: 15vw;
	}
	.campSec .campInner .campEnd {
		font-size: 5vw;
	}
	.campSec .campInner h3 {
		width: 90%;
		font-size: 4vw;
		padding-top: 8vw;
		margin-bottom: 10vw;
	}
	.campSec .campInner .campDetail {
		flex-wrap: wrap;
		width: 100%;
		padding-bottom: 8vw;
	}
	.campSec .campInner .campDetail figure,
	.campSec .campInner .campDetail dl {
		flex-basis: 90%;
		margin: 0 auto;
	}
	.campSec .campInner .campDetail figure figcaption {
		font-size: 3vw;
	}
	.campSec .campInner .campDetail dl dt {
		margin-top: 1em;
		font-size: 5vw;
	}
	.campSec .campInner .campDetail dl dd {
		font-size: 3.5vw;
		margin-top: 1em;
	}
	.campSec .snsCampInner .snsCampDetail .campBtn>img {
		width: 6vw;
	}
	.collabInner .couponSec .couponImg.sp {
		flex-direction: column;
	}
	.collabInner .couponSec .couponImg.sp>* {
		width: 70%;
	}
	.collabInner .eventSec h2+h3 {
		margin-top: 10vw;
	}
	.memberSec.dtnWrap h2,
	.memberSec.dtnWrap h3 {
		margin: 0 auto;
	}
	.collabInner .memberSec.dtnWrap ul {
		margin-left: auto;
		margin-right: auto;
	}
	.collabInner .memberSec.dtnWrap .memberLinkDtn {
		margin-left: auto;
		margin-right: auto;
	}
	.campSec .snsCampInner {
		padding-bottom: 0px;
	}
	.campSec .snsCampInner h3 {
		width: 100%;
	}
	.campSec .snsCampInner .snsCampDetail ul {
		width: 100%;
		flex-wrap: nowrap;
		flex-direction: column;
		align-content: center;
		align-items: center;
		margin-top: 3em;
    	margin-bottom: 0em;
	}
	.campSec .snsCampInner .snsCampDetail ul li {
		width: 100%;
		margin: 5% 0;
		padding: 10% 5%;
		font-size: 4vw;
	}
	.campSec .snsCampInner .snsCampDetail .campBtn {
		width: 100%;
	}
	.campSec .snsCampInner .snsCampDetail .campBtn>p {
		font-size: 4vw;
	}
	.campSec .snsCampInner .snsCampDetail img.comingsoon {
		width: 80%;
		height: auto;
		margin: 3em 0;
	}
	.campSec .snsCampInner .snsCampDetail .snsCampEnd {
		font-size: 4vw;
	}
}

/*---------------------------------------------------
2021/05/06追記　youtubeモーダル表示
----------------------------------------------------*/
.blocker,.modal {
  box-sizing:border-box
}
.blocker {
  position:fixed;
  top:0;
  right:0;
  bottom:0;left:0;
  width:100%;
  height:100%;
  overflow:auto;
  z-index:10000;
  padding:20px;
  background-color:#000;
  background-color:rgba(0,0,0,.75);
  text-align:center
}
.blocker:before {
  content:"";
  display:inline-block;
  height:100%;
  vertical-align:middle;
  margin-right:-.05em
 }
.blocker.behind {
  background-color:transparent
}
.modal {
  display:none;
  vertical-align:middle;
  position:relative;
  z-index:10000;
  max-width:1000px;
  width:90%;
  background:#242424;
  padding:15px;
  -webkit-box-shadow:0 0 10px #000;
  -moz-box-shadow:0 0 10px #000;
  -o-box-shadow:0 0 10px #000;
  -ms-box-shadow:0 0 10px #000;
  box-shadow:0 0 10px #000;
  text-align:left
}
.modal-spinner {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  transform:translateY(-50%) translateX(-50%);
  padding:10px;
  border-radius:5px;
  background-color:#111;
  height:20px
  }
.modal-spinner>div {
  border-radius:100px;
  background-color:#fff;
  height:20px;
  width:2px;
  margin:0 1px;
  display:inline-block;
  -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
  animation:sk-stretchdelay 1.2s infinite ease-in-out
}
.modal-spinner .rect2 {
  -webkit-animation-delay:-1.1s;
  animation-delay:-1.1s
}
.modal-spinner .rect3 {
  -webkit-animation-delay:-1s;
  animation-delay:-1s
}
.modal-spinner .rect4 {
  -webkit-animation-delay:-.9s;
  animation-delay:-.9s
 }
@-webkit-keyframes sk-stretchdelay {
  0%,100%,40%{-webkit-transform:scaleY(.5)}
  20%{-webkit-transform:scaleY(1)}}
@keyframes sk-stretchdelay{
  0%,100%,40%{transform:scaleY(.5);
  -webkit-transform:scaleY(.5)}
  20%{transform:scaleY(1);
  -webkit-transform:scaleY(1)
	}
}
.vdo-body {
  max-width: 100%;
  height: auto;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}
.collabInner .eventSec .eventChannel li .movieWrap>div {
  padding-top: 0;
  width: 100%;
}
.collabInner .eventSec .eventChannel li .movieWrap>div iframe {
  width: 90%;
  left: 5%;
}
.modal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.collabInner .eventSec .eventChannel li a.modal-open {
  width: 90%;
  height: 100%;
  position: absolute;
  margin-top: 0px;
  top: 0;
  left: 5%;
  z-index: 6;
}
.collabInner .eventSec .eventChannel li a.modal-open:before {
 content: none;
}
.collabInner .eventSec .eventChannel li a.modal-open:after {
 content: none;
}
div.modal a.close-modal {
  background-color: #000;
  border: 2px solid #242424;
  border-radius: 50%;
  display: block;
  width: 26px;
  height: 26px;
  padding: 10px;
  overflow: hidden;
  position: absolute;
  top: -13px;
  right: -13px;
}
div.modal a.close-modal:hover {
  background-color: #424242;
}
div.modal a.close-modal::before,
div.modal a.close-modal::after {
  background-color: #999;
  content: '';
  display: block;
  width: 2px;
  height: 24px;
  margin-left: -1px;
  position: absolute;
  left: 50%;
}
div.modal a.close-modal::before {
  transform: rotate(-45deg);
}
div.modal a.close-modal::after {
  transform: rotate(45deg);
}
@media screen and (max-width: 479px) {
.collabInner .eventSec .eventChannel li a.modal-open {
    display: none;
  }
}