body{	font-family: "Noto Sans JP", sans-serif;
	line-height: 1.8;
	letter-spacing: ;
	color: black;
	width: 500px; max-width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: gainsboro;
	font-size: 1em;
	}
@media (max-width: 640px) {/*すまほ*/ body{font-size: 0.9em;}}

a{	color: black;
	font-family: ;
	letter-spacing: ;
	padding: 0px 1px; margin: 0 2px;
	font-size: ;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;}
a:hover{ text-decoration: none;
	font-weight: bold;
	background-color: rgba(200, 200, 200,0.1);}

.box{margin: 0 20px;}

h1{	margin-top: 0; padding: 0; padding-top: 0;
	margin-left: ;
	letter-spacing: 2px;
	font-size: x-large;
	font-weight: normal;
	margin-bottom: 0; padding-bottom: 0;}
h2{
	font-family: ;
	letter-spacing: 7px;
	font-weight: normal;
	font-size: x-large;
	margin-left: 20px; padding-left:20px;
	line-height: 1;
	}

h4{	border-left: 5px  rgba(100, 100, 100, 0.2) solid;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 6px; padding-left:7px;
	font-family: ;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 1px;}

.center{	text-align: center;}
.migi{	text-align: right;
	justify-content: flex-end;}
.left{	text-align: left;}
.bold{	font-weight: bold;}
.nobold{	font-weight: normal;}
.black{	color: black;}
.gray{	color: gray;}
.backgray{	background-color: rgba(0, 0, 0,0.05)}
.red{	color: crimson;}
.blue{	color: blue;}
.sblue{	color: steelblue;}
.white{	color: white;}
.xxlarge{	font-size: xx-large;}
.xlarge{	font-size: x-large;}
.large{	font-size: large;}
.normal{	font-size: medium;}
.small{	font-size: small; letter-spacing: 0.5px;}
.xsmall{	font-size: x-small; letter-spacing: 1px;}
.inlineb{	display: inline-block;}
.inline{	display: inline;}
.block{	display: block;}
.date{	line-height: 1.2;}
.hdate{	line-height: 2.3;}
.gyoukan{letter-spacing: 2px;}
.aida{margin: 0 20px;}
.flex{ display: flex;
	justify-content: space-between;
	align-items: ;}

.textarea{
	overflow-y: ; overflow-x: hidden;
	width: ; height: 100px;
	max-width: 90%; max-height: 200px;
	padding: 5px 13px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255,0.25);
	/*border: 1px solid gray;*/
	border-radius: 8px;
	color: black;
	letter-spacing: 1px;
	}
.textarea a{
	color:;
	text-decoration: underline;}
				/*		ボタン		*/
.linkbtn{	background-color: rgba(255, 255, 255,0.4);
	border: silver 1px solid;
	border-radius: 5px;
	padding: 2px 6px;
	margin: 0;
	font-size: small;
	letter-spacing: 2px;
	color: black;
text-decoration: none;
	display: inline-block;}
.linkbtn a{	text-decoration: none;}


				/*		作品展示			*/
.bookcard .material-symbols-outlined{ font-size: x-large; color: ;}
.bookcard{
	display: flex; 
	justify-content: space-between;
	align-items: ;
	}
.bookcard div{
	margin: 5px; padding: 8px;
	max-width: 270px; max-height: ;
	width: 270px; height: auto;
	background-color: rgba(100, 100, 100,0.07);
	min-width: 0; flex-basis: 270px;
	}
.bookcard div img{
	width:100px;
	height: 130px;
	object-fit: cover;}
@media (min-width: 640px) {/*pcのばあい*/
.bookcard div img{
	float: left;
	margin-right: 6px;
	width:100px;
	height:130px;
	object-fit: cover;}
}

.mangacard{
	display: flex; 
	justify-content: space-between;
	align-items: ;
	}
.mangacard div{
	margin: 20px 0; /*padding: 8px;*/
	max-width: 100%; max-height: ;
	width: 400px; height: auto;
	background-color: rgba(100, 100, 100,0.07);
	min-width: 0; flex-basis: ;
	/*box-shadow: 0px 3px 6px rgba(0, 0, 0,0.5);*/
	/*border-radius: 8px;*/
	}
.padd{ padding: 8px;}
.mangacard div img{
	width: 100%;
	height: 130px;
	object-fit: cover;}

.mangacard .card img{
	margin:; padding: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /*border-radius: 8px;*/}


.samune li{	display: inline-block;}

.nsfw{	/*border: crimson 1px solid;*/
	filter: blur(3px);}


.samune{margin: 0;
	width: 100%;
	align-items: center;
	justify-content: ;}

.samune img{
	vertical-align: bottom;
	width: 45px; height: 45px;
	margin: 3px 0;
	border: solid 1px silver;
	object-fit: cover;
	border-radius: 3px;}
.square img{ border-radius: 0;}

.memosamune img{
	vertical-align: bottom;
	width: 135px; height: 135px;
	margin: 3px;
	object-fit: cover;
	border-radius: 3px;
}

				/*		モーダル表示		*/
body{	margin: 0 auto !important;}
.hide-area{
	display: none;
	text-align: center;
	width: 100vw;
	max-width: 100vw;
	height: 90vh !important;
	max-height: 100vh !important;
	.caption{
  		  display: block;
  		  padding: 10px 0;
		}
	img{	max-width:100%;
		max-height: ;
	}
}

				/**		readmore		**/
.readmore{
	}
.readmore summary {
	cursor: pointer;
	/*display: block;*/
	}
/*.readmore summary::-webkit-details-marker {
	display: none;
	}*/

				/**		img		**/
img{
	pointer-events: none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	user-select:none;
	}
@media print {
    body { display: none }
}


/*			おりたたみ			*/
details{	}
summary{ /*display: inline-block;*/
	width: max-content;}
/*summary::-webkit-details-marker{display: none;}*/
summary:hover{ cursor:pointer;
	font-weight: bold;
	background-color: rgba(200, 200, 200,0.2);}

/*			タブメニュー			*/

.tab-1 {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	width: 100%;
	justify-content: center;
	}

.tab-1 > label {
	flex: 1 1;
	order: -1;
	min-width: 70px;
	width: 100%;
	height: 40px;
	padding: 1.7em 1em 0;
	border-bottom: 1px solid darkgray;
	background-color: ;
	color: #535353;
	font-size: 1.1em;
	text-align: center;
	vertical-align: ;
	justify-content: ;
	cursor: pointer;
	font-weight: ;
	letter-spacing: 2px;
	}

.tab-1 > label:hover {	/*opacity: .5;*/
	font-weight: bold;
	background-color: rgba(200, 200, 200,0.2);}

.tab-1 input {	display: none;}

.tab-1 > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: ;
}

.tab-1 label:has(:checked) {
	font-weight: ;
	color: #000000;
	letter-spacing: ;
	border-bottom: 2px solid gray;
    background-color: ;
    border-color: ;
    border-style: ;
    border-width: ;
    border-radius: ;
    color: ;
}

.tab-1 label:has(:checked) + div {
    display: block;
}