@charset "UTF-8";
/* font-family:"游明朝", YuMincho, serif; */

body { font-family:"游ゴシック", YuGothic, sans-serif;-webkit-text-size-adjust : 100% ; }
img { border:none; }
a { text-decoration:none; }

div#outside { max-width:100%;width: 100%;padding:0;margin:0;background:rgba(255,255,255,1); }
div#contentnavi { max-width:100%;width: 100%;padding:30px 0 0;margin:-10px 0 0 0;background:#fff; }
div#contentnavi div#header { max-width:940px;width: 100%;margin:0 auto;background:#fff; }
div#outside div#SP { max-width:100%;width: 100%;padding:0 0 0 0;margin:0 auto; }
div#outside div#SP-INSIDE { max-width:100%;width: 100%;margin:1% auto 0;background:rgba(0,0,0,1) url(../images/back.jpg)no-repeat;background-position:center top; }
/* div#outside div#SP { max-width:1000px;padding:0 0 0 0;margin:0 auto;} */
/* div#outside div#SP-INSIDE { max-width:1000px;width:100%;margin:10px auto; } */

div#outside div#SP div.wrap {
	max-width:100%;width:100%;padding:0 0 0 0;margin:2% 0 1% 0;
	}
div#outside div#SP a.pagetop {
	max-width:940px;width:100%;
	line-height:1;text-align:right;display:block;
	margin:0 auto 0 auto;
	color:#000000;
	/*margin:2% auto 2% auto;*/
	}
@media screen and (max-width: 1000px) { 
	div#outside div#SP-INSIDE { background:none; }
	div#outside div#SP div.wrap { max-width:100%;width:96%;margin:0 auto; }
	}
@media screen and (max-width: 999px) { 
	background:none;
	}
@media screen and (max-width: 850px) { 
	div#contentnavi div#header { width:96%; }
	div#outside div#SP a.pagetop { width:100%; }
	}

div#outside div#SP a.pagetop:hover { opacity:0.6; }


div#outside div#SP-INSIDE {  }
 div#outside div#SP-INSIDE div#wrapbox { background:rgba(0,0,0,1);max-width:1000px;width: 100%;margin:0 auto; }

header ,
article {
	width: 100%;
	height:100%;
	padding:0;
	margin:0 auto 0;
	display:block;
	}
header {
	margin:0 auto 0;
	}
div#outside div#SP div#SP-INSIDE article#CONTENTS {
	width: 100%;
	height:100%;
	padding:0;
	margin:0;
	display:block;
	z-index:10;
	position:relative;
	}



/* -------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------- */

header {
	max-width: 100%;
	position:relative;
	}
header section {
	max-width: 1000px;
	position:relative;
	padding:0;
	margin:0 auto 0;
	}
header section h1 {
	max-width: 1000px;
	width: 100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	line-height:1;
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	}
header section h1 img {
	max-width: 1000px;
	width: 100%;
	height:100%;
	padding:0;
	margin:0;
	display:block;
	}
header section h2 ,
header section h3 {
	width: auto;
	height:0px;
	padding-top:10px;
	margin:0;
	font-size:12px;
	line-height:1;
	display:block;
	overflow:hidden;
	position:absolute;
	top:50px;
	left:10px;
	z-index:1;
	
	color:rgba(255,241,0,1);
	}
header section h2 {
	top:20px;
	left:10px;
	}
header section h3 {
	top:40px;
	left:10px;
	}
header section strong {
	width: auto;
	height:0px;
	padding-top:10px;
	margin:0;
	font-size:12px;
	line-height:1;
	display:block;
	overflow:hidden;
	position:absolute;
	top:70px;
	left:10px;
	z-index:1;
	
	color:rgba(255,241,0,1);
	}


header aside {
	max-width: 1000px;
	width: 100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	
	display:none;
	}

@media screen and (max-width: 800px) { 
	}
@media screen and (max-width: 600px) { 
	}




/* -------------------------------------------------------------------
リード
------------------------------------------------------------------- */

article#READ {
	max-width: 1000px;
	position:relative;
	}
article#READ section {
	max-width: 1000px;
	padding:0;
	margin:0 auto 0 auto;
	padding:52% 0 0 0;
	z-index:70;
	}
article#READ section div {
	max-width: 1000px;
	width: 100%;
	height:auto;
	
	z-index:70;
	position:relative;
	}
article#READ section div hr {
	height: 0;
	margin: 0 auto 0.3% auto;
	padding: 0;
	border: 0;
	
	max-width:600px;
	height: 1px;
	background: rgba(0,0,0,0);
	background-image: -webkit-linear-gradient(left, rgba(17,90,89,0) , rgba(17,90,89,1) , rgba(17,90,89,0));
	background-image: -moz-linear-gradient(left, rgba(17,90,89,0) , rgba(17,90,89,1) , rgba(17,90,89,0));
	background-image: -ms-linear-gradient(left, rgba(17,90,89,0) , rgba(17,90,89,1) , rgba(17,90,89,0));
	background-image: -o-linear-gradient(left, rgba(17,90,89,0) , rgba(17,90,89,1) , rgba(17,90,89,0));
	}
article#READ section div h4 {
	max-width: 1000px;
	width: 100%;
	height:auto;
	padding:0;
	margin:-1% auto 0 auto;
	z-index:70;
	position:relative;
	}
article#READ section div h4 img {
	width: 100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	}
article#READ section div span p {
	max-width: 850px;
	width: 100%;
	height:auto;
	
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	position:relative;
	}
article#READ section div span em {
	max-width: 850px;
	width: 100%;
	padding:0 0 2% 0;
	margin:0 auto 0 auto;
	display:block;
	}


