<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

:root {
	/* base */
	--cts-gutter: 25px;
	--cts-width: 1050px;

	/* font */
	--dp-font: "Noto Sans JP", sans-serif;
	/* Noto Sans JP
	Noto Sans JP Regular 400
	Noto Sans JP Medium 500
	Noto Sans JP Bold 600
	Noto Sans JP Black 900
	*/
	--cts-font: ab-j-gu,sans-serif;
	/* AB-j_gu Regular
	AB-j_gu Regular Regular 400
	*/
	--cts-font-02: ruika,sans-serif;
	/* G2サンセリフ-U RoG2サンセリフStd-U
	*/

	--cts-font-size: clamp(12px,3.2vw,16px);
	--cts-font-ls: .05em;/*letter-spacing*/
	--cts-font-ls-02: .03em;

	/* color */
	--cts-color: #484848;
	--cts-color-purple: #70249B;
	--cts-color-blue: #24309B;
	--cts-color-orange: #D94300;
}


/* LP共通汎用
____________________*/
#container {
	width: 100%;
	margin: auto;
}
.column2R #main {
	float: none;
	width: auto;
}
.breadCrumb {
	margin: 0 auto !important;
  max-width: 1050px !important;
}
.pagetop {
	margin: 0 auto;
	width: 1050px;
}
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius: 5px;
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
}
figure {
	margin: 0;
}
img {
	image-rendering: -webkit-optimize-contrast;
}
.sp {
	display: none !important;
}
#s_container {
	font-family: var(--dp-font);
	width: 100%;
	margin: 10px auto;
  overflow: hidden;
}
.contentsWrap {
	width: 100%;
	color: var(--cts-color);
	font-size: var(--cts-font-size);
}
.contentsWrap img {
	max-width: 100%;
}
.clearfix:after, #nav1:after, #nav2:after, #nav3:after, #container:after, #contents:after, #footerNav:after {
	content: none !important;
}

@media (max-width: 479px) {
	#container {
		margin-bottom: 0 !important;
	}
	.leadSection.clearfix,
  .breadCrumb {
		display: none;
	}
}


/* コンテンツ汎用
____________________*/
.contentsWrap {
	background: url(../5info/img/collab_vspo/content_bg.webp);
	background-size: contain;
}
.contents {
	width: clamp(300px,100%,calc(var(--cts-width) +  var(--cts-gutter) * 2));
	margin-inline: auto;
	padding-block-start: clamp(80px,21.33vw,140px);
	padding-block-end: clamp(130px,34.67vw,265px);
	padding-inline: var(--cts-gutter);
	box-sizing: border-box;
}
.contents__heading {
	position: relative;
	bottom: -2px;
}
.heading__img {
	position: relative;
	display: block;
	z-index: 10;
}
.heading__randombg {
	position: absolute;
	width: clamp(9.75rem, 2.171rem + 25.26vw, 18.75rem);
	bottom: -15px;
}
.heading__randombg--left {
	left: clamp(5px,1.33vw,10px);
}
.heading__randombg--right {
	right: clamp(5px,1.33vw,10px);
}
.contents__ttl {
	--ttl-position: -35px;
	position: absolute;
	top: calc(-1em + var(--ttl-position));
	left: 50%;
	font-size: clamp(27px,8vw,50px);
	font-family: var(--cts-font);
	font-weight: 400;
	text-align: center;
	color: #fff;
	letter-spacing: var(--cts-font-ls);
	line-height: 1;
	transform: translateX(-50%);
}
.contents__ttl::after {
	content: "";
	position: absolute;
	width: 319px;
	height: 12px;
	bottom: var(--ttl-position);
	left: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	transform: translateX(-50%);
}


/* mv
____________________*/
.contents--mv {
	width: 100%;
	padding: 0;
}
.contents--mv img {
	width: 100%;
	padding: 0;
}


/* product
____________________*/
.contents--product {
	--cts-width: 900px;
}
.product__inner {
	position: relative;
	padding-block-end: clamp(40px,10.67vw,80px);
	padding-inline: clamp(20px,5.33vw,80px);
	background: #FADBFF;
	border-radius: 0 0 clamp(40px,10.67vw,60px) clamp(40px,10.67vw,60px);
	z-index: 100;
}
.product .contents__ttl {
	text-shadow: 1px 5px 0px var(--cts-color-purple);
	-webkit-text-stroke: var(--cts-color-purple) 3px;
}
.product .contents__ttl::after {
	background-image: url(../5info/img/collab_vspo/contents_ttl_line_product.webp);
}
.product__type {
	padding-block-start: clamp(30px,8vw,50px);
	font-size: clamp(18px,4.8vw,30px);
	font-family: var(--cts-font);
	font-weight: 400;
	text-align: center;
	text-shadow: 0px 3px 0px #FFFFFF;
	color: var(--cts-color-purple);
	line-height: 1.2;
	letter-spacing: var(--cts-font-ls);
}
.product__type--note {
	padding-block-start: clamp(50px,13.33vw,100px);
}
.product__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: clamp(20px,5.33vw,40px);
	padding-block-start: clamp(15px,4vw,25px);
}
.product__item {
	position: relative;
	width: clamp(230px,100%,350px);
	padding-block: clamp(25px,8vw,35px);
	padding-inline: clamp(15px,4vw,40px);
	background: #fff;
	border-radius: clamp(30px,8vw,50px);
	text-align: center;
	box-sizing: border-box;
}

