@charset "UTF-8";
/*! stylesheet style slider v1.00 (http://www.sofrosune.net/) */
/*!
	Copyright (C) 2015 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, March 21, 2026
	Creation date: Mon Jul 06 2026 16:20:40 GMT+0900
*/
/*! stylesheet common set v1.00 (http://www.sofrosune.net/) */
/**/
/*! stylesheet base globals v1.00 (http://www.sofrosune.net/) */
/*! stylesheet common set v1.00 (http://www.sofrosune.net/) */
/**/
/*! stylesheet mixins v1.00 (http://www.sofrosune.net/) */
/* === TEMP === */
/** Usage: .TEMP
*/
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:root {
	--bg: #fff;
	--surface: #13131a;
	--border: #ccc;
	--play-border: rgba(204,204,204);
	--accent: #e8d5b0;
	--accent2: #7c6fcd;
	--text: #f0ece4;
	--muted: rgba(240,236,228,0.4);
	--radius: 4px;
	--slide-duration: 0.6s;
}

body {
	background: var(--bg);
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
}

/* Slideshow wrapper */
.slideshow {
	position: relative;
	width: min(928px, 92vw);
	/* Counter top-right */
}
.slideshow .slide-counter {
	font-size: 11px;
	letter-spacing: 0.15em;
	color: var(--muted);
	text-align: right;
	margin-bottom: 16px;
}
.slideshow .slide-counter span {
	color: var(--accent);
}
.slideshow {
	/* Viewport */
}
.slideshow .slide-viewport {
	position: relative;
	width: 100%;
	aspect-ratio: 16/19; /*16 / 12*/
}
@media print, screen and (min-width: 480px) {
	.slideshow .slide-viewport {
		aspect-ratio: 16/16; /*16 / 9*/
	}
}
@media print, screen and (min-width: 720px) {
	.slideshow .slide-viewport {
		aspect-ratio: 16/12; /*16 / 9*/
	}
}
@media print, screen and (min-width: 960px) {
	.slideshow .slide-viewport {
		aspect-ratio: 16/9;
	}
}
.slideshow .slide-viewport {
	border: 1px solid var(--border);
	border-radius: 1rem;
	overflow: hidden;
}
.slideshow {
	/* Progress bar */
}
.slideshow .progress-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background: var(--accent);
	transition: width var(--slide-duration) cubic-bezier(0.4, 0, 0.2, 1);
}
.slideshow {
	/* Keyboard hint */
}
.slideshow .hint {
	text-align: center;
	font-size: 10px;
	letter-spacing: 0.12em;
	color: #844;
	margin-top: 16px;
	opacity: 0.6;
}
.slideshow {
	/* ── Controls row ── */
}
.slideshow .controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.5rem;
	gap: 16px;
	/* Prev / Next buttons */
}
.slideshow .controls .btn {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background-color: #888;
	color: var(--text);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: border-color 0.2s, background 0.2s, transform 0.15s;
}
.slideshow .controls .btn:hover {
	background-color: #ccc;
}
.slideshow .controls .btn:active {
	transform: scale(0.95);
}
.slideshow .controls .btn:disabled {
	opacity: 0.25;
	cursor: not-allowed;
	transform: none;
}
.slideshow .controls .btn svg {
	width: 18px;
	height: 18px;
}
.slideshow .controls {
	/* Pause / Play toggle button */
}
.slideshow .controls .btn-play {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border: 1px solid var(--play-border);
	border-radius: 50%;
	background: transparent;
	color: var(--muted);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.2s, border-color 0.2s, transform 0.15s;
}
.slideshow .controls .btn-play:hover {
	color: var(--accent);
	border-color: var(--accent);
	background-color: #fee;
}
.slideshow .controls .btn-play svg {
	width: 14px;
	height: 14px;
}
.slideshow {
	/* Dot indicators */
}
.slideshow .indicators {
	display: flex;
	gap: 10px;
	align-items: center;
	font-family: cursive;
}
.slideshow .indicators .dot {
	cursor: pointer;
}
.slideshow .indicators {
	/* ── Autoplay timer ring around active dot ── */
}
.slideshow .indicators .dot-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 35%;
	border: 1px solid #ccc;
}
.slideshow .indicators .dot-wrap.active {
	transition: transform 0.5s;
	transform: scale(1.25) !important;
}
.slideshow .indicators .dot-wrap span.dot {
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 1px 6px;
	font-size: 12px;
}
.slideshow .indicators .dot-wrap span.dot.active {
	color: red;
}
.slideshow .indicators .timer-ring {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.slideshow .indicators .timer-ring circle {
	fill: none;
	stroke: var(--accent);
	stroke-width: 1.5;
	stroke-linecap: round;
	transform-origin: 50% 50%;
	transform: rotate(-90deg);
	stroke-dasharray: 50.27; /* 2π × 8 */
	stroke-dashoffset: 50.27;
	opacity: 0;
	transition: opacity 0.3s;
}
.slideshow .indicators .dot-wrap.active .timer-ring circle {
	opacity: 1;
}
.slideshow {
	/* Individual slide */
}
.slideshow .slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: translateX(360px);
	transition: opacity var(--slide-duration) cubic-bezier(0.4, 0, 0.2, 1), transform var(--slide-duration) cubic-bezier(0.4, 0, 0.2, 1);
}
.slideshow .slide.active {
	opacity: 1;
	transform: translateX(0);
}
.slideshow .slide.exit {
	opacity: 0;
	transform: translateX(-260px);
}
.slideshow .slide {
	/* Slide content */
}
.slideshow .slide .slide-tag {
	display: none;
	font-size: 0.875rem;
	padding: 0.25rem 1rem;
	background-color: #fee;
}
.slideshow .slide .slide-title {
	font-family: "BIZ UDPGothic", sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.1;
	padding: 0.5rem 1rem;
	color: #fff;
	background-color: #04c;
}
.slideshow .slide {
	/*
			.slide-desc {
				padding-top:1.0rem;
				font-size: 1.0rem;
			//	line-height: 1.8;
			//	color: var(--muted);
			//	text-align: center;
			//	max-width: 480px;
			//	background-color:#efe;
			}
	*/
}
.slideshow {
	/* per-slide accent colors */
	/*
		.slide-1 { 
			background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(232,213,176,0.07) 0%, transparent 70%);
			.slide-title { color: var(--accent); }
		}
		.slide-2 { 
			background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(168,216,176,0.07) 0%, transparent 70%);
			.slide-title { color: #a8d8b0; }
		}
		.slide-3 { 
			background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(176,200,232,0.07) 0%, transparent 70%);
			.slide-title { color: #b0c8e8; }
		}
		.slide-4 { 
			background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(232,176,200,0.07) 0%, transparent 70%);
			.slide-title { color: #e8b0c8; }
		}
		.slide-5 { 
			background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(124,111,205,0.12) 0%, transparent 70%);
			.slide-title { color: var(--accent2); filter: brightness(1.6); }
		}
	*/
}
.slideshow ul.bull-mark1 {
	list-style: none;
}
.slideshow ul.bull-mark1 li::before {
	content: "▶"; /*▶*/
	color: red;
	display: inline-block;
	width: 0.8rem;
	margin-left: -0.9rem;
}
.slideshow ul.bull-mark1 li.no-bull::before {
	content: none;
}
.slideshow .pop-pdf {
	cursor: url("../images/pop-pdf-32x32.png"), auto;
}
.slideshow .pop-zoom {
	cursor: url("../images/pop-zoom-32x32.png"), auto;
}
.slideshow .pop-movie {
	cursor: url("../images/pop-movie-32x32.png"), auto;
}

/* end of style */