@media screen and (max-width: 1000px) { 
	article#READ section { max-width: 100%;width:100%; }
	}
@media screen and (max-width:800px) { 
	}
@media screen and (max-width:600px) { 
	}



/* -------------------------------------------------------------------
新刊
----------------------------------------------------------------------
既刊一覧
------------------------------------------------------------------- */

article.book-section {
	width:100%;
	padding:0 0 0 0;
	margin:0 auto 0;
	position:relative;
	}
article.book-section section {
	max-width: 800px;
	width: 96%;
	padding:0 0 0;
	margin:-5% auto 0;
	z-index:550;
	
	position:relative;
	clear:both;
	zoom:1;
	}
article.book-section section#PUBLICATIONS {
	padding:0 0 0;
	margin:0 auto 0;
	}


article.book-section section ul.TITLE {
	max-width: 734px;
	width:100%;
	height:auto;
	height:100%\9;
	padding:0;
	margin:auto;
	display:block;
	z-index:100;
	list-style:none;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	
	//overflow:hidden;
	zoom:1;
	position:absolute;
	top:0;
	left:0;
	right:0;
	}
article.book-section section ul.TITLE li {
	padding:0;
	margin:0;
	align-self: flex-end;
	}
article.book-section section ul.TITLE li:nth-child(1) {
	max-width: 234px;
	}
article.book-section section ul.TITLE li:nth-child(2) {
	max-width: 500px;
	}
article.book-section section ul.TITLE li i { 
	max-width:234px;
	width: 100%;
	padding:0;
	margin:0;
	display:block;
	}
article.book-section section ul.TITLE li i img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}
article.book-section section ul.TITLE li i img.sp { 
	display:none;
	}
article.book-section section ul.TITLE li h5 { 
	max-width:500px;
	width: 100%;
	padding:0;
	margin:0 auto 8.5% 0;
	
	display:block;
	}
article.book-section section ul.TITLE li h5 img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}

article.book-section section h6 {
	max-width:780px;
	width: 100%;
	padding:23% 0 0 0;
	margin:0 auto 3%;
	
	display:block;
	}

article.book-section section ul.INFO {
	max-width: 800px;
	width:100%;
	height:auto;
	height:100%\9;
	padding:0;
	margin:0 auto 0 auto;
	display:block;
	z-index:100;
	list-style:none;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	
	overflow:hidden;
	zoom:1;
	position:relative;
	}
article.book-section section#PUBLICATIONS ul.INFO {
	margin:0 auto 0;
	}
article.book-section section ul.INFO li {
	max-width: 800px;
	width: 100%;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
	display:block;

	overflow:hidden;
	zoom:1;
	}
article.book-section strong {
	max-width: 800px;
	width:100%;
	height:auto;
	padding:0 0 1% 0;
	display: block;
	}
article.book-section strong.new {
	max-width: 120px;
	width:100%;
	height:auto;
	padding:0 0 1% 5%;
	margin:0;
	display: block;
	}
article.book-section strong img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}
article.book-section section ul.INFO li a {
	max-width: 800px;
	width: 100%;
	height:auto;
	padding:0;
	margin:0 auto 3% auto;
	display:block;
	z-index:30;
	}
article.book-section section ul.INFO li a:hover {
	opacity:0.6;
	}
article.book-section section ul.INFO li > ol {
	max-width: 100%;
	width:98%;
	height:auto;
	padding:0;
	margin:0 auto 1% auto;
	z-index:100;
	list-style:none;
	
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	
	clear:both;
	zoom:1;
	position:relative;
	}
article.book-section section ul.INFO li > ol li.left {
	max-width: 210px;
	width:28%;
	height:auto;
	padding:0 2% 0 0;
	margin:0;

	 -webkit-box-flex: 1;
	-webkit-flex: 1;
	flex:1;
	}
article.book-section section ul.INFO li > ol li.left img {
	width: 100%;
	height:auto;
	padding:0;
	margin:2%;
	display:block;
	/*border:1px solid rgba(100,100,100,1);*/
	box-sizing: border-box;
	/*box-shadow: 0 0 7px 3px rgba(75,75,75,1);*/
	}
article.book-section section ul.INFO li:nth-child(1) a ol li.left img {
	box-shadow: 0 0 7px 2px rgba(0,125,125,1);
	}
article.book-section section ul.INFO li:nth-child(2) a ol li.left img {
	box-shadow: 0 0 7px 2px rgba(115,0,75,1);
	}
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(1) a ol li.left img {
	box-shadow: 0 0 7px 2px rgba(101,8,89,1);
	}
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(2) a ol li.left img {
	box-shadow: 0 0 7px 2px rgba(41,88,77,1);
	}
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(3) a ol li.left img {
	box-shadow: 0 0 7px 2px rgba(7,115,180,1);
	}
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(4) a ol li.left img {
	box-shadow: 0 0 7px 2px rgba(200,20,30,1);
	}
article.book-section section ul.INFO li > ol li.right {
	max-width: 565px;
	width:68%;
	height:auto;
	padding:0;
	margin:0.5% 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-flex-justify-content: space-between;
	justify-content: space-between;
	 -webkit-box-flex: 1;
	-webkit-flex: 1;
	 flex: 1;
	}
article.book-section section ul.INFO li > ol li.right div {
	width: auto;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	background:none;
	align-self:flex-start;
	}
article.book-section section ul.INFO li > ol li.right div b {
	padding:0;
	margin:0.5% 0 3% 0;
	display:block;
	}
article.book-section section ul.INFO li > ol li.right div h3 {
	width: auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:block;
	}
