/*** Special 特設ページ ***/
body.special header{
	text-align:center;
	position: sticky; /* 固定 */
	top: 0;
	z-index:1000;
}
body.special header nav {
	width:calc(100% - 4em);
	clear:both;
	margin:1.5em auto;
}
/* menu */
body.special header nav ul.menu {
	margin:0;	
}
body.special header nav ul.menu li {
	margin-bottom:0.9em;	
}
body.special header nav ul.menu a {
	position:relative;
	display:block;
}
body.special header nav ul.menu a::before {
	display:block;
	content: attr(data-desc);
	position:absolute;
	font-size:0.5em;
	bottom:-2em;
	right: 0;
	left: 0;
	margin: 0 auto;
}
/* h2 */
body.special section.container.index h2 {
	position:relative;
	padding-bottom:1.3em;
	text-align:center;
	color:#fff;
}
body.special section.container.index h2::before {
	display:block;
	content: attr(data-desc);
	position:absolute;
	font-size:0.5em;
	top:2em;
	right: 0;
	left: 0;
	margin: 0 auto;
}
body.special section#movie {
	margin-bottom:0;	
}
/* 各sectionのinner */
body.special section#introduction .inner,body.special section#story .inner,
body.special section#introduction .inner,body.special section#t-and-s .inner, 
body.special section#cast .inner, body.special section#access .inner, body.special section#photos .inner,
body.special section#movie .inner,body.special section#creatives .inner {
	margin-top:3em;
	margin-bottom:3em;	
}
body.special section#introduction .inner {
	max-width:55em;
	padding:2em 5em;
	background:#000;
	border:solid thin #534a35;
}
body.special section#story .inner {
	max-width:55em;
}
body.special section#cast .inner {
	max-width:40em;
}
body.special section#cast .thumbnail {
	margin-bottom:0;
}
body.special section#cast h4 {
	font-size:1.4em;
	border:none;
	margin-bottom:0.1em;
	padding:0;
}
body.special section#cast h5 {
	color:#000;
	background:#877650;
	font-size:1.0em;
	line-height:1.6em;
	font-weight:bold;
	text-align:center;
	padding:0;
	margin-bottom:0.5em;
}
body.special section#cast div.cast-character {
	text-align:center;
}
body.special section#cast div.cast-character a.button.profile {
	display:block;
	font-size:0.8em;
	line-height:1.1em;
	text-align:center;
	max-width:8em;
	padding:0 0.3em;
	margin:0 auto 0.7em auto;
}
body.special section#cast div.content {
	font-size:0.6em;
	text-align:center;
}
body.special section#t-and-s {
	text-align:center;
}
body.special section#t-and-s .inner {
	max-width:55em;
}
body.special section#t-and-s h3.rectangle {
	position: relative;
	display: inline-block;
	text-align:center;
	font-size:1.4em;
	background:none;
	padding-left:1.5em;
	margin-bottom:0.5em;
}
body.special section#t-and-s h3.rectangle::after {
	content: '◆';
	position: absolute;
	display: inline-block;
	top:0.2em;
	left:0.1em;
}
body.special section#t-and-s a.button.buy {
	font-size:0.8em;
	font-weight:bold;
	line-height:1.8em;
	padding:0 1.0em;
	background:#fff;
	color:#000 !important;
	border-radius:0.1em;
}
body.special section#access .inner,body.special.kimishini section#photos .inner {
	max-width:55em;
}
body.special section#access p.map {
	padding-left:2em;
	padding-right:2em;
}
body.special section#creatives .inner {
	max-width:55em;
	padding:2em 5em;
	background:#000;
	border:solid thin #534a35;
}
body.special section#creatives a.button.profile {
	display:inline-block;
	color:#000 !important;
	font-size:0.5em;
	line-height:1.3em;
	text-align:center;
	width:8em;
	padding:0 0.3em;
	margin-left:2.0em;
	background:#a47c7c;
	border:none;
}
body.special .grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:4em;
	margin-bottom:2em;
}
/* 君たちはどう死ぬか？ kimishini */
body.special.kimishini {
	background:#E51B44;
	color:#fff;
}
body.special.kimishini header{
	background:#E51B44;
}
body.special.kimishini header nav ul.menu a {
	color:#fff;
}
body.special.kimishini section.the_content {
	background: no-repeat center url("https://garret-e.com/wp-content/uploads/2024/12/night-forest-01.jpg");
	background-size:cover;	
}
body.special.kimishini section#introduction .inner {
	background: no-repeat center url("https://garret-e.com/wp-content/uploads/2024/12/star-sky-02.jpg");
	background-size:cover;	
}
body.special.kimishini section#story {
	background:#E51B44;
}
body.special.kimishini section#introduction {
	background:#400300;
}
body.special.kimishini section#cast {
	background:#6f5a68;
}
body.special.kimishini section#t-and-s,body.special.kimishini section#movie {
	background:#E51B44;
}
body.special section#t-and-s a.button.buy {
	color:#E51B44 !important;
}
body.special.kimishini section#access,body.special.kimishini section#photos {
	background:#6f5a68;
}
body.special.kimishini section#creatives {
	background:#400300;
}
body.special section#creatives .inner {
	background: no-repeat center url("https://garret-e.com/wp-content/uploads/2024/12/night-forest-02.jpg");
	background-size:cover;	
}
body.special.kimishini section#creatives .grid-2 {
	gap:0.5em 2em;
}
body.special.kimishini section#creatives h5 {
	text-align:right;
	color:#877650;
}


/*** レスポンシブ対応 ***/
/* 800px以下 */
@media screen and (max-width: 800px) {
	/*** special ***/
	body.special section#introduction .inner,body.special section#story .inner,
	body.special section#introduction .inner,body.special section#t-and-s .inner, 
	body.special section#cast .inner, body.special section.access .inner,body.special.kimishini section#photos .inner,
	body.special section#movie .inner, body.special section#creatives .inner {
		width:calc(100% - 4em);
		margin-left:auto;
		margin-right:auto;
	}	
	body.special section#introduction .inner,
	body.special section#creatives .inner {
		padding-left:2em;
		padding-right:2em;
	}
	body.special section#cast h4 {
	font-size:1.0em;
	}
	/* kimishini */	
	body.special.kimishini section#introduction h2.catch {
		font-size:1.3em;
	}	
	body.special.kimishini section#cast .grid-2 {
		gap:0.5em 1.5em;
	}	
}