@charset "UTF-8";

	html, body { padding-top:0px; }
	#headers { padding:10px 10px 0px; } 
	
	.topboard { padding:8% 5% 5%; background-image:linear-gradient(150deg, #d9a62e, #ec6800); }
	.news { margin-top:40px; }
	.cardline { display:flex; flex-wrap:wrap; justify-content:start; width:100%; }
	.card { vertical-align:bottom; position:relative; width:calc(100% / 3 - 30px); min-height:300px; margin:0px 0px 15px; padding:15px; text-align:center; background-color:; border-radius:10px; }
		.card p { text-align:left; }
		.card img { object-fit:scale-down; width:100%; max-height:133%; margin-bottom:10px; object-fit:cover; }
		.card a img { box-shadow:0 0 0 black; filter:drop-shadow(var(--shadow-s)); }
	.extra {  }
	.cardtitle { font-weight:bold; }
		.cardtitle::before { content:"｢"; }
		.cardtitle::after { content:"｣"; }
	.cardtype { font-size:80%; padding:3px 0%; }
	.cardtype::before { content:"ファイルタイプ："; }
	
	.surround { background-color:white; background:linear-gradient(80deg, rgba(248,244,230,0.5), rgba(251,250,245,0.5)); width:calc(100% - 4em); padding:2em; border-radius:30px; }
	
	.rptitle { display:none; }
	
	/* ▼ RP-Fanbox, Rp-CPページ用 */
	.head {  }
	.wallpaper { display:grid; grid-template-columns:1.5fr 1fr; width:100%; margin-top:0px; color:var(--black); }
	.leftside { position:relative; padding:10% 15%; padding-right:30px; }
	.rightside { position:relative; padding:10% 15%; padding-left:30px; }
	.imgFig { width:calc(100% - 90px); background-color:#111; border-image:url('background-frame.png') 30; border-style:solid; border-width:40px; box-shadow:0px 20px 20px rgba(0,0,0,0.5); }
	.board { position:absolute; bottom:15%; width:calc(100% - 30% - 4em); padding:2em; background-color:var(--white); font-family:serif; font-size:90%; box-shadow:0px 3px 3px rgba(0,0,0,0.5); }
		.forYou { font-size:150%; margin-bottom:20px; }
			.forYou::before { content:'for ';}
			.forYou::after { content:'.';}
		.ownMes { margin-bottom:20px; }
		.ownMes:empty { display:none; }
		.imgCom { margin-top:0px; }
		.imgCom cite { font-size:120%; font-weight:bold; font-style:normal; }
		.imgCom cite::before { content:"｢"; }
		.imgCom cite::after { content:"｣"; }
		.imgDate { margin-top:20px; font-size:80%; }
		hr { border:none; border-bottom:1px solid var(--black); margin:20px 0px; }
	.download { text-align:center; }
		.download a::before { content:'この絵をダウンロードする'; }
		.download small::before { content:'ダウンロードは贈呈された方のみが可能です。'; }
	.attent { text-align:center; margin:10px auto; }
	
	.offers { margin:50px 0px; font-size:150%; display:grid; grid-template-rows:repeat(auto-fill); grid-template-columns:1fr 1fr 1fr 1fr; column-gap:10px; row-gap:10px; }
	.offers:empty { display:block; }
	.offers:empty::after { content:'この作品は特別コンテンツの提供がありません。\ASorry, we are not providing any special content for this item and code.'; }

	.offers img { width:100%; }
	.offers .button { font-size:70%; }
	.grid { grid-row:1fr; grid-column:1fr; }
	
	/* .offers, .no-special { margin:80px 0px; font-size:150%; }
	.no-special::before { display:none; }
	.offers:blank + .no-special::before { display:block !important; content:'この作品には、特別コンテンツの提供はありません。\ASorry, we are not providing any special content for this item and code.'; }
	#no-special { margin:80px 0px; } */

	/* ▲ RP-Fanbox, Rp-CPページ用 */
	
	.closed { display:none; }
	
	@media screen and (max-device-width: 640px) { /* 縦向き */
		.topboard { padding-top:calc(8% + 40px); }
		.card { width:calc(100% / 2 - 30px); }
		
		.offers { display:block;  }
		
		/* ▼ RP-Fanbox, Rp-CPページ用 */
		.wallpaper { display:block; }
		.leftside, .rightside	{ width:calc(100% - 10%); padding:5%; }
		.board { position:relative; top:0%; width:calc(100% - 20%); margin:50px auto; }
		/* ▲ RP-Fanbox, Rp-CPページ用 */
	}