article.book-section section ul.INFO li > ol li.right div h3 ruby div {
	display:inline-block;
	zoom: 1;
	}
article.book-section section ul.INFO li > ol li.right h3 span { 
	padding:0;
	margin:0;
	display:block;
	}
article.book-section section ul.INFO li > ol li.right div h3 br.sp {
	display:none;
	}
article.book-section section ul.INFO li > ol li.right div strong {
	padding:0;
	margin:0.5% 0 0.5% 0;
	display:block;
	}
article.book-section section ul.INFO li > ol li.right div s {
	padding:0;
	margin:0.5% 0 0.5% 0;
	display:block;
	}
article.book-section section ul.INFO li > ol li.right div b {
	padding:0;
	margin:0.5% 0 1% 0;
	display:block;
	}
article.book-section section ul.INFO li > ol li.right div p {
	max-width:560px;
	padding:0;
	margin:2% 0 0 0;
	display:block;
	}
article.book-section section ul.INFO li > ol li.right em.pc ,
article.book-section section ul.INFO li a em.sp {
	width: 100%;
	height:auto;
	padding:2% 0;
	margin:2% 0 0 0;
	display:block;
	
	border-radius: 1px;
	box-shadow: 0 0 7px 3px rgba(0,0,0,1);
	align-self: flex-end;
	}
article.book-section section ul.INFO li a em.sp {
	margin:0 0 0 0;
	display:none;
	}
article.book-section section ul.INFO li:nth-child(1) a ol li.right em.pc ,
article.book-section section ul.INFO li:nth-child(1) a em.sp {
	background:rgba(0,138,133,1);
	}
article.book-section section ul.INFO li:nth-child(2) a ol li.right em.pc ,
article.book-section section ul.INFO li:nth-child(2) a em.sp {
	background:rgba(157,0,104,1);
	}
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(1) a ol li.right em.pc ,
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(1) a em.sp {
	background:rgba(101,8,89,1);
	}
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(2) a ol li.right em.pc ,
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(2) a em.sp {
	background:rgba(41,88,77,1);
	}
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(3) a ol li.right em.pc ,
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(3) a em.sp {
	background:rgba(7,125,196,1);
	}
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(4) a ol li.right em.pc ,
article.book-section section#PUBLICATIONS ul.INFO li:nth-child(4) a em.sp {
	background:rgba(236,27,36,1);
	}

@media screen and (max-width: 800px) {
	article.book-section section ul.INFO li a {max-width: 100%;width: 96%; }
	article.book-section section ul.INFO li > ol li.left { max-width: 100%;-webkit-box-flex: 0.7;-webkit-flex: 0.7;flex: 0.7;}
	article.book-section section ul.INFO li > ol li.right { -webkit-box-flex: 1.5;-webkit-flex: 1.5;flex: 1.5; }

	article.book-section section h6 { max-width: 100%;width:96%;margin:0 auto 2% auto; }
	}
@media screen and (max-width: 600px) {
	article.book-section section ul.TITLE { position:relative;-webkit-flex-direction:column;flex-direction:column;margin:0 auto 0 auto; }
	article.book-section section ul.TITLE { position:relative;-webkit-flex-direction:column;flex-direction:column; }
	article.book-section section ul.TITLE li:nth-child(1) { max-width: 100%;margin:0 auto 0 auto; }
	article.book-section section ul.TITLE li:nth-child(2) { max-width: 100%;margin:0 auto 0 auto; }
	article.book-section section ul.TITLE li h5 { max-width: 100%;width:90%;margin:-10% auto 0 auto; }
	article.book-section section h6 { padding:1% 0 0 0; }

	article.book-section section ul.INFO li:nth-child(1) a ol li.left img {box-shadow: 0 0 3px 0 rgba(0,125,125,1);}
	article.book-section section ul.INFO li:nth-child(2) a ol li.left img {box-shadow: 0 0 3px 0 rgba(115,0,75,1);}
	article.book-section section#PUBLICATIONS ul.INFO li:nth-child(1) a ol li.left img {box-shadow: 0 0 3px 0 rgba(101,8,89,1);}
	article.book-section section#PUBLICATIONS ul.INFO li:nth-child(2) a ol li.left img {box-shadow: 0 0 3px 0 rgba(41,88,77,1);}
	article.book-section section#PUBLICATIONS ul.INFO li:nth-child(3) a ol li.left img {box-shadow: 0 0 3px 0 rgba(7,115,180,1);}
	article.book-section section#PUBLICATIONS ul.INFO li:nth-child(4) a ol li.left img {box-shadow: 0 0 3px 0 rgba(200,20,30,1);}
	
	article.book-section section ul.INFO li > ol li.right em.pc { display:none; }
	article.book-section section ul.INFO li a em.sp { margin:1.5% 0 0 0;display:block;-webkit-flex-direction:column;flex-direction:column; }
	}
@media screen and (max-width: 500px) {
	article.book-section section ul.TITLE li i { max-width:300px;width: 100%;margin:2% auto 0 auto;text-align:center; }
	article.book-section section ul.TITLE li i img { display:none; }
	article.book-section section ul.TITLE li i img.sp { width: 70%;display:inline-block; }
	article.book-section section ul.INFO li a { padding:1% 0 1%; }
	article.book-section section ul.INFO li > ol li.left { -webkit-box-flex: 0.6;-webkit-flex: 0.6;flex: 0.6;margin-bottom:0.5%; }
	article.book-section section ul.INFO li > ol li.right { -webkit-box-flex: 1;-webkit-flex: 1;flex: 1;margin:0 0 0 1.5%; }
	}
@media screen and (max-width: 320px) {
	}