.product__item--cloud::before,
.product__item--cloud::after {
	content: "";
	position: absolute;
	width: 200px;
	height: 110px;
	background-repeat: no-repeat;
	background-size: cover;
}
.__cloud01::before {
	left: -200px;
	bottom: -70px;
	background-image: url(../5info/img/collab_vspo/product_cloud_02.webp);
}
.__cloud01::after {
	top: -40px;
	right: -205px;
	background-image: url(../5info/img/collab_vspo/product_cloud_01.webp);
}
.__cloud02::before {
	left: -140px;
	top: -125px;
	background-image: url(../5info/img/collab_vspo/product_cloud_01.webp);
}
.__cloud02::after {
	right: -235px;
	bottom: -55px;
	background-image: url(../5info/img/collab_vspo/product_cloud_02.webp);
}
.__cloud03::before {
	left: -235px;
	top: 50%;
	background-image: url(../5info/img/collab_vspo/product_cloud_02.webp);
}
.__cloud03::after {
	content: none;
}
.__cloud04::before {
	content: none;
}
.__cloud04::after {
	right: -150px;
	bottom: -110px;
	background-image: url(../5info/img/collab_vspo/product_cloud_01.webp);
}
.product__catch {
	--bottom: clamp(-15px,-2.67vw,-10px); 
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3em;
	margin-block-end: calc(10px - var(--bottom));
	font-size: clamp(15px,4vw,18px);
	color: var(--cts-color-purple);
}
.product__catch::after {
	content: "";
	position: absolute;
	width: 100%;
	height: clamp(5px,1.33vw,6px);
	bottom: var(--bottom);
	left: 50%;
	background-image: url(../5info/img/collab_vspo/product_catch_line.webp);
	background-size: contain;
	background-repeat: repeat-x;
	transform: translateX(-50%);
}
.product__img {
	width: clamp(170px,45.33vw,210px);
	margin-inline: auto;
    display: flex;
    align-items: center;
}
.product__detail {
	margin-block-start: clamp(10px,2.67vw,12px);
}
.product__name {
	font-size: clamp(15px,4vw,18px);
	font-weight: 500;
	word-break: keep-all;
}
.product__spec {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-block-start: clamp(10px,2.67vw,12px);
}
.product__spec li {
	--spec-arrow: clamp(3.5px,.93vw,4.5px);
	position: relative;
	display: flex;
	align-items: center;
	padding-inline-start: calc(clamp(7px,1.87vw,9px) + var(--spec-arrow));
	font-size: clamp(12px,3.47vw,14px);
	letter-spacing: var(--cts-font-ls-02);
}
.product__item:not(.product__item--wide) .product__spec li:nth-child(n+2) {
	margin-block-start: 5px;
}
.product__spec li::before {
	content: "";
	position: absolute;
	display: inline-block;
	width: var(--spec-arrow);
	height: var(--spec-arrow);
	left: 0;
	border-bottom: solid 1px var(--cts-color-purple);
	border-right: solid 1px var(--cts-color-purple);
	transform: rotate(-45deg);
}
.product__detailinner {
	margin-block-start: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product__price {
	font-size: clamp(16px,4.27vw,21px);
	letter-spacing: var(--cts-font-ls);
}
.product__tax {
	font-size: var(--cts-font-size);
}
.product__linkbox {
	/*margin-block-start: clamp(13px,3.47vw,15px);*/
}
.product__link {
	position: relative;
	display: inline-block;
	width: clamp(200px,53.33vw,210px);
	bottom: 0;
	padding-block: clamp(5px,1.33vw,6px);
	border: 4px solid var(--cts-color-purple);
	border-radius: 60px;
	text-decoration: none !important;
	box-shadow: 3px 4px 0px #0000002e;
	box-sizing: border-box;
	transition: all .25s;
    text-align: center;
}
.product__link:hover {
	bottom: -3px;
	box-shadow: 1px 1px 0px #0000002e;
	animation-name: hover-flash;
	animation-duration: 1s;
	opacity: .7;
}
@keyframes hover-flash {
	0% {
		opacity: .3;
	}
	100% {
		opacity: .85;
	}
}
.product__link span {
	position: relative;
	font-weight: 600;
	color: var(--cts-color-purple) !important;
	letter-spacing: var(--cts-font-ls);
	z-index: 10;
}


/* benefit
____________________*/
.contents--benefit {
	width: 100%;
	padding: 0;
}
.benefit .heading__img {
	min-width: 1920px;
	max-height: 360px;
	left: 50%;
	text-align: center;
	overflow: hidden;
	transform: translateX(-50%);
}
.benefit .heading__img img {
	width: 100%;
}
.benefit .heading__randombg {
	bottom: 90px;
}
.benefit .heading__randombg--left {
	left: calc(50% - clamp(9.438rem, 1.595rem + 26.14vw, 18.75rem));
}
.benefit .heading__randombg--right {
	right: calc(50% - clamp(9.438rem, 1.595rem + 26.14vw, 18.75rem));
}
.benefit .contents__ttl {
	text-shadow: 1px 5px 0px var(--cts-color-blue);
	-webkit-text-stroke: var(--cts-color-blue) 3px;
}
.benefit .contents__ttl::after {
	background-image: url(../5info/img/collab_vspo/contents_ttl_line_benefit.webp);
}
.benefit__inner {
	position: relative;
	background: #CBF0FF;
	padding-block-start: clamp(40px,10.37vw,70px);
	padding-inline: var(--cts-gutter);
	z-index: 100;
}
.benefit__box {
	position: relative;
	width: clamp(270px,100%,var(--cts-width));
	margin-inline: auto;
	padding-block: clamp(25px,6.67vw,50px);
	padding-inline: 20px;
	background: #A7D9EE;
	border-radius: clamp(30px,8vw,60px);
	box-sizing: border-box;
}
.benefit__box:nth-child(n+3) {
	margin-block-start: clamp(40px,10.37vw,60px);
}
.benefit__box::before,
.benefit__box::after {
	content: "";
	position: absolute;
	width: clamp(9.438rem, 1.595rem + 26.14vw, 18.75rem);
	height: clamp(4.781rem, 0.808rem + 13.25vw, 9.5rem);
	background-repeat: no-repeat;
	background-size: cover;
}
.benefit__box--sticker::before {
	top: 30px;
	left: 0;
	background-image: url(../5info/img/collab_vspo/benefit_cloud_01.webp);
	transform: translateX(-37%);
}
.benefit__box--sticker::after {
	bottom: -20px;
	right: 0;
	background-image: url(../5info/img/collab_vspo/benefit_cloud_02.webp);
	transform: translateX(37%);
}
.benefit__box--wallpaper::before {
	bottom: -45px;
	left: 0;
	background-image: url(../5info/img/collab_vspo/benefit_cloud_01.webp);
	transform: translateX(-63%);
}
.benefit__box--wallpaper::after {
	content: none;
}
.benefit__ttl {
	position: absolute;
	top: 0;
	left: 50%;
	font-size: clamp(18px,4.8vw,30px);
	font-family: var(--cts-font);
	font-weight: 400;
	text-align: center;
	text-shadow: 0px 3px 0px #FFFFFF;
	color: var(--cts-color-blue);
	letter-spacing: var(--cts-font-ls);
	transform: translate(-50%,-50%);
    white-space: nowrap;
}
.benefit__sticker {
	text-align: center;
}
.benefit__box img {
	box-shadow: 0px 3px 6px #0000004D;
	pointer-events: none;
}
.benefit__box--wallpaper .font--02 {
	font-size: clamp(15px,4vw,28px);
	font-family: var(--cts-font-02);
    font-weight: 100;
    font-style: normal;
}
.benefit__wallpaper {
	display: flex;
	justify-content: center;
	gap: clamp(15px,4vw,35px);
}
.benefit__note {
	margin-block-start: clamp(15px,4vw,20px);
	font-weight: 500;
	color: var(--cts-color-blue);
	text-align: center;
}
.benefit .contents__bottom {
	position: relative;
	min-width: 1920px;
	left: 50%;
	text-align: center;
	overflow: hidden;
	transform: translateX(-50%);
}
.benefit .contents__bottom img {
	width: 100%;
}


/* vspo
____________________*/
/*.contents--vspo {
	padding-block-start: clamp(50px,13.33vw,140px);
	padding-block-end: clamp(50px,13.33vw,100px);
}*/
.vspo__ttl {
	text-align: center;
}
.vspo__list {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	gap: clamp(125px,33.33vw,145px) clamp(10px,2.67vw,30px);
	margin-block-start: clamp(125px,33.33vw,160px);
}
.vspo__item {
	position: relative;
	display: flex;
	flex-direction: column;
	width: clamp(280px,100%,330px);
	padding-block: clamp(100px,26.67vw,125px) clamp(15px,4vw,20px);
	padding-inline: clamp(20px,5.33vw,32px);
	background: #fff;
	border-radius: clamp(30px,8vw,40px);
	box-sizing: border-box;
	box-shadow: 0px 0px 15px #00000033;
}
.vspo__img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
}
.vspo__name {
	font-size: clamp(16px,4.27vw,25px);
	font-weight: 400;
	text-align: center;
}
.vspo__name:first-letter {
	font-size: clamp(21px,5.6vw,35px);
}
.vspo__name--purple:first-letter {
	color: #CE00FF;
}
.vspo__name--blue:first-letter {
	color: #0080FF;
}
.vspo__name--pink:first-letter {
	color: #F148B9;
}
.vspo__name--orange:first-letter {
	color: #FF8800;
}
.vspo__name--lightblue:first-letter {
    color: #0EB1F9;
}
.vspo__spec {
	margin-block-start: 5px;
	font-size: clamp(12px,3.2vw,14px);
	color: #888;
	text-align: center;
	letter-spacing: -0.025em;
}
.vspo__txt {
	margin-block-start: clamp(10px,2.67vw,11px);
	font-size: clamp(12px,3.2vw,14px);
}
.vspo__linklist {
	display: flex;
	justify-content: flex-end;
	gap: clamp(10px,2.67vw,13px);
	margin-block-start: auto;
	padding-block-start: clamp(12px,3.2vw,15px);
}
.vspo__linkitem a {
	position: relative;
	display: inline-block;
	width: 37px;
	transition: all .3s;
}
.vspo__linkitem a:hover {
	opacity: .7;
}
.vspo__linkitem a:hover::before,
.vspo__linkitem a:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 33px;
	height: 33px;
	border: 2px solid;
	border-radius: 50%;
	opacity: 1;
	animation: 1s circle forwards;
}
.vspo__linkitem a:hover::after {
	animation: 1s circle .3s forwards;
}
@keyframes circle {
	0%{
		transform: scale(0);
	}
	100%{
		transform: scale(1.5);
		opacity: 0;
	}
}
.vspo__linkitem:nth-child(1) a:hover::before,
.vspo__linkitem:nth-child(1) a:hover::after {
	border-color: #1da1f2;
}
.vspo__linkitem:nth-child(2) a:hover::before,
.vspo__linkitem:nth-child(2) a:hover::after {
	border-color: #ff0000;
}



