@charset "UTF-8";

a:hover
{
	background: none !important;
}

html
{
	background: #FFF url('/product/dl/rc/base_bg.png') -5% 0% repeat-x fixed;
	color: #555;
}

.width-wrapper
{
	width: calc(100% - 2rem);
	max-width: 1000px;
	margin: 1rem auto;
	background: #FFF;
	box-shadow: .3rem .3rem .5rem rgba(0, 0, 0, .2);
}

#product-dl-contents
{
	-webkit-user-select: none;
	user-select: none;
}

h1
{
	padding: .2rem .5rem;
	background: linear-gradient(to right, #DDD, #999);
	font-size: 1.4rem;
}

/* ワンライナー更新履歴 -*/
#one-liner
{
	padding: 0;
	background: url('/product/dl/rc/desc_border.png') top left repeat;
}
	
	#one-liner > .desc
	{
		padding: .2rem .5rem;
		background: rgba(255, 255, 255, .7);
		color: #FF8C16;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-size: 1.2rem;
		text-shadow: .1rem .1rem .1rem rgba(255, 122, 17, .3)
	}
	@media screen and (max-width: 664px) 
	{
		#one-liner > .desc
		{
			font-size: 1rem;
		}
	}

#promotion-title img
{
	width: 100%;
}

/* 概要 -*/
	
	#promotion-desc
	{
		width: calc(100% - 1rem);
		max-width: 800px;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		margin: 3rem auto;
		padding: .5rem;
		background: url('/product/dl/rc/desc_border.png') top left repeat;
	}
		
		#promotion-desc > .subject
		{
			margin: 0 auto .5rem;
			border-radius: 5rem;
			padding: .2rem 4rem;
			background: rgba(255, 255, 255, .9);
			color: #FF8C16;
		}
		
		#promotion-desc > .desc
		{
			display: flex;
			flex-flow: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			border-radius: .5rem;
			padding: 2rem 3rem;
			background: rgba(255, 255, 255, .9);
			font-family: 'M PLUS Rounded 1c', sans-serif;
		}
		@media screen and (max-width: 664px) 
		{
			#promotion-desc > .desc
			{
				font-size: 1.2rem;
			}
		}
		#promotion-desc > .desc p
		{
			margin: 0;
		}
		#promotion-desc > .desc p + p
		{
			margin-top: .5rem;
		}

/* ショップ注意事項 -*/
	
	#shop-attention
	{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin: .5rem auto 0;
		border-radius: .5rem;
		padding: .2rem 1rem;
		background: rgba(255, 255, 255, .9);
		color: #090;
		font-size: 1.2rem;
	}
	@media screen and (max-width: 664px) 
	{
		#shop-attention
		{
			font-size: 1rem;
		}
	}




/* プロモーションバナー -*/
	
	#promotion-banner
	{
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
	}
		
		#promotion-banner a
		{
			display: block;
			width: calc(100% - 1rem);
			margin: 0 auto;
			box-shadow: 0 0 .5rem rgba(255, 0, 0, .3);
		}
			
			#promotion-banner img
			{
				display: block;
				width: 100%;
				height: auto;
				object-fit: scale-down;
			}





/* パッケージリスト フィルターコントローラー -*/
	#list-filter
	{
		margin: 3rem 1rem;
		border: dotted 2px #3D96FC;
		border-radius: .5rem;
		padding: .2rem;
		background: linear-gradient(135deg, #EFEFEF, #DFDFDF);
		background: linear-gradient(0deg, rgba(186, 237, 255, .3), rgba(186, 237, 255, 0));
		color: #3D96FC;
	}
		
		#list-filter .subject
		{
			border-radius: .5rem;
			padding: .2rem .5rem;
			font-size: .8rem;
			font-weight: bold;
		}
			
			#list-filter dl
			{
				display: flex;
				flex-flow: wrap;
				margin: 0;
				padding: 0;
				font-size: 1.2rem;
			}
				
				#list-filter dt
				{
					display: flex;
					align-items: flex-start;
					width: 7rem;
					margin: 0;
					padding: .2rem .5rem;
					font-weight: bold;
				}
				
				#list-filter dd
				{
					width: calc(100% - 8rem);
					margin: 0;
					padding: 0;
				}
					
					#list-filter dd ul
					{
						list-style: none;
						display: flex;
						flex-flow: wrap;
						justify-content: flex-start;
						align-items: center;
						margin: -.5rem 0 0 -.5rem;
						border-radius: .5rem;
						padding: .2rem;
						cursor: pointer;
					}
						
						#list-filter dd li
						{
							display: flex;
							justify-content: center;
							align-items: center;
							min-width: 7rem;
							margin: .5rem 0 0 .5rem;
							border-radius: .5rem;
							padding: .2rem .5rem;
							cursor: pointer;
						}
						
				#list-filter dd + dt
				{
					margin: .8rem 0 0;
				}
				#list-filter dd + dt + dd
				{
					margin: .8rem 0 0;
				}
				
			@media screen and (max-width: 664px)
			{
				#list-filter dl
				{
					flex-flow: column;
				}
				
				#list-filter dt
				{
					width: 100%;
				}
				
				#list-filter dd
				{
					width: 100%;
				}
				
				#list-filter dd li
				{
					padding: 1rem .5rem;
				}
				
			}
	
	
	/* フィルターボタン --*/
		
		/* 無効状態 */
		.flt-os-btn,
		.flt-age-btn
		{
			border: dashed 1px #BBB;
			background: #DDD;
			color: #999;
		}
		/* OS: 全て有効の場合 */
		.flt-os-all .flt-os-btn.all,
		.flt-os-all .flt-os-btn.win11,
		.flt-os-all .flt-os-btn.win10,
		.flt-os-all .flt-os-btn.win8,
		.flt-os-all .flt-os-btn.win7,
		.flt-os-all .flt-os-btn.winleg,
		.flt-os-all .flt-os-btn.consumer,
		/* OS: 各カテゴリー有効の場合 */
		.flt-os-win11 .flt-os-btn.win11,
		.flt-os-win10 .flt-os-btn.win10,
		.flt-os-win8 .flt-os-btn.win8,
		.flt-os-win7 .flt-os-btn.win7,
		.flt-os-winleg .flt-os-btn.winleg,
		.flt-os-consumer .flt-os-btn.consumer,
		/* 年齢: 全て有効の場合 */
		.flt-age-all .flt-age-btn.all,
		.flt-age-all .flt-age-btn.adult,
		.flt-age-all .flt-age-btn.nolimit,
		/* 年齢: 各カテゴリー有効の場合 */
		.flt-age-adult .flt-age-btn.adult,
		.flt-age-nolimit .flt-age-btn.nolimit
		{
			border: solid 1px #72C6FC;
			background: #3D96FC;
			color: #FFF;
		}
		
	/* フィルター時パッケージ表示 --*/
		
		.item
		{
			display: none;
		}
		#pickup-group .item,
		#windows10-group .item,
		.flt-os-all .item,
		.flt-os-win11 .item.win11,
		.flt-os-win10 .item.win10,
		.flt-os-win8 .item.win8,
		.flt-os-win7 .item.win7,
		.flt-os-winleg .item.winleg,
		.flt-os-consumer .item.consumer
		{
			display: list-item;
		}
		.flt-age-nolimit .item.adult,
		.flt-age-adult .item.nolimit
		{
			display: none !important;
		}
		




/* パッケージリスト ピックアップグループ -*/
	
	#pickup-group
	{
		position: relative;
		margin: 5rem auto 5rem;
		border-style: dotted none;
		border-width: 5px;
		border-color: #FF3F87;
		background: url('/product/dl/rc/pickup_bg.jpg') 120% 0% repeat-x;
	}
		#pickup-group > .subject
		{
			z-index: 2;
			position: absolute;
			top: -2rem;
			right: 0;
		}
		
	#pickup-group .package-list
	{
		justify-content: center;
		padding: 5rem 0;
	}





/* パッケージリスト Windows10グループ -*/
	
	#windows10-group
	{
		position: relative;
		margin: 5rem 3rem 5rem 2rem;
		border-style: solid;
		border-width: 2px;
		border-color: #0744A5;
		padding: .5rem 1rem;
		background: #FFF;
		box-shadow: 2rem 2rem .5rem rgba(7, 68, 165, 1);
	}
	@media screen and (max-width: 664px) 
	{
		#windows10-group
		{
			margin: 3rem 1rem 3rem .5rem;
			box-shadow: .5rem .5rem .2rem rgba(7, 68, 165, 1);
		}
	}
		
		#windows10-group > .subject
		{
			position: relative;
		}
			
			#windows10-group > .subject img
			{
				width: 100%;
				max-width: 800px;
				height: auto;
				object-fit: scale-down;
			}
			
		#windows10-group > .desc
		{
			padding: 2rem 1rem;
			color: #0744A5;
			text-align: center;
			letter-spacing: .5rem;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			font-size: 1.8rem;
			font-weight: bold;
		}
			
			#windows10-group > .desc sup
			{
				letter-spacing: 0;
				color: #FF4472;
				font-size: 1.4rem;
			}
			
		@media screen and (max-width: 664px) 
		{
			#windows10-group > .desc
			{
				letter-spacing: .2rem;
				font-size: 1.4rem;
			}
			#windows10-group > .desc sup
			{
				font-size: 1rem;
			}
		}
		
		#windows10-group > .attention
		{
			padding: 2rem 0;
			color: #FF4472;
			font-size: 1.4rem;
		}
		@media screen and (max-width: 664px) 
		{
			#windows10-group > .attention
			{
				font-size: 1rem;
			}
		}
			
			#windows10-group > .attention li
			{
				display: table-row;
			}
			
			#windows10-group > .attention li:before
			{
				content: '※';
				display: table-cell;
			}
		
	#windows10-group .package-list
	{
		justify-content: center;
	}





/* パッケージリスト グループ -*/
	
	.group
	{
		margin: 0 auto 5rem;
	}
		
		.group > .subject
		{
			margin: 0 0 1rem;
			background: linear-gradient(0deg, rgba(186, 237, 255, .3), rgba(186, 237, 255, 0));
		}
			
			.group > .subject img
			{
				width: 100%;
				max-width: 400px;
				height: auto;
				object-fit: scaledown;
			}
			




/* パッケージ表示 -*/
	
	.package-list
	{
		display: flex;
		flex-flow: wrap;
		margin: -4rem 0 0 -4rem;
		padding: .5rem;
	}
	@media screen and (max-width: 874px) 
	{
		.package-list
		{
			margin: -1rem 0 0 -2rem;
		}
	}
	@media screen and (max-width: 624px) 
	{
		.package-list
		{
			margin: -1rem 0 0 -1rem;
		}
	}
	#windows10-group .package-list
	{
		margin: -1rem 0 0 -2rem;
	}
	@media screen and (max-width: 874px) 
	{
		#windows10-group .package-list
		{
			margin: -1rem 0 0 -1rem;
		}
	}
		
		.item
		{
			position: relative;
			width: calc(33.33% - 4rem);
			margin: 5rem 0 0 4rem;
			box-shadow: 0 0 .3rem rgba(255, 0, 0, .2);
		}
		@media screen and (max-width: 874px) 
		{
			.item
			{
				width: calc(33.33% - 2rem);
				margin: 5rem 0 0 2rem;
			}
		}
		@media screen and (max-width: 664px) 
		{
			.item
			{
				width: calc(50% - 1rem);
				margin: 5rem 0 0 1rem;
			}
		}
		
		#windows10-group .package-list .item
		{
			width: calc(20% - 2rem);
			margin: 1rem 0 0 2rem;
			box-shadow: 0 0 .3rem rgba(20, 79, 181, .4);
		}
		@media screen and (max-width: 874px) 
		{
			#windows10-group .package-list .item
			{
				width: calc(33.33% - 1rem);
				margin: 1rem 0 0 1rem;
			}
		}
		@media screen and (max-width: 574px) 
		{
			#windows10-group .package-list .item
			{
				width: calc(50% - 1rem);
				margin: 1rem 0 0 1rem;
			}
		}
			
			.item .image
			{
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: auto;
				margin: .4rem auto;
				padding: 100% 0 0;
			}
			
			.item .rating-icon
			{
				z-index: 3;
				position: absolute;
				top: .5rem;
				left: 0;
				
				display: block;
				width: 80px;
				height: 16px;
			}
			@media screen and (max-width: 674px) 
			{
				.item .rating-icon
				{
					width: 60px;
					height: 12px;
				}
			}
			
			.item img.package
			{
				z-index: 1;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				filter: drop-shadow(.1rem .1rem .1rem rgba(0, 0, 0, .3));
			}
			
			.item .title
			{
				display: flex;
				align-items: center;
				height: 6rem;
				line-height: 1.6rem;
				padding: .4rem .5rem;
				color: #0A75FF;
				letter-spacing: -.05rem;
				word-break: all;
				font-family: 'M PLUS Rounded 1c', sans-serif;
				font-size: 1.4rem;
				font-weight: bold;
				transform: rotate(0.005deg);
			}
			@media screen and (max-width: 664px) 
			{
				.item .title
				{
					font-size: 1.2rem;
				}
			}
			@media screen and (max-width: 344px) 
			{
				.item .title
				{
					font-size: 1rem;
				}
			}
			
			#windows10-group .item .title
			{
				font-size: 1.2rem;
				font-weight: normal;
			}
			
			.item .env
			{
				z-index: 2;
				position: absolute;
				top: .5rem;
				right: -.4rem;
				
				display: flex;
				flex-flow: column;
				justify-content: center;
				align-items: center;
				min-width: 20%;
			}
				
				.item .env li
				{
					width: 100%;
					padding: 0 .4rem;
					background: #999;
					box-shadow: .1rem .1rem .1rem rgba(0, 0, 0, .3);
					color: #FFF;
					text-align: center;
					font-size: .85rem;
				}
				.item .env li + li
				{
					margin: .2rem 0 0;
				}
				
				.item .details
				{
					width: 100%;
				}
					
					.item .details .button
					{
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						text-align: center;
						background: linear-gradient(135deg, #FFF, #FFEDF9, #FFDDEA);
						color: #D63575;
						font-size: 1.6rem;
						cursor: pointer;
					}
					@media screen and (max-width: 664px) 
					{
						.item .details .button
						{
							padding: 1rem;
						}
					}
					
				.item .detail-contents
				{
					display: none;
				}





/* ダウンロード販売って何？ -*/
	
	#download-about
	{
		width: calc(100% - 1rem);
		max-width: 781px;
		margin: 2rem auto;
	}
		
		#download-about .header img,
		#download-about .footer img
		{
			display: block;
			width: 100%;
		}
		
		#download-about .content
		{
			padding: .5rem 6rem;
			background: transparent url('/product/dl/rc/about_dlsale_left_to_right.png') center bottom repeat-y;
			background-size: contain;
		}
		@media screen and (max-width: 664px) 
		{
			#download-about .content
			{
				padding: .5rem 4rem;
				font-size: 1.2rem;
			}
		}
		
		#download-about em
		{
			color: #F93D82;
			font-size: 2.0rem;
			font-weight: bold;
			font-style: normal;
		}
		@media screen and (max-width: 664px) 
		{
			#download-about em
			{
				font-size: 1.4rem;
			}
		}
		





/* どこで買えるの？ -*/
	
	#download-shops
	{
		width: calc(100% - 1rem);
		max-width: 781px;
		margin: 2rem auto;
	}
		
		#download-shops .header img,
		#download-shops .footer img
		{
			display: block;
			width: 100%;
		}
		
		#download-shops .content
		{
			padding: .5rem 6rem;
			background: transparent url('/product/dl/rc/where_buying_left_to_right.png') center bottom repeat-y;
			background-size: contain;
		}
			
			#download-shop-links
			{
				display: flex;
				flex-flow: wrap;
				justify-content: space-between;
				margin: -1rem 0 0 -1rem;
			}
				
				#download-shop-links li
				{
					margin: 1rem 0 0 1rem;
				}
					
					#download-shop-links a
					{
						display: flex;
						flex-flow: column;
						justify-content: center;
						align-items: center;
					}
					
					#download-shop-links > .dmm a[href]
					{
						color: #000;
						text-decoration: none;
					}
					
					#download-shop-links > .dmm .banner
					{
						display: flex;
						justify-content: center;
						align-items: center;
						width: 200px;
						height: 40px;
						border: solid 2px #000;
						background: #FFF;
						font-family: 'Arial Black',sans-serif;
						font-size: 1.6rem;
						font-weight: bold;
					}
					#download-shop-links > .dmm .banner + span
					{
						color: #C00;
						text-decoration: underline;
					}

		 
	@media screen and (max-width: 874px) 
	{
		
		#download-shop-links
		{
			justify-content: center;
			margin: 1rem 4rem 3rem 2rem;
		}
		
		#download-shop-links li
		{
			display: block;
			margin: 2rem 0 0 2rem;
		}
		
	}
	
	@media screen and (max-width: 624px)
	{
		
		#download-shop-links
		{
			justify-content: center;
			margin: 2rem 4rem 3rem 3rem;
		}
		
		#download-shop-links li
		{
			display: block;
			margin: 1rem 0 0 1rem;
		}
		
	}
	
	@media screen and (max-width: 524px)
	{
		
		#download-shop > .frame
		{
			background: none;
		}
		
	}





/* 注意事項 -*/
	
	#download-attention
	{
		width: calc(100% - 1rem);
		max-width: 770px;
		margin: 2rem auto;
		border: solid 2px #FF3A70;
		border-radius: 1rem;
		background: #FFF;
	}
		
		#download-attention > .header
		{
			border-radius: .8rem .8rem 0 0;
			padding: .2rem 2rem;
			background: linear-gradient(135deg, #FEEFEF, #FFB7DB);
			color: #FF1E54;
			text-align: center;
		}
		
		#download-attention > ul
		{
			padding: 1rem 3rem 1rem 4rem;
			list-style: disc;
		}
		@media screen and (max-width: 664px) 
		{
			#download-attention > ul
			{
				padding: 1rem 1rem 1rem 2rem;
				font-size: 1rem;
			}
		}


/* ページの注意事項 -*/

	#page-attention
	{
		width: calc(100% - 1rem);
		max-width: 770px;
		margin: 2rem auto;
		font-size: .8rem;
	}
		
		#page-attention ul
		{
		}
			
			#page-attention li
			{
				display: table-row;
			}
			
			#page-attention li:before
			{
				content: '※';
				display: table-cell;
			}
			





/* ライトボックス -*/
	
	#lightbox
	{
		z-index: 100000;
		position: fixed;
		display: none;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		top: -100px;
		bottom: -100px;
		left: -100px;
		right: -100px;
		padding: 100px;
		background: rgba(0, 0, 0, .7);
	}
	#lightbox.open
	{
		display: flex;
	}
		
		#lightbox > .content
		{
			width: auto;
			max-width: calc(100% - 2rem);
			height: calc(100vh - 2rem);
			height: auto;
			display: flex;
			flex-flow: column;
			justify-content: center;
			align-items:  center;
		}
		
		#lightbox .title
		{
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			width: 100%;
			padding: .5rem 1rem;
			background: #FFF;
			color: #0A75FF;
			letter-spacing: -.05rem;
			text-break: all;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			font-size: 1.4rem;
			font-weight: bold;
			transform: rotate(0.005deg);
		}
		
		#lightbox .package-and-purchace
		{
			display: flex;
			justify-content: center;
			align-items:  center;
			width: 100%;
			padding: 1rem;
			background: #FFF;
		}
		@media screen and (orientation: portrait)
		{
			#lightbox .package-and-purchace
			{
				flex-flow: column;
			}
		}
			
			#lightbox .package
			{
				display: flex;
				justify-content: center;
				align-items:  center;
				width: 400px;
				height: 400px;
				box-shadow: 0 0 .3rem rgba(255, 0, 0, .2);
			}
			@media screen and (max-width: 824px)
			{
				#lightbox .package
				{
					width: 300px;
					height: 300px;
				}
			}
			@media screen and (max-width: 624px)
			{
				#lightbox .package
				{
					width: 250px;
					height: 250px;
				}
			}
			@media screen and (max-width: 424px)
			{
				#lightbox .package
				{
					width: 200px;
					height: 200px;
				}
			}
				
				#lightbox .package img
				{
					display: flex;
					width: 100%;
					height: 100%;
					object-fit: scale-down;
				}
				
			#lightbox .purchace
			{
				display: flex;
				flex-flow: column;
				justify-content: center;
				align-items:  stretch;
				width: 400px;
				height: 100%;
				padding: 1rem 2rem;
			}
			@media screen and (max-width: 824px)
			{
				#lightbox .purchace
				{
					width: 300px;
				}
			}
			@media screen and (max-width: 624px)
			{
				#lightbox .purchace
				{
					width: 250px;
				}
			}
				
			#lightbox .purchace a
			{
				text-decoration: none;
			}
			
				#lightbox .purchace > .subject
				{
					width: 100%;
					line-height: 1;
					margin: .2rem .2rem .5rem;
					border-bottom: solid 1px #555;
					color: #555;
					font-weight: bold;
					font-size: 1.2rem;
				}
				
				#lightbox .purchace .ps3v-shop
				{
					display: flex;
					justify-content: center;
					align-items: center;
					border: dotted .2rem #FF9B26;
					padding: 2rem;
					background: linear-gradient(135deg, #FFF, #FFF9B2);
					color: #FF9B26;
					font-size: 1.4rem;
				}
				
				#lightbox .purchace .shops
				{
					display: flex;
					justify-content: space-between;
					flex-flow: wrap;
				}
					
					#lightbox .purchace .shops a
					{
						display: flex;
						flex-flow: column;
						justify-content: center;
						align-items: center;
						
						width: 100%;
						margin: .5rem 0 0;
						padding: 1rem 2rem;
						text-decoration: none;
					}
						
						#lightbox .purchace .shops .gyutto
						{
							border: solid 1px #FF288E;
							background: linear-gradient(135deg, #FFF, #FFE8F4, #FFA8D3);
							color: #FF288E;
						}
						#lightbox .purchace .shops .gyutto.all
						{
							line-height: 1.4;
							font-size: 1.2rem;
						}
							
							#lightbox .purchace .shops a small
							{
								line-height: 1.2;
								font-size: .75rem;
							}
						
						#lightbox .purchace .shops .dmm
						{
							border: solid 1px #000;
							background: linear-gradient(135deg, #FFF, #DDD, #CCC);
							color: #000;
						}
						
						#lightbox .purchace .shops .fanza
						{
							border: solid 1px #FF4949;
							background: linear-gradient(135deg, #FFF, #FFDDDD, #FFA8A8);
							color: #FF4949;
						}
						
						#lightbox .purchace .shops .steam
						{
							border: solid 1px #000;
							background: linear-gradient(135deg, #FFF, #47549E, #3D4787);
							color: #FFF;
						}
						
						#lightbox .purchace .shops .nintendo
						{
							border: solid 1px #FC2D0C;
							padding: 1rem 2rem;
							background: linear-gradient(135deg, #FFF, #FC7059, #FC2D0C);
							color: #FFF;
						}
						
						#lightbox .purchace .shops .sony
						{
							border: solid 1px #000;
							background: linear-gradient(135deg, #FFF, #0070D1, #0070D1);
							color: #FFF;
						}
						
						#lightbox .purchace .shops .dlsite
						{
							border: solid 1px #491CFF;
							background: linear-gradient(135deg, #FFF, #DBD1FF, #C1AFFF);
							color: #491CFF;
						}
						
						#lightbox .purchace .shops .animate
						{
							border: solid 1px #4799FF;
							background: linear-gradient(135deg, #FFF, #BCDBFF, #93C9FF);
							color: #287FFF;
						}
						
						#lightbox .purchace .shops a:hover
						{
							border: solid 1px #1EC635 !important;
							background: linear-gradient(135deg, #FFF, #D6FFB2, #ADFF63) !important;
							color: #1EC635 !important;
						}
						
		#lightbox .official-site
		{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			margin: .5rem 0 0;
			background: #FFF;
		}
			
			#lightbox .official-site a
			{
				display: block;
				border-radius: 5px;
				padding: .5rem 1rem;
			}
			
		#lightbox .close-bar
		{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			margin: 0 auto;
			background: linear-gradient(135deg, #FFF, #FFEDF9, #FFDDEA);
			color: #D63575;
			font-size: 1.6rem;
			cursor: pointer;
		}
		@media screen and (max-width: 664px) 
		{
			#lightbox .close-bar
			{
				padding: 1rem;
			}
		}
		
		.message-211029
		{
			color: #D63575;
			text-align: center;
		}