article#COMMENTS {
	width:100%;
	/* background:rgba(0,0,0,1); */
	margin:2% auto 0;
	position:relative;
	}
article#COMMENTS section {
	max-width:800px;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	position:relative;
	}

article#COMMENTS section ul.TITLE {
	max-width: 532px;
	width:100%;
	height:auto;
	height:100%\9;
	padding:0;
	margin:auto;
	display:block;
	z-index:100;
	list-style:none;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	
	//overflow:hidden;
	zoom:1;
	position:absolute;
	top:0;
	left:0;
	right:0;
	}
article#COMMENTS section ul.TITLE li {
	padding:0;
	margin:0;
	align-self: center;
	}
article#COMMENTS section ul.TITLE li:nth-child(1) {
	max-width: 234px;
	}
article#COMMENTS section ul.TITLE li:nth-child(2) {
	max-width: 298px;
	}
article#COMMENTS section ul.TITLE li i { 
	max-width:234px;
	width: 100%;
	padding:0;
	margin:0 auto 0 0;
	display:block;
	text-align:center;
	}
article#COMMENTS section ul.TITLE li i img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}
article#COMMENTS section ul.TITLE li i img.sp {
	display:none;
	}
article#COMMENTS section ul.TITLE li h5 { 
	max-width:298px;
	width: 100%;
	padding:0;
	margin:2% auto 0 0;
	
	display:block;
	}
article#COMMENTS section ul.TITLE li h5 img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}

article#COMMENTS section ul {
	max-width:800px;
	padding:25% 0 0 0;
	margin:0 auto 0 auto;
	z-index:500;
	list-style:none;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	/* -webkit-flex-direction:column;
	flex-direction:column;
	-webkit-flex-justify-content: space-between;
	justify-content: space-between;*/
	
	position:relative;
	}
article#COMMENTS section ul li {
	width:50%;
	padding:0;
	margin:0 0 3% 0;
	z-index:500;
	list-style:none;
	}
article#COMMENTS section ul li h4 {
	max-width:400px;
	height:auto;
	padding:0;
	margin:0;
	}
article#COMMENTS section ul li h4 img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}
article#COMMENTS section ul li h4 img.sp {
	display:none;
	}

@media screen and (max-width: 800px) { 
	article#COMMENTS{ margin:0 auto 5%; }
	article#COMMENTS section div { max-width:100%;width:94%;padding:0 0 5% 0;margin:0 auto 3%; }
	article#COMMENTS section div ol { max-width:100%;width:84%; }
	
	article#COMMENTS section ul { max-width:100%;width:94%;padding:25% 0 0 0;margin:0 auto 0 auto; }
	}
@media screen and (max-width: 600px) {
	article#COMMENTS section ul.TITLE { max-width: 100%;position:relative;-webkit-flex-direction:column;flex-direction:column;margin:0 auto 0 auto; }
	article#COMMENTS section ul.TITLE li:nth-child(1) { max-width: 100%; }
	article#COMMENTS section ul.TITLE li:nth-child(2) { max-width: 100%; }
	article#COMMENTS section ul.TITLE li i { margin:0 auto 0 auto; }
	article#COMMENTS section ul.TITLE li h5 { max-width: 100%;width:90%;margin:-13% auto 0 auto; }
	article#COMMENTS section h6 { padding:1% 0 0 0; }

	article#COMMENTS section ul { padding:2% 0 0 0; }
	}
@media screen and (max-width: 500px) {
	article#COMMENTS section ul.TITLE li i { max-width:300px;width: 100%;margin:2% auto 0 auto;text-align:center; }
	article#COMMENTS section ul.TITLE li i img { display:none; }
	article#COMMENTS section ul.TITLE li i img.sp { width: 70%;display:inline-block; }
	article#COMMENTS section ul.TITLE li h5 { max-width: 100%;width:50%;margin:-6% auto 0 auto; }
	article#COMMENTS section ul { -webkit-flex-direction:column;flex-direction:column; }
	article#COMMENTS section ul li { width:100%;margin:0 auto 3% auto; }
	article#COMMENTS section ul li h4 img {display:none; }
	article#COMMENTS section ul li h4 img.sp {display:block; }
	}



article.character-panel {
	width:100%;
	padding:0 0 0 0;
	margin:2% auto 2%;
	background:rgba(0,0,0,1);
	position:relative;
	}
article.character-panel section {
	max-width:800px;
	padding:0 0 0 0;
	margin:0 auto 0;
	clear:both:
	zoom:1;
	position:relative;
	}
article.character-panel section#C2 {
	margin:-2% auto 0;
	}

article.character-panel section i { 
	max-width:300px;
	width: 100%;
	padding:0;
	margin:0 auto 0 auto;
	
	display:block;
	position:relative;
	}
article.character-panel section i img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}

article.character-panel section ul {
	width:100%;
	padding:0;
	margin:-2% 0 0 0;
	list-style:none;
	z-index:700;
	clear:both;

	font-family:"游明朝", YuMincho, serif;
	font-size:0.9rem;
	line-height:1.4;
	color:rgba(255,255,255,1);

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	/* -webkit-flex-direction:column; */
	/* flex-direction:column; */
	/* -webkit-flex-justify-content: space-between; */
	/* justify-content: space-between; */
	}
article.character-panel section ul li {
	width:33%;
	height:auto;
	padding:0 0 5% 0;
	margin:0 0 0 0;
	
	z-index:1;
	list-style:none;
	}
article.character-panel section ul li dl {
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;

	z-index:1;
	clear:both;
	}
article.character-panel section ul li dl dt {
	width:100%;
	padding:1% 0 0 0;
	margin:0;
	
	z-index:1;
	overflow:hidden;
	zoom:1;
	}