/* special
____________________*/
.contents--special {
	--cts-width: 900px;
}
.special__inner {
	position: relative;
	padding-block: clamp(40px,10.67vw,80px);
	padding-inline: clamp(20px,5.33vw,80px);
	background: #FFE1A4;
	border-radius: 0 0 clamp(40px,10.67vw,60px) clamp(40px,10.67vw,60px);
	z-index: 100;
}
.special .contents__ttl {
	text-shadow: 1px 5px 0px var(--cts-color-orange);
	-webkit-text-stroke: var(--cts-color-orange) 3px;
}
.special .contents__ttl::after {
	background-image: url(../5info/img/collab_vspo/contents_ttl_line_special.webp);
}
.special__anchorlist {
	display: flex;
	justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
.special__anchor {
	position: relative;
	display: flex;
	align-items: center;
	/*width: 320px;*/
	bottom: 0;
	padding-block: clamp(5px,1.33vw,8px);
	padding-inline-start: clamp(45px,12vw,70px);
    padding-right: 2rem;
	background: #fff;
	border: 4px solid var(--cts-color-orange);
	border-radius: 60px;
	font-weight: 600;
	color: var(--cts-color-orange) !important;
	text-decoration: none !important;
	letter-spacing: var(--cts-font-ls);
	box-sizing: border-box;
	box-shadow: 3px 4px 0px #0000002E;
	transition: all .25s;
}
.special__anchor:hover {
	bottom: -3px;
	box-shadow: 1px 1px 0px #0000002E;
	animation-name: hover-flash;
	animation-duration: 1s;
	opacity: .7;
}
.special__anchoricon {
	position: absolute;
	display: inline-block;
	width: clamp(20px,5.33vw,22px);
	height: clamp(20px,5.33vw,22px);
	left: clamp(10px,2.67vw,25px);
	background: var(--cts-color-orange);
	border-radius: 50%;
}
.special__anchoricon::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: calc(50% + 1px);
	left: 50%;
	border-style: solid;
	border-color: transparent;
	border-width: 0.5em 0.375em;
	border-top-color: #fff;
	border-bottom: 0;
	transform: translate(-50%,-50%);
}
.special__box {
	--mbs: clamp(85px,22.67vw,172px);
	position: relative;
	width: clamp(230px,100%,740px);
	margin-block-start: clamp(25px,6.67vw,65px);
	margin-inline: auto;
	padding-block: clamp(20px,5.33vw,65px);
	padding-inline: 10px;
	background: #fff;
	border-radius: clamp(30px,8vw,50px);
	box-sizing: border-box;
}
.special__box--01::after {
	--h: 12px;
	content: "";
	position: absolute;
	width: 319px;
	height: var(--h);
	bottom: calc(var(--h) * -1 + var(--mbs) / 2 * -1 + var(--h) / 2);
	left: 50%;
	background-image: url(../5info/img/collab_vspo/contents_ttl_line_special.webp);
	background-size: contain;
	background-repeat: no-repeat;
	transform: translateX(-50%);
}
.special__box--02,
.special__box--03 {
	margin-block-start: var(--mbs);
}
.special__ttl {
	font-size: clamp(14px,3.73vw,22px);
	color: var(--cts-color-orange);
	text-align: center;
	line-height: 1.45;
}
.special__ttlinner {
	display: inline-block;
	margin-block-start: 6px;
	padding-block: 5px;
	padding-inline: clamp(15px,4vw,40px);
	background: var(--cts-color-orange);
	border-radius: clamp(30px,8vw,60px);
	font-size: clamp(15px,4vw,28px);
	color: #fff;
	letter-spacing: .015em;
}

