body {
		font-size:clamp(0.75rem,0.4vw + 0.70rem,1rem);
	}

	#contents .title_m {
		font-size: 1.3rem;
	}	
	.topicpath li {
		font-size:0.8rem;
	}
	.topic-sentence {
		text-indent:1em;
		font-size:1.2rem;
		font-weight:400;
	}

	.introduceComment {
		display:flex;
		flex-direction:column;
		width:95%;
		margin:0 auto 0 auto;
		gap:0.5rem;
	}
	.BookLogo {
		display:flex;
		flex-direction:row;
		margin:0 auto 0 0;
		padding:0;
	}
	.BookLogo_A {
		font-size:0.9rem;
		font-style:italic;
		font-weight:900;
		line-height:4.7;
		letter-spacing:-0.06em;
		width:3rem;
	}
	.BookLogo_B {
		font-size:2.3rem;
		font-style:italic;
		font-weight:900;
		letter-spacing:-0.09em;
		width:6.9rem;
		margin-left: -0.23em;
	}


	.kaname_item {
		display: grid;
		grid-template-columns:1fr;
		grid-template-rows:2em 1.7em auto 3em auto;
		grid-template-areas:
			"pub-title"
			"pub-date"
			"cover"
			"comment"
			"contents"
			"desc";
		box-sizing:border-box;
		row-gap:5px;
		width:95%;
		margin:80px auto 0;
		font-size: 1rem;
	}
	
	.inner_width .kaname_item:nth-of-type(2) {
		margin:30px auto 0;
	}

	.kaname_item .pub-title {
		grid-area:pub-title;
		grid-template-rows:auto;
		margin:0 auto 1em 0;
		/*
		border-bottom: 2px solid steelblue;
		box-shadow: 0 2px 0 #4682b43f;
		*/
		background: #fff; 
		letter-spacing: 0.03em;
		font-weight: 600;
		font-size:1.3rem;
	}
	.kaname_item .pub-title .w01 {
		font-size:1rem;
		font-style:italic;
	}
	.kaname_item .pub-title .w02 {
		font-size:1.6rem;
		font-style:italic;
		font-weight:600;
	}
	.kaname_item .pub-title .w03 {
		font-size:1.1rem;
		padding-left:0.5em;
	}
	.kaname_item .pub-date {
		grid-area:pub-date;
		margin:0 auto 0 0;
		font-weight:600;
		letter-spacing: 0.05em;
	}
	.kaname_item .cover {
		grid-area:cover;
		display:grid;
		place-content:start center;
	}
	.kaname_item .cover a {
		display:block;
		width:75%;
		aspect-ratio:794 / 1123;
		margin:auto;
	}
	.kaname_item .cover a img {
		width:100%;
		height:auto;
	}
	.kaname_item .cover.horizontal a {
		display:block;
		width:75%;
		aspect-ratio: 1123 / 794;
	}

	.kaname_item .comment {
		grid-area:comment;
		display:grid;
		margin:0 auto auto;
		place-content:start center;
	}

	.kaname_item .contents {
		grid-area:contents;
		grid-template-rows:auto;
		width:100%;
		text-align:left;
		font-weight: 600;
		border-bottom: 1px solid steelblue;
	}
	.kaname_item .desc {
		display:grid;
		grid-auto-rows: min-content;
		grid-area:desc;
		gap:0.6em;
		width:100%;
		margin:0 auto;
		text-align:left;
		line-height: 1.6;
		letter-spacing: 0.05em;
	}

	.shisen_item {
		display: grid;
		grid-template-columns:1fr;
		grid-template-rows:auto auto auto;
		grid-template-areas:
			"pub-title"
			"cover"
			"comment";
		row-gap:5px;
		width:90%;
		margin:40px auto 0;
	}
/*
	.shisen_item:first-of-type {
		margin:20px auto 0;
	}
*/
	.shisen_item .pub-title {
		grid-area:pub-title;
		margin:auto;
		background: #fff; 
		font-weight: 600;
		text-align:center;
	}
	.shisen_item .cover {
		grid-area:cover;
		display:grid;
		place-items:center;
		place-content:center;
	}
	.shisen_item .cover a {
		display:block;
		width:75%;
		aspect-ratio:794 / 1123;
	}
	.shisen_item .cover a img {
		width:100%;
		height:auto;
	}
	.shisen_item .comment {
		display:grid;
		margin:auto;
		place-items:center;
		place-content:center;
	}



@media screen and (min-width:521px),print {

	#contents .title_m {
		font-size: 2rem;
	}
	.topicpath li {
		font-size:1rem;
	}

	.introduceComment {
		display:flex;
		flex-direction:row;
		margin:0 auto 0 auto;
		gap:2rem;
	}

	.kaname_item {
		display: grid;
		grid-template-columns:1fr 1fr;
		grid-template-rows:2rem 2.5rem 0rem auto 1fr;
		grid-template-areas:
			"cover pub-title"
			"cover pub-date"
			"cover contents"
			"cover desc"
			"comment desc";
		column-gap:10px;
		width:100%;
	}
/*
	.kaname_item.horizontal {
		display: grid;
		grid-template-columns:1fr 1fr;
		grid-template-rows:2rem 2.5rem 2rem auto 1fr;
		grid-template-areas:
			"cover pub-title"
			"cover pub-date"
			"cover contents"
			"cover desc"
			"comment desc";
	}
*/
	.kaname_item .pub-title {
/*		display:grid;
		grid-template-columns:1fr;
*/
		border-bottom:none;
		box-shadow:none;
		margin:0 auto 0 0;
	}
	.kaname_item .pub-date {
		margin:0 auto 0 0;
	}
	.kaname_item .contents {
		display:grid;
		width:100%;
		background: #fff;
		font-size: 1.1rem;
		font-weight:600;
		border-bottom: none;
	}
	.kaname_item .cover a {
		width:70%;
		height:auto;
		margin:auto;
	}
	.kaname_item .cover.horizontal a {
		display:block;
		width:70%;
		margin:auto;
		aspect-ratio: 1123 / 794;
	}
	.kaname_item .comment {
		width:100%;
		margin-right:0;
		text-align:center;
	}
	.kaname_item .desc {
		padding-top:0px;
		gap:1em;
	}

	.shisen_item_wrap {	
		display:grid;
		grid-template-columns:repeat(4,1fr);
		gap:15px;
		margin:auto;
		padding-left:1em;
		padding-right:1em;		
	}
	.shisen_item {
		display: grid;
		grid-template-columns:1fr;
		grid-template-rows:auto auto auto;
		grid-template-areas:
			"pub-title"
			"cover"
			"comment";
		row-gap:5px;
		width:100%;
		margin:40px auto 0;
	}
	.shisen_item .cover a {
		display:block;
		width:75%;
		aspect-ratio:794 / 1123;
	}
}

	.kaname_item .contents {
		display:none;
	}

	
	#contents .title_xs_chara {
		border-left: .5em solid steelblue;
		border-bottom: 2px solid steelblue;
		box-shadow: 0 2px 0 #4682b43f;
		background: #fff; 
		letter-spacing: .09em;
		font-weight: 600;
	}

	#contents .inner_width--contract-menu h3.title_xs_chara {
		letter-spacing: 0.1em;
	}

	@media print {
		body {
		width: 1000px;
		zoom: 0.68;
		-webkit-print-color-adjust: exact;
		}
}