article.character-panel section ul li dl dd {
	width:80%;
	padding:0 0 0 0;
	margin:3% 0 0 13.5%;
	border-left:1px solid #a88e5c;
	
	overflow:hidden;
	}
article.character-panel section ul li dl dd dl {
	width:100%;
	padding:5% 0 0 0;
	margin:0 0 0 0;
	clear:both;
	}
article.character-panel section ul li dl dd dl dt {
	width:100%;
	padding:1% 0 1% 10%;
	margin:0 0 0 0;
	
	border-left:none;
	background:none;
	}
article.character-panel section ul li dl dd dl dd {
	width:auto;
	padding:0 0 5% 10%;
	margin:0;
	border-left:none;
	}

@media screen and (max-width: 800px) { 
	article.character-panel section ul { max-width: 100%;width:96%;margin:0 auto 2% auto; }
	}
@media screen and (max-width: 500px) { 
	article.character-panel section i { max-width:300px;width: 100%;text-align:center; }
	article.character-panel section i img { width: 70%;display:inline-block; }
	article.character-panel section ul { width:90%;-webkit-flex-direction:column;lex-direction:column; }
	article.character-panel section ul li { width:100%; }
	article.character-panel section ul li dl dd { width:100%;margin:3% 0 0 0;border-left:none; }
	article.character-panel section ul li dl dd dl { clear:both;padding:1% 0 0 0; }
	article.character-panel section ul li dl dd dl dt { width:35%;float:left;padding:0 0 0 0; }
	article.character-panel section ul li dl dd dl dd { width:60%;float:left;padding:0 0 0 0; }
	}




#contentTop {
  position: fixed;
  bottom: 3%;
  margin:0 auto 0 0;
  z-index:1001;
  }
 
#contentTop a {
  display: block;
  z-index: 1002;
  padding: 0;
  border-radius:50%;
  width:50px;
  height:50px;
  background-color:rgba(237,171,3,1);
  box-shadow: 0 0 7px 0 rgba(0,0,0,1);
  }
 
#contentTop a:hover {
  text-decoration: none;
  background-color:rgba(237,171,3,0.6);
  color:rgba(255,255,255,0.6);
  }


@media screen and (max-width: 500px) { 
	}

/* ===================================================================
   XD redesign / 2026
   画像は各ブロックの img / background-image を差し替えて使用します。
=================================================================== */

:root {
	--lw-black: #050505;
	--lw-white: #fff;
	--lw-gold: #cbac73;
	--lw-yellow: #ffd900;
	--lw-red: #f20b14;
	--lw-teal: #008a85;
	--lw-purple: #650859;
	--lw-blue: #077dc4;
	--lw-copy-width: 800px;
	--lw-content-width: 1000px;
	--lw-shadow: 0 10px 30px rgba(0, 0, 0, .34);
	/* 納品画像のパスに差し替え: url("../images/hero.jpg") */
	--lw-hero-image: none;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: #fff;
	color: var(--lw-white);
	font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
}

body * {
	box-sizing: border-box;
}

body img {
	display: block;
	max-width: 100%;
	height: auto;
}

#outside,
#SP,
#SP-INSIDE {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

#outside #SP-INSIDE {
	background: var(--lw-black) !important;
}

#outside #SP-INSIDE #wrapbox {
	display: flex;
	flex-direction: column;
	width: min(100%, var(--lw-content-width));
	max-width: var(--lw-content-width);
	margin: 0 auto;
	background: var(--lw-black);
	overflow: hidden;
}

#wrapbox > header:not(#HERO),
#wrapbox > #READ {
	display: none;
}

#HERO { order: 1; }
#FEATURE-HIGH { order: 2; }
.series-intro { order: 3; }
.book-section--main { order: 4; }
.character-panel--main { order: 5; }
#COMIC { order: 6; }
.book-section--crow { order: 7; }
.character-panel--crow { order: 8; }
#FEATURE-THUNDER { order: 9; }

/* Preview-only common navigation. The production page keeps {{common_navi}}. */
#preview-common-nav {
	width: min(100%, 1000px);
	margin: 0 auto;
	background: #fff;
	color: #111;
	font-size: 12px;
}

#preview-common-nav .preview-kodansha {
	height: 54px;
	padding: 12px 20px;
	background: #050505;
	color: #fff;
	font-weight: 700;
	letter-spacing: .08em;
}

#preview-common-nav .preview-nav-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 8px 20px 4px;
}

#preview-common-nav .preview-nav-row strong {
	flex: 1;
	padding-bottom: 3px;
	border-bottom: 5px solid #5d6250;
	font-size: 22px;
}

#preview-common-nav nav {
	display: flex;
	gap: 8px;
}

#preview-common-nav nav a {
	min-width: 118px;
	padding: 8px 14px;
	border-radius: 3px;
	background: #222;
	color: #d9e600;
	text-align: center;
}

#preview-common-nav .preview-breadcrumb {
	padding: 0 20px 10px;
	color: #5373a8;
}

/* Hero */
#HERO {
	width: 100%;
	margin: 0;
	padding: 0;
	background: var(--lw-black);
}

#HERO .hero-kicker {
	margin: 0;
	padding: 10px 20px;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.25;
	text-align: center;
	letter-spacing: .03em;
}

.hero-visual {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	background: #000;
}

.hero-visual picture,
.hero-visual img {
	display: block;
	width: 100%;
	height: auto;
}

#HERO .hero-visual {
	position: static;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

#HERO .top-img {
	position: static;
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: visible;
	line-height: 1;
}

#HERO .top-img img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0;
	padding: 0;
}