.special__ttlinner.vsummer--inner{
	margin-block-start: 0px;
	margin-block-end: 6px;		
}
.special__ttl-sub {
    font-size: clamp(14px,3.73vw,22px);
    margin-block-start: clamp(20px,5.33vw,55px);
    color: var(--cts-color-orange);
    text-align: center;
}
.special__ttl-sub--02 {
	margin-block-start: clamp(40px, 0.441rem + 10.29vw, 110px);
}


.special__imgbox {
	margin-block-start: clamp(20px,5.33vw,55px);
	text-align: center;
}
.special__imgmodal {
	position: relative;
	display: inline-block;
	transition: all .25s;
}
.special__imgmodal:hover {
	animation-name: hover-flash;
	animation-duration: 1s;
	opacity: .7;
}
.special__imgmodal::after {
	content: "";
	position: absolute;
	width: clamp(35px,9.33vw,50px);
	height: clamp(35px,9.33vw,50px);
	top: 0;
	right: 0;
	background-image: url(../5info/img/collab_vspo/special_zoom_icon.webp);
	background-repeat: no-repeat;
	background-color: #D94300;
	background-size: 65%;
	background-position: center;
	transition: all .25s;
}
.special__imgmodal:hover::after {
	background-size: 75%;
}
.special__imgbox img {
	box-shadow: 0px 3px 10px #00000033;
}
.special__detail {
	display: grid;
	grid-template-columns: 140px auto;
	max-width: 600px;
	margin-block-start: clamp(10px,2.67vw,15px);
	margin-inline: auto;
}
.special__detailheading {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: clamp(13px,3.47vw,15px);
	font-weight: 600;
	color: var(--cts-color-orange);
	letter-spacing: .1em;
	border-bottom: 1px solid #dbdbdb;
}
.special__detailheading.__nb {
	border: none;
}
.special__detailtxt {
	border-bottom: 1px solid #dbdbdb;
	padding-block: clamp(15px,4vw,30px);
	font-size: clamp(12px,3.2vw,13px);
}
.special__detailtxt:last-child {
	padding-block-end: 0;
	border: none;
}
.special__detailtxt strong {
	display: block;
	font-size: clamp(15px,4vw,18px);
	letter-spacing: var(--cts-font-ls);
}


