body
	{
		--transition: all 0.3s;
		/* font-family: 'BIZ UDPGothic'; */
	}

	/* body.fanza
	{
		--button-color2: #f08;
		--sub-color: #fff;
		--fore-color1: #d7d7d7;
		--background-color1: #252525;
		--background-color2: #363636;
		--hover-color: #121212;
		--button-color1: #f08;
		--button-color2: #ffae00;
		--button-color1: #73b81e;
		--button-color4: #248fe1;
	}

	body.bright
	{
		--button-color2: #f08;
		--sub-color: #fff;
		--fore-color1: #222;
		--background-color1: #fff;
		--background-color2: #ddd;
		--hover-color: #ccc;
		--button-color1: #f08;
		--button-color2: #ffae00;
		--button-color1: #73b81e;
		--button-color4: #248fe1;
	} */

	/* fanza */
	body.fanza
	{
		margin: 0;
		/* background-color: var(--background-color1);
		color: var(--fore-color1); */
		/* -webkit-touch-callout: none; */
	}

	.fanza #container
	{
		position: relative;
		/* padding-top: 40px; */
		/* padding-bottom: 50vh; */
		/* width: 100%; */
		/* height: 100%; */
		/* background-color: #1DA1F2; */
	}
	@media screen and (max-width: 1000px)
	{
		.fanza #container
		{
			width: auto;
		}
	}

	.fanza #source
	{
		position: relative;
	}

	.fanza .author
	{
		text-align: center;
		/* padding: 5px; */
		margin-top: 150px;
		/* background-color: #222; */
	}

	/* .fanza footer
	{
		text-align: center;
		padding: 2rem;
		margin-top: 150px;
		background-color: var(--background-color2);
		color: var(--sub-color);
	} */

	.fanza .navi
	{
		z-index: 1;
		top: 0;
		left: 0;
		position: fixed;
		width: 100%;
		border-bottom: var(--button-color1) 5px solid;
		background-color: var(--background-color1);
		color: var(--fore-color1);
	}

	.fanza .navi ul
	{
		margin-left: 0;
		padding-left: 0;
	}

	.fanza .navi ul li
	{
		display: inline-block;
		margin-left: 0.5rem;
		padding: 8px 15px;
		background-color: var(--background-color2);
		color: var(--fore-color1);
		border-radius: 20px;
		border-right: var(--button-color1) 4px solid;
	}

	.fanza .navi li
	{
		padding: 30px 0;
	}

	.fanza .navi a
	{
		display: block;
		color: var(--button-color1);
		text-decoration: underline;
		text-decoration: none;
	}

	.fanza .review a
	{
		text-decoration: none;
	}

	.fanza .review
	{
		margin: 5px 0;
		font-size: 0.96rem;
	}

	.fanza .review span
	{
		font-size: 1.38rem;
	}

	.fanza div.items h3
	{
		text-overflow: ellipsis;
	}

	.fanza h3.category
	{
		margin: 20px 10px;
		padding: 1rem;
		text-indent: 1rem;
		border-left: var(--button-color2) 8px solid;
		color: var(--fore-color);
	}

	/* @media screen and (max-width: 780px) */
	@media screen and (max-width: 800px)
	{
		.fanza h3.category
		{
			text-align: center;
			border-left: none;
			background-color: var(--button-color2);
			border-radius: 20px;
			color: var(--sub-color);
		}
	}

	.fanza div.items
	{
		position: relative;
		display: inline-block;
		text-align: center;
		margin: calc(100% * 0.002);
		margin-bottom: 60px;
		padding: calc(100% * 0.004);
		/* width: calc(100% * 0.238); */
		width: calc(100% * 0.446);
		/* height: calc(100% * 0.338);
		max-height: 380px;
		min-height: 440px;
		height: calc(100vh * 0.238); */

		background-color: var(--background-color2);
		color: var(--fore-color1);
		border-radius: 20px;

		/* overflow: hidden; */
		/* background-color: rgb(214, 214, 214); */
		/* color: #222; */
	}

	/* .fanza .items *
	{
		display: none;
	} */

	/* .fanza .items .thumbnail a
	{
		filter: saturate(0);
	} */

	/* .fanza .thumbnail a:hover
	{
		filter: saturate(1);
	} */

	.fanza .items .thumbnail,
	.fanza .items .item_title
	{
		display: block;
	}

	.fanza .items .item_title a
	{
		color: var(--button-color1);
	}

	/* .fanza .items .item_title
	{
		width: 100%;
		height: 50px;
		z-index: 8 !important;
		position: absolute;
		top: 20px;
		left: 0;
	} */

	.fanza div.items:hover
	{
		background-color: var(--hover-color);
	}

	.fanza .thumbnail
	{
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
		height: calc(100vh * 0.285);
		background-color: #000;
		border-radius: 20px;
		overflow: hidden;
	}

	.fanza .thumbnail a
	{
		display: inline-block;
		width: 100%;
		height: calc(100vh * 0.285);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		/* object-fit: cover; */
		transition: all 0.5s 0s ease;
	}

	/* .fanza .thumbnail a:hover
	{
		transform: scale(1.32);
	} */

	.fanza h1,
	.fanza h3
	{
		font-size: 1.6em;
		margin: 2px 0;
		white-space: nowrap;
		overflow: hidden;
	}

	.fanza .total_count
	{
		position: absolute;
		top: 8px;
		right: 8px;
	}

	.fanza .tw,
	.fanza .book-info,
	.fanza .book,
	.fanza .valuation
	{
		margin: 5px auto;
		margin-right: 10px;
		display: inline-block;
		min-width: 66%;
		height: 40px;
		border: #000 2px solid;
		border-radius: 10px;
		/* background-image: url("/global/images/t.png"); */
		background-repeat: no-repeat;
		background-position: -12px center;
		background-size: 60px;
		color: #000;
		text-decoration: none;
		font-weight: 900;
		font-size: smaller;
		text-shadow: 1px 1px 0 #fff,
					-1px 1px 0 #fff,
					1px -1px 0 #fff,
					-1px -1px 0 #fff;
		/* text-indent: 0.8em; */
		text-align: center;
		line-height: 40px;
	}

	.fanza .tw
	{
		background-color: #1da1f2;
		background-color: #363a3d;
		background-color: var(--button-color4);
		background-image: url("/images/logo-white.png");
	}

	.fanza .book,
	.fanza .book-info
	{
		background-image: url('/images/tatiyomi.svg');
	}

	.fanza .book-info
	{
		background-color: #ff0088;
		background-color: var(--button-color1);
		color: var(--dark-blue);
	}

	.fanza .book
	{
		background-color: #ffae00;
		background-color: var(--button-color2);
	}	

	.fanza .valuation
	{
		background-color: #1eb885;
		background-color: var(--button-color1);
	}

	.fanza .disable
	{
		background-color: #ccc;
		color: #888;
		border: 2px solid #888;
		text-shadow: none;
		font-weight: 0;
	}

	/* .fanza a
	{
		text-decoration: none;
		color: #fff;
		color: #333;
		color: var(--fore-color1);
	} */

	.fanza .fav::before
	{
		content: '👍';
	}

	.fanza .fav
	{
		position: absolute;
		top: -5px;
		left: 2px;
		font-size: 200%;
		text-shadow: #fff 2px 2px 0px;
		filter: hue-rotate(-80deg);
		/* padding: 10px; */
		/* width: 30px;
		height: 30px; */
		/* background-image: url('/images/ojo3_1.jpg');
		background-position: center;
		background-size: 80px;
		background-repeat: no-repeat; */
	}

	.fanza textarea
	{
		background-color: #111;
		color: #999;
		resize: none;
		border: none;
		/* width: calc(100vw * 0.1689); */
		width: calc(100% * 0.4);
		width: 100%;
		height: calc(100vh * 0.185);
		height: 50px;
		overflow: hidden;
	}

	.fanza .contacts
	{
		display: block;
		cursor: pointer;
		margin: 10px auto;
		padding: 20px;
		width: 150px;
		margin: 0 auto;
		border: var(--fore-color1) dotted 1px;
	}

	.fanza .contacts:hover
	{
		background-color: var(--button-color1);
		transition: var(--transition);
	}

	.fanza #container
	{
		min-height: 100vh;
	}

	.fanza .test
	{
		min-height: 90vh;
	}

	.fanza .processtime
	{
		margin: 36px 5px;
	}

	/* ::-webkit-scrollbar
	{
		width: 18px;
	}

	::-webkit-scrollbar-thumb
	{
		background-color: var(--button-color2);
	} */

	#toggle_style
	{
		margin: 0;
		padding: 0;
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 1;
		/* background: #666; */
		color: #222;
		/* width: 1.5em;
		height: 1.5em; */
		font-size: 2em;
		text-align: center;
		cursor: pointer;

		/* text-shadow: 
			0 0 10px #fff,
			0 0 10px #fff,
			0 0 10px #fff,
			0 0 10px #fff,
			0 0 10px #fff,
			0 0 10px #fff,
			0 0 10px #fff,
			0 0 10px #fff,
			0 0 10px #fff,
			0 0 10px #fff,
			0 0 10px #fff,
			0 0 10px #fff, */
	}

	#toggle_style::before
	{
		content: '🌕️';
	}

	.bright #toggle_style::before
	{
		content: '🌑';
	}

	/* #toggle_style:hover
	{
		background-color: var(--button-color1);
		transition: var(--transition);
	} */

	@media screen and (max-width: 800px)
	{
		.fanza #container
		{
			padding-top: 0;
		}

		.fanza h3.category
		{
			text-align: center;
			border-left: none;
			background-color: var(--button-color2);
			border-radius: 20px;
			color: var(--sub-color);
		}

		.fanza div.items
		{
			display: block;
			width: 90vw;
			margin-left: auto;
			margin-right: auto;
		}

		.fanza .navi,
		.fanza .total_count
		{
			position: relative;
			height: auto;
			right: auto;
			text-indent: 0;
		}
		
		.fanza .navi
		{
			text-align: center;
			position: fixed;
			/* top: auto;
			bottom: 0;
			border-bottom: none;
			border-top: var(--button-color2) 5px solid; */
		}

		.fanza .navi ul li
		{
			/* min-width: calc(100% * 0.27); */
			margin-right: 2px;
			padding: 3px 8px;
			white-space: nowrap;
			text-align: center;
		}

		.fanza .total_count
		{
			position: relative;
			text-align: center;
		}

		.fanza .processtime
		{
			margin: 5px;
		}
	}

	.dmm-widget-placement
	{
		display: block;
		margin: 0 auto;
		margin-top: 150px;
		text-align: center;
		background-color: aqua;
	}
	
	#\31 c37df9e0d28e5876ebc5b920829efb9c,
	#c37df9e0d28e5876ebc5b920829efb9c,
	#\31 17dd04c24fc0ce6467b0f1c92014901
	{
		width: 50vw !important;
		overflow: hidden;
	}

	h3.h3keyword
	{
		margin-bottom: 20px;
	}

	.count
	{
		margin: 20px auto;
		text-align: right;
	}

	/* ブリンク */
	@keyframes blink-highlight
	{
		0% {
			box-shadow: 0 0 0 0 rgba(255, 200, 0, .8);
		}

		50% {
			box-shadow: 0 0 12px 6px rgba(255, 200, 0, 1);
		}

		100% {
			box-shadow: 0 0 0 0 rgba(255, 200, 0, 0);
		}
	}

	.blink
	{
		animation: blink-highlight 1s ease-in-out 2;
		/* visibility:visible; */
	}

	/* オーバーレイ */
	.spotlight-overlay
	{
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.8);
		z-index: 9998;
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.3s ease;
		pointer-events: none;
	}

	.spotlight-overlay.show
	{
		opacity: 1;
		pointer-events: auto;
	}

	.spotlight-target
	{
		position: relative;
		z-index: 9999;
	}

	/*  */
	#menuBtn
	{
		position: fixed;
		top: 6px;
		right: 6px;
		z-index: 1001;
		font-size: 1.6em;
	}

	.tags,
	.tags *
	{
		overscroll-behavior: none;
	}

	.tags
	{
		position: fixed;
		top: 0;
		/* left: 15%; */
		left: 0;
		z-index: 1000;
		padding-top: 20px;
		/* width: 50%; */
		color: #fff;
		transition:
			transform 0.2s ease,
			opacity 0.2s linear;
		text-align: center;

		opacity: 0;
		transform: translateY(-100%);
	}
	@media screen and (max-width: 800px)
	{
		.tags
		{
			width: 100%;
			left: 0;
		}
	}

	.tags.open::-webkit-scrollbar
	{
		width: 1px;
	}

	.tags.open::-webkit-scrollbar-track,
	.tags.open::-webkit-scrollbar-thumb
	{
		background: #222;
		border-radius: 10px;
	}
	
	.tags.open
	{
		height: 600px;
		height: calc(100vh - 20px);
		/* height: calc(100vh - 60px); */
		overflow-y: scroll;

		opacity: 1;
		transform: translateY(0);
		backdrop-filter: blur(20px) brightness(0.5);
	}

	.tag a
	{
		color: #222;
	}

	.tag
	{
		display: inline-block;
		margin: 0 2px 10px 2px;
		margin: 0 2vw 2vw 2vw;
		padding: 0.8em;
		width: max-content;
		/* max-width: 150px; */
		background: #e466a9ff;
		background: var(--button-color2);
		color: #222;
		overflow: hidden;
		border-radius: 30px;
		text-overflow: ellipsis;
		white-space: nowrap;
		/* font-size: 4.2vw; */
		font-weight: bolder;
	}