#HERO .-pc { display: block; }
#HERO .-sp { display: none; }

.hero-visual::after {
	display: none;
}

.hero-title {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: auto auto auto;
	align-items: center;
	gap: 20px;
	color: #090909;
	font-family: "Source Han Serif", "游明朝", YuMincho, serif;
	filter: drop-shadow(0 4px 3px rgba(255,255,255,.8));
}

.hero-title small,
.hero-title em {
	font-size: clamp(28px, 4.2vw, 58px);
	font-style: normal;
	font-weight: 900;
	writing-mode: vertical-rl;
}

.hero-title strong {
	font-size: clamp(70px, 10vw, 132px);
	font-weight: 900;
	line-height: .9;
	letter-spacing: -.08em;
	writing-mode: vertical-rl;
}

.hero-copy {
	position: absolute;
	left: 9%;
	bottom: 15%;
	z-index: 3;
	color: #080808;
	font-size: clamp(20px, 3vw, 42px);
	font-weight: 900;
	transform: rotate(-14deg);
}

.hero-badge,
.new-badge {
	display: grid;
	place-items: center;
	border-radius: 999px;
	background: var(--lw-red);
	color: #fff;
	font-weight: 900;
	line-height: 1.05;
	text-align: center;
}

.hero-badge {
	position: absolute;
	top: 4%;
	right: 5%;
	z-index: 4;
	width: 142px;
	aspect-ratio: 1;
	font-size: 20px;
	transform: rotate(7deg);
}

.hero-badge b {
	font-size: 32px;
}

.series-nav {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	width: 100%;
	padding: 0;
	background: #000;
}

.series-nav a {
	display: block;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}

.series-nav a img {
	display: block;
	width: 100%;
	height: auto;
}

.series-nav a:hover,
.series-nav a:focus-visible {
	filter: brightness(1.2);
}

/* New and latest feature books */
.feature-book {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 34px;
	align-items: start;
	width: min(92%, var(--lw-copy-width));
	margin: 46px auto 84px;
	color: #fff;
}

.feature-book__cover {
	position: relative;
	width: 100%;
}

.feature-book__cover > a {
	display: block;
	width: 100%;
	text-decoration: none !important;
}

.feature-book__cover img {
	width: 100%;
	aspect-ratio: 640 / 926;
	object-fit: cover;
	box-shadow: var(--lw-shadow);
}

.new-badge {
	position: absolute;
	top: -14px;
	left: -14px;
	z-index: 2;
	width: 54px;
	aspect-ratio: 1;
	font-size: 12px;
}

.feature-book__cover img.wbooks-new-icon {
	position: absolute;
	z-index: 2;
	top: -14px;
	left: -14px;
	display: block;
	width: min(72px, 44%);
	height: auto;
	margin: 0;
	aspect-ratio: auto;
	object-fit: contain;
	box-shadow: none;
}

.feature-book__body {
	display: flex;
	min-width: 0;
	min-height: 100%;
	flex-direction: column;
}

.feature-book h2 {
	color: #fff;
	margin: 0 0 12px;
	font-size: clamp(27px, 3.6vw, 40px);
	font-weight: 800;
	line-height: 1.25;
}

.feature-book p {
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.8;
}

.feature-book .feature-book__lead {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.6;
}

.feature-eyebrow {
	color: var(--lw-gold);
	font-weight: 800;
	letter-spacing: .12em;
}

.buy-button,
article.book-section section ul.INFO li a em.pc,
article.book-section section ul.INFO li a em.sp {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	margin-top: auto;
	padding: 12px 20px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .08em;
	text-align: center;
}

.buy-button--gold {
	background: var(--lw-yellow);
	color: #1a1300;
}

.buy-button:hover,
.buy-button:focus-visible {
	filter: brightness(1.08);
}

.feature-book--thunder {
	margin-top: 70px;
	padding-bottom: 70px;
}

/* Series title / review block */
article#COMMENTS {
	width: min(94%, var(--lw-copy-width));
	margin: 20px auto 48px;
	background: transparent;
}

article#COMMENTS section {
	width: 100%;
	max-width: none;
}

article#COMMENTS section ul.TITLE {
	position: relative;
	display: grid;
	grid-template-columns: minmax(160px, 234px) minmax(200px, 298px);
	align-items: center;
	justify-content: center;
	width: min(100%, 620px);
	max-width: none;
	margin: 0 auto 22px;
}

article#COMMENTS section ul.TITLE li {
	width: 100%;
	max-width: none;
}

article#COMMENTS section > ul:not(.TITLE) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 24px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

article#COMMENTS section > ul:not(.TITLE) > li {
	width: 100%;
	margin: 0;
}

/* Book lists */
article.book-section {
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
}

article.book-section section {
	width: min(94%, var(--lw-copy-width));
	max-width: var(--lw-copy-width);
	margin: 0 auto 42px;
	padding: 0;
}

article.book-section section.new {
	margin-top: 0;
}

article.book-section section ul.TITLE {
	position: relative;
	display: grid;
	grid-template-columns: minmax(160px, 234px) minmax(260px, 500px);
	align-items: end;
	width: min(100%, 734px);
	margin: 0 auto 14px;
}

article.book-section section ul.TITLE li,
article.book-section section ul.TITLE li:nth-child(1),
article.book-section section ul.TITLE li:nth-child(2) {
	width: 100%;
	max-width: none;
}

article.book-section section ul.TITLE li h5 {
	width: 100%;
	max-width: none;
	margin: 0 0 8% 0;
}

article.book-section section h6 {
	width: 100%;
	max-width: none;
	margin: 0 0 28px;
	padding: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
}