/*検証中*/

.special__ttlinner.vsummer--inner.vsummer--ttl{
	margin-block-start: 0px;
	margin-block-end: 6px;
	color: var(--cts-color-orange)!important;
	background: #FFFFFF;
}

p.vsummer--date{
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}

h3.vsummer__link.vsummer--innertxt {
    display: inline-block;
    bottom: 0;
    padding-block: clamp(3px,1.33vw,4px);
    padding-inline: clamp(15px,4vw,3.5em);
/*    background: var(--cts-color-orange)!important;*/
	background: #484848;
/*    border: 4px solid var(--cts-color-orange);*/
    border-radius: 40px;
    font-weight: 400;
    color: #FFFFFF!important;
    letter-spacing: var(--cts-font-ls);
    box-sizing: border-box;
  	box-shadow: none;
    transition: none;
}

h3.special__link.vsummer--innertxt:hover {
	opacity: none;

}

p.vsummer--tag{
	font-weight: bold!important;
	padding-block-end: clamp(0.313rem, 0.267rem + 0.23vw, 0.438rem);
}

strong a.vsummer--txt{
	color: #0062b0!important;
	text-decoration: underline;
	transition: 0.5s;
}

strong a.vsummer--txt:hover {
	opacity: 0.5!important;
}

.vsummer--dl--lastchild strong a::first-child{
	padding-bottom: 5px;
}

p.vsummer--url--pd {
	padding-bottom: clamp(0.313em, 0.224em + 0.44vw, 0.5em);
}