article.book-section section ul.INFO {
	display: flex;
	width: 100%;
	max-width: none;
	flex-direction: column;
	gap: 34px;
	margin: 0;
	padding: 0;
}

article.book-section section ul.INFO > li,
article.book-section section ul.INFO > li > a {
	width: 100%;
	max-width: none;
	margin: 0;
}

article.book-section section ul.INFO > li > a {
	padding: 0;
	color: #fff;
	text-decoration: none !important;
}

article.book-section a,
article.book-section a:link,
article.book-section a:visited,
article.book-section a:hover,
article.book-section a:active {
	text-decoration: none !important;
}

article.book-section .book-cover-link {
	display: block;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

article.book-section .book-cover-link img {
	display: block;
	width: 100%;
}

article.book-section .book-buy-link {
	display: block;
	width: 100% !important;
	max-width: none !important;
	margin: auto 0 0 !important;
	padding: 0 !important;
}

article.book-section section ul.INFO > li > .book-buy-link {
	margin-top: 12px !important;
}

article.book-section section ul.INFO li > ol {
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	gap: 28px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

article.book-section section ul.INFO li > ol li.left,
article.book-section section ul.INFO li > ol li.right {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

article.book-section section ul.INFO li > ol li.left img {
	width: 100%;
	margin: 0;
	box-shadow: var(--lw-shadow);
}

article.book-section section ul.INFO li > ol li.right {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

article.book-section section ul.INFO li > ol li.right div {
	width: 100%;
}

article.book-section section ul.INFO h3 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.35;
}

article.book-section section ul.INFO s {
	display: block;
	margin: 0 0 12px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}

article.book-section section ul.INFO p {
	margin: 0 0 18px;
	color: #fff;
	font-size: 14px;
	line-height: 1.75;
}

article.book-section section ul.INFO li a em.pc {
	width: 100%;
	margin: auto 0 0;
}

article.book-section section ul.INFO li a em.sp {
	display: none;
}

article.book-section section ul.INFO > li:nth-child(1) em,
article.book-section section#PUBLICATIONS ul.INFO > li:nth-child(2) em { background: var(--lw-teal); }
article.book-section section ul.INFO > li:nth-child(2) em,
article.book-section section#PUBLICATIONS ul.INFO > li:nth-child(1) em { background: var(--lw-purple); }
article.book-section section#PUBLICATIONS ul.INFO > li:nth-child(3) em { background: var(--lw-blue); }
article.book-section section#PUBLICATIONS ul.INFO > li:nth-child(4) em { background: #ec1b24; }

/* Character charts */
article.character-panel {
	width: 100%;
	margin: 16px 0 70px;
	padding: 0;
	background: transparent;
}

article.character-panel section {
	width: min(94%, var(--lw-copy-width));
	max-width: var(--lw-copy-width);
	margin: 0 auto;
}

article.character-panel section > i {
	width: min(90%, 390px);
	max-width: none;
	margin: 0 auto 28px;
}

article.character-panel section > ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 42px 34px;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.5;
}

article.character-panel section > ul > li {
	width: 100%;
	margin: 0;
	padding: 0;
}

article.character-panel dl,
article.character-panel dt,
article.character-panel dd {
	margin: 0;
	padding: 0;
}

article.character-panel section > ul > li > dl > dt {
	margin-bottom: 14px;
	padding-bottom: 6px;
	border-bottom: 1px solid rgba(203,172,115,.5);
	color: var(--lw-gold);
	font-size: 19px;
	font-weight: 800;
}

article.character-panel section > ul > li > dl > dd > dl {
	display: grid;
	grid-template-columns: minmax(70px, .85fr) 1.4fr;
	gap: 8px;
	margin-bottom: 8px;
}

article.character-panel section > ul > li > dl > dd > dl > dt {
	color: var(--lw-gold);
	font-weight: 700;
}

article.character-panel section > ul > li > dl > dd > dl > dd {
	color: #fff;
}

/* Comic banner */
#COMIC {
	width: min(94%, var(--lw-copy-width));
	margin: 0 auto 76px;
	padding: 0;
	background: transparent;
}

#COMIC .comic-visual {
	display: block;
	width: 100%;
	height: auto;
}

.feature-book--thunder h2 {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	padding: 0 !important;
	overflow: visible !important;
	color: #fff !important;
}

.comic-callout {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin-bottom: 28px;
}

.comic-orb {
	display: grid;
	place-items: center;
	width: 88px;
	aspect-ratio: 1;
	border-radius: 999px;
	background: radial-gradient(circle at 35% 30%, #fff 0 8%, #b7a5c4 38%, #6d4a80 100%);
	box-shadow: 0 0 20px rgba(185,138,216,.5);
	color: #432650;
	font: 900 52px/1 serif;
}

.comic-callout strong {
	display: block;
	color: #fff;
	font-size: clamp(30px, 5vw, 52px);
	font-weight: 900;
	line-height: 1.05;
}

.comic-callout p,
.comic-title p {
	margin: 6px 0 0;
	color: #fff;
	font-size: 14px;
}

.comic-title small {
	color: var(--lw-gold);
	font-family: "游明朝", YuMincho, serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .2em;
}

.comic-title h2 {
	margin: 8px 0 0;
	color: var(--lw-gold);
	font-family: "游明朝", YuMincho, serif;
	font-size: clamp(34px, 6vw, 62px);
	font-weight: 800;
	line-height: 1.2;
}

#outside #SP .wrap {
	width: 100%;
	margin: 0;
	padding: 18px 20px;
	background: #fff;
}

#outside #SP a.pagetop {
	width: min(100%, 940px);
	color: #333;
	font-size: 13px;
}

@media screen and (max-width: 760px) {
	#HERO .hero-kicker {
		padding: 7px 12px;
		font-size: 14px;
	}

	.hero-visual {
		width: 100%;
	}

	.hero-title {
		gap: 10px;
	}

	.hero-title small,
	.hero-title em {
		font-size: clamp(22px, 7vw, 38px);
	}

	.hero-title strong {
		font-size: clamp(54px, 17vw, 90px);
	}

	.hero-copy {
		left: 6%;
		bottom: 10%;
		font-size: clamp(17px, 5vw, 27px);
	}

	.hero-badge {
		width: 92px;
		font-size: 13px;
	}

	.hero-badge b {
		font-size: 20px;
	}

	.series-nav {
		grid-template-columns: repeat(2, 1fr);
	}

	.series-nav a {
		min-height: 0;
		padding: 0;
	}

	.feature-book {
		grid-template-columns: 210px minmax(0, 1fr);
		gap: 24px;
		width: 92%;
	}

	.feature-book h2 {
		font-size: 27px;
	}

	article.book-section section ul.INFO li > ol {
		grid-template-columns: 180px minmax(0, 1fr);
		gap: 20px;
	}

	article.character-panel section > ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 560px) {
	#HERO .-pc { display: none; }
	#HERO .-sp { display: block; }

	#preview-common-nav .preview-kodansha {
		height: 34px;
		padding: 8px 12px;
		font-size: 10px;
	}

	#preview-common-nav .preview-nav-row {
		gap: 8px;
		padding: 5px 10px 2px;
	}

	#preview-common-nav .preview-nav-row strong {
		font-size: 15px;
	}

	#preview-common-nav nav a {
		min-width: 70px;
		padding: 5px 7px;
		font-size: 9px;
	}

	#preview-common-nav .preview-breadcrumb {
		padding: 0 10px 6px;
		font-size: 8px;
	}

	.feature-book,
	.feature-book--thunder {
		display: block;
		width: 92%;
		margin: 34px auto 66px;
	}

	.feature-book__cover {
		width: 42%;
		min-width: 150px;
		margin: 0 auto 24px;
	}

	.feature-book__cover img.wbooks-new-icon {
		top: -10px;
		left: -8px;
		width: min(58px, 46%);
	}

	.feature-book h2 {
		font-size: 24px;
	}

	.feature-book p,
	.feature-book .feature-book__lead {
		font-size: 13px;
	}

	.feature-book .buy-button {
		margin-top: 18px;
	}

	article#COMMENTS {
		margin-top: 0;
	}

	article#COMMENTS section ul.TITLE,
	article.book-section section ul.TITLE {
		display: flex;
		position: relative;
		width: 100%;
		flex-direction: column;
	}

	article#COMMENTS section ul.TITLE li,
	article.book-section section ul.TITLE li {
		width: 100%;
	}

	article#COMMENTS section ul.TITLE li i,
	article.book-section section ul.TITLE li i {
		width: min(76%, 300px);
		margin: 0 auto;
	}

	article#COMMENTS section ul.TITLE li i img:not(.sp),
	article.book-section section ul.TITLE li i img:not(.sp) {
		display: none;
	}

	article#COMMENTS section ul.TITLE li i img.sp,
	article.book-section section ul.TITLE li i img.sp {
		display: block;
		width: 100%;
	}

	article#COMMENTS section ul.TITLE li h5,
	article.book-section section ul.TITLE li h5 {
		width: min(88%, 440px);
		margin: -8% auto 18px;
	}

	article#COMMENTS section > ul:not(.TITLE) {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	article#COMMENTS section > ul:not(.TITLE) h4 img:not(.sp) {
		display: none;
	}

	article#COMMENTS section > ul:not(.TITLE) h4 img.sp {
		display: block;
	}

	article.book-section section h6 {
		margin-bottom: 24px;
		font-size: 14px;
		text-align: left;
	}

	article.book-section section ul.INFO {
		gap: 30px;
	}

	article.book-section section ul.INFO li > ol {
		grid-template-columns: minmax(118px, 34%) minmax(0, 1fr);
		gap: 14px;
	}

	article.book-section section ul.INFO h3 {
		font-size: 17px;
	}

	article.book-section section ul.INFO p {
		font-size: 11px;
		line-height: 1.65;
	}

	article.book-section section ul.INFO li a em.pc {
		display: none;
	}

	article.book-section section ul.INFO li a em.sp {
		display: flex;
		width: 100%;
		margin: 12px 0 0;
	}

	article.character-panel {
		margin-bottom: 54px;
	}

	article.character-panel section > ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 18px;
		font-size: 10px;
	}

	article.character-panel section > ul > li > dl > dt {
		font-size: 15px;
	}

	article.character-panel section > ul > li > dl > dd > dl {
		display: block;
		margin-bottom: 8px;
	}

	article.character-panel section > ul > li > dl > dd > dl > dt {
		margin-bottom: 2px;
	}

	#COMIC {
		width: 92%;
		margin-bottom: 60px;
		padding: 0;
	}

	.comic-callout {
		gap: 12px;
	}

	.comic-orb {
		width: 70px;
		font-size: 42px;
	}

	.comic-callout strong {
		font-size: 30px;
	}

	.comic-title small {
		font-size: 13px;
	}

	.comic-title h2 {
		font-size: 31px;
	}
}

@media screen and (max-width: 380px) {
	article.book-section section ul.INFO li > ol {
		grid-template-columns: 106px minmax(0, 1fr);
	}

	article.character-panel section > ul {
		grid-template-columns: 1fr;
	}
}