p.vsummer--url--pd.pdb {
	padding-bottom: clamp(1.563em, 1.474em + 0.44vw, 1.75em);
}

span.special__ttlinner.vsummer--inner.vsummer--ttl,
span.vsummer--heading,
span.vsummer--team,
span.vsummer--htag,
span.charaname {
	display: inline-block;
}

span.vsummer--annotation {
    font-size: clamp(0.75em, 0.809em + -0.29vw, 0.625em);
}

span.vsummer--team{
	padding-block-end: clamp(3px, 0.224em + 0.44vw, 5px);
}

span.charaname{
	font-size: clamp(1.25em, 0.955em + 0.23vw, 1.3em);
}

p.characters {
	padding-block-start: clamp(0.75em, 0.705em + 0.23vw, 0.875em);
}

p.characters.col--end{
	padding-block-end: clamp(3.188em, 2.119em + 0.34vw, 3.375em);
}

p.characters.col--end.padding0{
	padding-block-end: 0px!important;
}

span.vsummer--htag {
	color: rgb(29, 155, 240);
	transition: 0.5s;	
}

span.vsummer--htag:hover {
	color: rgb(29, 155, 240);
	opacity: 0.5!important;
}

figure.special__imgbox.vsummer--schedule--img{
	margin-block-start: 0!important;
}

a.vsummer--youtube{
	color: #0062b0!important;
    font-weight: bold!important;
	text-decoration: underline!important;
	transition: 0.5s;	
}

a.vsummer--youtube:hover{
	opacity: 0.5!important;
}

dl.special__detail.announce {
	display: block;
    max-width: 600px;
    margin-block-start: clamp(10px,2.67vw,15px);
    margin-inline: auto;
    font-size: 16px;
}

p.characters.announce {
	padding-block-start: clamp(0.188rem, 0.142rem + 0.23vw, 0.313rem);
	font-size:  clamp(0.625em, 0.58em + 0.23vw, 0.75em);
}

figure.special__imgbox.vsummer--schedule {
	margin-block-start: clamp(15px,5.33vw,30px);
}

/*    罫線消し解除　*/

.special__detailheading.nb{
	border: none;
}

.vsummer--dl--lastchild{
	border-bottom: 1px solid #dbdbdb!important;
    padding-block-end: clamp(15px,4vw,30px)!important;
}



.special__detailtxt strong.special__detaildate {
	font-size: clamp(17px,4.53vw,22px);
}
.special__detailtxt strong.special__detaildate span {
	font-size: clamp(13px,3.47vw,16px);
}
.special__notelist {
	padding-inline-start: 1em;
	line-height: 1.65;
}
.special__noteitem {
	list-style: "●";
}
.special__linkbox {
	margin-block-start: clamp(25px,6.67vw,45px);
	text-align: center;
}
.special__link {
	position: relative;
	display: inline-block;
	bottom: 0;
	padding-block: clamp(5px,1.33vw,8px);
	padding-inline: clamp(15px,4vw,3.5em);
	background: #fff;
	border: 4px solid var(--cts-color-orange);
	border-radius: 60px;
	font-weight: 600;
	color: var(--cts-color-orange) !important;
	text-decoration: none !important;
	letter-spacing: var(--cts-font-ls);
	box-sizing: border-box;
	box-shadow: 3px 4px 0px #0000002E;
	transition: all .25s;
}
.special__link:hover {
	bottom: -3px;
	box-shadow: 1px 1px 0px #0000002E;
	animation-name: hover-flash;
	animation-duration: 1s;
	opacity: .7;
}
.special__moviebox {
	max-width: 600px;
	margin-block-start: clamp(20px,5.33vw,55px);
	margin-inline: auto;
}
.special__movieinner {
	position: relative;
	height: 0;
	padding-block-end: 56.25%;
	box-shadow: 0px 3px 10px #00000033;
	overflow: hidden;
}
.special__movieinner iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.special__linkbox-wrap {
	display: flex;
	justify-content: center;
	gap: clamp(15px, 0.801rem + 0.68vw, 20px);
}


/* partner
____________________*/
.contents--partner {
	width: 100%;
	padding: 0;
	color: #fff;
}
.partner .heading__img {
	min-width: 1920px;
	max-height: 360px;
	left: 50%;
	text-align: center;
	overflow: hidden;
	transform: translateX(-50%);
}
.partner .heading__img img {
	width: 100%;
}
.partner .heading__randombg {
	bottom: 90px;
}
.partner .heading__randombg--left {
	left: calc(50% - 300px);
}
.partner .heading__randombg--right {
	right: calc(50% - 300px);
}
.partner__inner {
	position: relative;
	bottom: -1px;
	padding-block-start: clamp(30px,8vw,50px);
	background: linear-gradient(180deg, #022061 0%, #022061 100%);
	z-index: 100;
}
.partner .contents__ttl::after {
	background-image: url(../5info/img/collab_vspo/contents_ttl_line_partner.webp);
}
.partner__ttl {
	font-size: clamp(18px,4.8vw,30px);
	font-family: var(--cts-font);
	font-weight: 400;
	text-align: center;
	letter-spacing: var(--cts-font-ls);
}
.partner__list {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: clamp(15px,4vw,100px);
    max-width: 1000px;
    margin-inline: auto;
    padding-block-start: clamp(20px,5.33vw,65px);
}
.partner__copy {
	margin-block-start: clamp(50px,13.33vw,100px);
	text-align: center;
}
.partner__copy small {
	font-size: var(--cts-font-size);
}

   
    
/* product__item--wide
____________________*/

.product__item--wide .product__img {
    max-width: 235px;
    width: 100%;
    min-width: 200px;
	}
.product__item--wide::after {
   content: "";
   display: block;
   clear: both;
}

@media (min-width: 950px) { 
	.product__item.product__item--wide {
		width: 100%;
		margin-inline: auto;
	}    
	.product__item--wide .product__catch {
		height: 3em;
        margin-block-end: calc(10px - var(--bottom));
        font-size: clamp(15px,4vw,18px);
        color: var(--cts-color-purple);
        width: 400px;
        float: right;
        justify-content: flex-start;
        height: 75px;
        text-align: left;
	}
	.product__item--wide .product__img {
        float: left;
	}
    .product__item--wide .product__detail{
		margin-block-start: 1rem;
        width: 400px;
        float: right;
    } 
	.product__item--wide .product__name {
		text-align: left;
	}
	.product__item--wide .product__spec {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-block-start: 0;
        flex-wrap: wrap;
	}
}


@media (max-width: 949px) {
	.product__item.product__item--wide,.product__item--wide .product__catch,.product__item--wide .product__img,.product__item--wide .product__detail {
        width: 100%;
        float: none;
        justify-content: flex-start;
        text-align: left;
	}
    
	.product__item--wide .product__name {
		text-align: center;
	}
	.product__item--wide .product__spec {
        flex-direction: column;
	}
	.product__item--wide .product__detailinner {
		flex-direction: column;
        gap: 20px;
	}    
} 
    
 

/* モバイル
____________________*/
@media (max-width: 1100px) {
	.benefit__box--sticker::before {
		transform: translateX(-45%);
	}
	.vspo__list {
		width: min(100%,var(--cts-width));
	}
	.vspo__item {
		width: clamp(280px,calc(100%/3 - 1.8vw),330px);
	}
}
@media (max-width: 768px) {
	.benefit__box--sticker::after {
		transform: translateX(45%);
	}
	.benefit__wallpaper {
		flex-wrap: wrap;
	}

	dl.special__detail.announce {
    font-size: clamp(0.75em, 0.705em + 0.23vw, 0.875em);
	}	
	
}
@media (max-width: 479px) {
	#s_container {
		margin: auto;
	}
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}

	.heading__randombg {
		width: 40vw;
		bottom: -10px;
	}
	.product .contents__ttl {
		--ttl-position: -25px;
		width: 100%;
		top: -.5em;
	}
	.product .contents__ttl::after {
		width: 65%;
	}
	.product__type {
		padding-block-start: clamp(50px,15.63vw,70px);
	}
	.product__item--cloud::before,
	.product__item--cloud::after {
		width: 100px;
		height: 55px;
	}
	.__cloud01::before {
		bottom: -35px;
		left: -100px;
	}
	.__cloud01::after {
		right: -100px;
	}
	.__cloud02::before {
		left: -70px;
		top: -62.5px;
	}
	.__cloud02::after {
		bottom: -27.5px;
		right: -110px;
	}
	.__cloud03::before {
		left: -110px;
	}
	.__cloud04::after {
		right: -75px;
		bottom: -55px;
	}
	.product__catch {
		height: 4rem;
	}
	.benefit .heading__img {
		min-width: auto;
		max-height: none;
		left: auto;
		transform: none;
	}
	.benefit .heading__randombg {
		bottom: 80px;
	}
	.benefit .heading__randombg--left {
		left: calc(50% - 40vw);
	}
	.benefit .heading__randombg--right {
		right: calc(50% - 40vw);
	}
	.benefit .contents__ttl {
		width: 100%;
	}
	.benefit .contents__ttl::after {
		width: calc((100% - var(--cts-gutter) * 2) * .65);
	}
	.benefit__ttl {
		width: 100%;
	}
	.benefit__sticker,
	.benefit__wallpaper {
		width: 80%;
		margin-inline: auto;
	}
	.benefit__box::before,
	.benefit__box::after {
		width: 151px;
		height: 76.5px;
	}
	.benefit__box--sticker::before {
		top: 15px;
		transform: translateX(-75%);
	}
	.benefit__box--sticker::after {
		bottom: -10px;
		transform: translateX(70%);
	}
	.benefit__box--wallpaper::before {
		bottom: -22.5px;
		transform: translateX(-70%);
	}
	.benefit .contents__bottom {
		min-width: auto;
		left: auto;
		transform: none;
	}
	.vspo__ttl {
		width: max(250px,70%);
		margin-inline: auto;
	}
	.vspo__list {
		justify-content: center;
	}
	.vspo__item {
		width: clamp(270px,100%,330px);
	}
	.vspo__img {
		width: 80%;
	}
	.vspo__spec {
		margin-block-start: 0;
	}
	.vspo__linkitem a {
		width: 30px;
	}
	.vspo__linkitem a:hover::before,
	.vspo__linkitem a:hover::after {
		width: 26px;
		height: 26px;
	}
	.special .contents__ttl {
		--ttl-position: -25px;
		width: 100%;
		top: -.5em;
	}
	.special .contents__ttl::after {
		width: 65%;
	}
	.special__anchorlist {
		padding-block-start: 10px;
	}
	.special__anchoritem {
		width: 100%;
	}
	.special__anchor {
		justify-content: center;
		width: 100%;
		padding-inline-start: 0;
        padding-right: 0;
	}
	.special__ttlinner {
		width: 100%;
		box-sizing: border-box;
	}
	.special__detail {
		display: flex;
		flex-direction: column;
		width: 90%;
		text-align: center;
	}
	.special__detailheading {
		padding-block-start: clamp(15px,4vw,30px);
		border-bottom: none;
	}
	.special__detailtxt {
		padding-block-start: 5px;
	}
	.special__notelist {
		text-align: left;
	}
	.special__box--01::after,
	.special__box--02::after {
		width: 80%;
	}
	.partner .heading__img {
		min-width: auto;
		max-height: none;
		left: auto;
		transform: none;
	}
	.partner .heading__randombg {
		bottom: 80px;
	}
	.partner .heading__randombg--left {
		left: calc(50% - 40vw);
	}
	.partner .heading__randombg--right {
		right: calc(50% - 40vw);
	}
	.partner .contents__ttl {
		width: 100%;
	}
	.partner .contents__ttl::after {
		width: calc((100% - var(--cts-gutter) * 2) * .65);
	}
	.partner__img {
		width: 85%;
		margin-inline: auto;
	}
	
	
	.special__ttlinner.vsummer--inner.vsummer--ttl {
		font-size: clamp(15px,4vw,28px);
	}	

	p.vsummer--url--pd.pdb {
        padding-bottom: clamp(1.563em, 1.474em + 0.44vw, 1.75em);
    }
    .special__linkbox-wrap {
		flex-direction: column;
	}
	.special__linkbox + .special__linkbox {
		margin-block-start: 0;
	}

	
}


/* fade
____________________*/
.fade {
	opacity: 0;
	transform: translateY(50px);
	transition: all .5s ease;
}
.fade.fadeShow {
	transform: translateY(0);
	opacity: 1;
}
.fade--random {
	opacity: 0;
	transition: all .5s ease-out .25s;
}
.fade--random.fadeShow {
	animation: fadeRandom .5s cubic-bezier(0.5, 2, 0.8, 0.7) .25s forwards;
	opacity: 1;
}
@keyframes fadeRandom {
	0% {
		transform: translateY(0);
	}
	0.5% {
		transform: translateY(125%) rotate(-45deg) scale(1.25);
	}
	100% {
		transform: translateY(0) rotate(0deg) scale(1);
	}
}
.fade.contents__ttl,
.fade.benefit__ttl {
	transform: translate(-50%,50px);
}
.fade.contents__ttl.fadeShow {
	transform: translate(-50%,0);
}
.fade--cloud01::before,
.fade--cloud01::after {
	opacity: 0;
	transition: all .5s ease;
}
.fade--cloud01::before {
	transform: translateX(-50px);
}
.fade--cloud01::after {
	transform: translateX(50px);
}
.fade--cloud01.fadeShow::before,
.fade--cloud01.fadeShow::after {
	transform: translateX(0);
	opacity: 1;
}
.fade.benefit__ttl.fadeShow {
	transform: translate(-50%,-50%);
}
.fade--delay01 {
	transition-delay: .2s;
}
.fade--delay02 {
	transition-delay: .4s;
}
@media (max-width: 479px) {
	.fade--delay01,
	.fade--delay02 {
		transition-delay: 0s;
	}
}


/* lightbox */
div.lightboxOverlay {
	z-index: 25000;
}
div.lightbox {
	z-index: 30000;
}
div.lb-outerContainer {
	background-color: transparent;
}
.lightbox .lb-outerContainer .lb-image {
	border-radius: 0;
}
.w90{
    width: 90%;
    margin: 0 auto;
}

</pre></body></html>