@charset "UTF-8";


/*

	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/dot_pack_alpha.png");
	background-color: transparent;
	background-size: 20px 49px;

	background-color: transparent;

	border-style: solid;
	border-color: transparent;
	border-width: 1px 0px 1px 0px;

	box-sizing: border-box;

	border-radius: 50px;

	text-align: center;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 0.008em;
	color: #000000;
	font-weight: 400;
	text-decoration: none;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;

	position: relative;
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	z-index: 10000;

	transition-delay: 0s;
	transition-property: all;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;

	border-radius: 50px;

	transition: background-color 0.3s ease 0s;

	transition: opacity 0.3s ease 0s;




.zen-old-mincho-medium {
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	font-style: normal;
}

.zen-old-mincho-bold {
	font-family: "Zen Old Mincho", serif;
	font-weight: 700;
	font-style: normal;
}

.zen-old-mincho-black {
	font-family: "Zen Old Mincho", serif;
	font-weight: 900;
	font-style: normal;
}


@media only screen and ( max-width: 1000px ){


}

*/




:root{
/*
	--mag25: 2.5 / 750px * 100 * 1vw;
	--mag23: 2.3 / 750px * 100 * 1vw;
	--mag22: 2.2 / 750px * 100 * 1vw;
	--mag2: 2.0 / 750px * 100 * 1vw;
	--mag17: 1.7 / 750px * 100 * 1vw;
	--mag15: 1.5 / 750px * 100 * 1vw;
	--mag13: 1.3 / 750px * 100 * 1vw;
	--mag12: 1.2 / 750px * 100 * 1vw;
	--mag1: 1.0 / 750px * 100 * 1vw;

	--mag1920: 1.0 / 1920px * 100 * 1vw;

	--mag1k: 1.0 / 1000px * 100 * 1vw;

	--mag08k: 1.0 / 800px * 100 * 1vw;
*/

	--mag25: 0.333333vw;
	--mag23: 0.306666vw;
	--mag22: 0.293333vw;
	--mag2: 0.266666vw;
	--mag17: 0.226666vw;
	--mag15: 0.2vw;
	--mag13: 0.173333vw;
	--mag12: 0.16vw;
	--mag1: 0.133333vw;

	--mag1920: 0.05208333vw;

	--mag1k: 0.1vw;

	--mag08k: 0.125vw;

	/* min-height: calc( 107 * var(--mag13) ); */

	/* min-height: calc( 107 * var(--mag1k) ); */
}




html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-text-size-adjust: none;
	background-color: #990000;
}

html {
	/*scrollbar-gutter: stable;*/
}

body {
	background-size: auto auto;
}

.default_font_family,
body {
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	font-style: normal;
}

strong {
	font-weight: 900;
}




@media only screen and ( max-width: 750px ){

}




/* ------------------------------------------------------------------------------------------------ Anchor */




.anchor_pos {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

@media only screen and ( max-width: 750px ){

	.anchor_pos {
		top: calc( 0 * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ Header */




#whts_top_fixed_bg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	height: 100dvh;
	height: 100lvh;
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/ts_fv_bg01.jpg");
	background-color: transparent;
	background-size: cover;
}

@keyframes bgscrollanim {
	0% {
		background-position: 0px 0px;
	}
	100% {
		background-position: 99999px -99999px; /* Shifts to the left */
	}
}

#whts_top_fixed_bg::after {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/ts_fv_bg_pat01.png");
	background-color: transparent;
	background-size: 1024px auto;
	animation: bgscrollanim 10000s linear infinite;
}

#whts_top_fixed_bg canvas {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

@media only screen and ( max-width: 1000px ){

	@keyframes bgscrollanim {
		0% {
			background-position: 0px 0px;
		}
		100% {
			background-position: calc( 99999 * var(--mag1k) ) calc( -99999 * var(--mag1k) ); /* Shifts to the left */
		}
	}

	#whts_top_fixed_bg::after {
		background-size: 1024px auto;

		background-size: calc( 1024 * var(--mag1k) ) auto;
	}

}




#whts_header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: none;
	position: relative;
}




/* ------------------------------------------------------------------------------------------------ Main */




#whts_main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	overflow: hidden;
}

#whts_main .fv_content_box {
	margin: 0px auto 0px auto;
	padding: 150px 0px 200px 0px;
	display: block;
	width: 1000px;

	padding: 120px 0px 150px 0px;
}

#whts_main .fv_content_box .fv_content_box_head2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
	gap: 42px;
	width: auto;
}

#whts_main .fv_content_box .fv_content_box_head2 img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
}

#whts_main .fv_content_box .fv_content_box_head2 img:first-child {
	height: 72px;

	height: 62px;
}

#whts_main .fv_content_box .fv_content_box_head2 img:last-child {
	height: 32px;
}

@media only screen and ( max-width: 1120px ){

	#whts_main .fv_content_box {
		margin-left: 60px;
		margin-right: 60px;
		width: auto;
	}

}

@media only screen and ( max-width: 1000px ){

	#whts_main .fv_content_box {
		margin-left: 60px;
		margin-right: 60px;
		padding: 150px 0px 200px 0px;

		margin-left: calc( 60 * var(--mag1k) );
		margin-right: calc( 60 * var(--mag1k) );
		padding: calc( 150 * var(--mag1k) ) 0px calc( 200 * var(--mag1k) ) 0px;
	}

	#whts_main .fv_content_box .fv_content_box_head2 {
		gap: 42px;

		gap: calc( 42 * var(--mag1k) );
	}

	#whts_main .fv_content_box .fv_content_box_head2 img:first-child {
		height: 72px;

		height: calc( 62 * var(--mag1k) );
	}

	#whts_main .fv_content_box .fv_content_box_head2 img:last-child {
		height: 32px;

		height: calc( 32 * var(--mag1k) );
	}

}

@media only screen and ( max-width: 750px ){

	#whts_main .fv_content_box {
		margin-left: calc( 60 * var(--mag1) );
		margin-right: calc( 60 * var(--mag1) );
		padding: calc( 120 * var(--mag1) ) 0px calc( 180 * var(--mag1) ) 0px;
	}

	#whts_main .fv_content_box .fv_content_box_head2 {
		gap: calc( 42 * var(--mag1) );
	}

	#whts_main .fv_content_box .fv_content_box_head2 img:first-child {
		height: calc( 64 * var(--mag1) );
	}

	#whts_main .fv_content_box .fv_content_box_head2 img:last-child {
		height: calc( 29 * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ FV */




#whts_top_fv {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

#whts_top_fv #whts_top_fv_body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 1000px;
	height: auto;
	min-height: 1410px;
	position: relative;

	width: 800px;
	min-height: 1128px;
}

#whts_top_fv #whts_top_fv_body .kvimg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

#whts_top_fv #whts_top_fv_body #whts_top_fv_texts {
	margin: 0px 0px 0px 0px;
	padding: 112px 0px 100px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;

	padding: 112px 0px 80px 0px;
}

#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h1,
#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 137px;
	height: auto;
	position: relative;

	width: 110px;
}

#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h1 img,
#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h2 img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h2 img:last-child {
	position: absolute;
	top: 0px;
	left: 0px;
}

#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h1 {
	width: 605px;

	width: 484px;
}

/*
@media only screen and ( max-width: 1000px ){

	#whts_top_fv #whts_top_fv_body {
		width: 1000px;
		min-height: 1410px;

		width: calc( 1000 * var(--mag1k) );
		min-height: calc( 1410 * var(--mag1k) );

		min-height: 0px;
	}

	#whts_top_fv #whts_top_fv_body #whts_top_fv_texts {
		padding: 112px 0px 100px 0px;

		padding: calc( 112 * var(--mag1k) ) 0px calc( 100 * var(--mag1k) ) 0px;
	}

	#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h1,
	#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h2 {
		width: 137px;

		width: calc( 137 * var(--mag1k) );
	}

	#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h1 img,
	#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h2 img {
		width: 100%;
	}

	#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h1 {
		width: 605px;

		width: calc( 605 * var(--mag1k) );
	}

}
*/

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

	#whts_top_fv #whts_top_fv_body {
		width: calc( 800 * var(--mag08k) );
		min-height: 0px;
	}

	#whts_top_fv #whts_top_fv_body #whts_top_fv_texts {
		padding: calc( 112 * var(--mag08k) ) 0px calc( 80 * var(--mag08k) ) 0px;
	}

	#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h1,
	#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h2 {
		width: calc( 110 * var(--mag08k) );
	}

	#whts_top_fv #whts_top_fv_body #whts_top_fv_texts h1 {
		width: calc( 484 * var(--mag08k) );
	}

}




/* ------------------------------------------------------------------------------------------------ Announcement */




#whts_top_announce {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 190px;
	background-repeat: repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/ts_announcement_bg_pat01.jpg");
	background-color: transparent;
	background-size: 300px auto;
	animation: bgscrollanim 10000s linear infinite;
}

#whts_top_announce h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
}

@keyframes glitch-chaos-1 {
	0%, 6%, 13%, 14%, 31%, 32%, 55%, 56%, 76%, 100% {
		opacity: 0;
		transform: translate(0, 0);
		clip-path: inset(0 0 0 0);
	}

	7% {
		opacity: .18;
		transform: translate(-3px, 1px);
		clip-path: inset(11% 0 83% 0);
	}

	8.5% {
		opacity: .7;
		transform: translate(19px, -4px) skewX(7deg);
		clip-path: inset(64% 0 18% 0);
	}

	9.2% {
		opacity: .25;
		transform: translate(-11px, 5px);
		clip-path: inset(37% 0 49% 0);
	}

	10.8% {
		opacity: .9;
		transform: translate(28px, -2px) scaleX(1.05);
		clip-path: inset(81% 0 5% 0);
	}

	12.4% {
		opacity: 0;
		transform: translate(0, 0);
		clip-path: inset(0 0 0 0);
	}

	33% {
		opacity: .45;
		transform: translate(8px, -6px);
		clip-path: inset(22% 0 62% 0);
	}

	34.1% {
		opacity: .12;
		transform: translate(-5px, 2px);
		clip-path: inset(71% 0 13% 0);
	}

	35.7% {
		opacity: .85;
		transform: translate(-24px, -1px) skewX(-10deg);
		clip-path: inset(6% 0 88% 0);
	}

	36.3% {
		opacity: .3;
		transform: translate(14px, 7px);
		clip-path: inset(49% 0 34% 0);
	}

	38.9% {
		opacity: .75;
		transform: translate(31px, -3px);
		clip-path: inset(58% 0 25% 0);
	}

	40.2% {
		opacity: .2;
		transform: translate(-17px, 4px);
		clip-path: inset(28% 0 57% 0);
	}

	43.6% {
		opacity: .95;
		transform: translate(22px, -8px) scaleX(1.08);
		clip-path: inset(84% 0 3% 0);
	}

	44.4% {
		opacity: 0;
		transform: translate(0, 0);
		clip-path: inset(0 0 0 0);
	}

	57.2% {
		opacity: .28;
		transform: translate(-9px, 3px);
		clip-path: inset(14% 0 78% 0);
	}

	58% {
		opacity: .8;
		transform: translate(26px, -5px) skewX(12deg);
		clip-path: inset(66% 0 16% 0);
	}

	59.6% {
		opacity: .15;
		transform: translate(-4px, -2px);
		clip-path: inset(42% 0 41% 0);
	}

	60.1% {
		opacity: .65;
		transform: translate(-21px, 6px);
		clip-path: inset(76% 0 8% 0);
	}

	63.8% {
		opacity: .9;
		transform: translate(18px, -1px) scaleY(1.04);
		clip-path: inset(9% 0 86% 0);
	}

	65% {
		opacity: 0;
		transform: translate(0, 0);
		clip-path: inset(0 0 0 0);
	}

	77.3% {
		opacity: .5;
		transform: translate(12px, 5px);
		clip-path: inset(31% 0 51% 0);
	}

	78.9% {
		opacity: .88;
		transform: translate(-29px, -4px) skewX(-14deg);
		clip-path: inset(70% 0 11% 0);
	}

	80.4% {
		opacity: .22;
		transform: translate(6px, -2px);
		clip-path: inset(18% 0 69% 0);
	}

	83.7% {
		opacity: .72;
		transform: translate(24px, 6px) scaleX(1.06);
		clip-path: inset(53% 0 29% 0);
	}

	84.5% {
		opacity: 0;
		transform: translate(0, 0);
		clip-path: inset(0 0 0 0);
	}
}

#whts_top_announce h2::after {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/ts_announcement_text01.png");
	background-color: transparent;
	background-size: contain;
	/*background-size: 130% auto;*/
	animation: glitch-chaos-1 6.73s infinite steps(1);
}

#whts_top_announce h2 img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 53px;
	position: relative;
}

@media only screen and ( max-width: 1000px ){

	#whts_top_announce {
		height: 190px;
		background-size: 300px auto;

		height: calc( 190 * var(--mag1k) );
		background-size: calc( 300 * var(--mag1k) ) auto;
	}

	#whts_top_announce h2 img {
		height: 53px;

		height: calc( 53 * var(--mag1k) );
	}

}

@media only screen and ( max-width: 750px ){

	#whts_top_announce {
		height: calc( 190 * var(--mag1) );
		background-size: calc( 300 * var(--mag1) ) auto;
	}

	#whts_top_announce h2 img {
		height: calc( 53 * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ PV */




#whts_top_pv {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 100%;
	height: 700px;

	height: 600px;
}

#whts_top_pv #ytPlayer_cover2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#whts_top_pv #ytPlayer_cover2::after {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba( 0, 0, 0, 0.6 );
}

#whts_top_pv #ytPlayer_cover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	flex-shrink: 0;
}

#whts_top_pv #ytPlayer_cover iframe {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#whts_top_pv h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

#whts_top_pv h2 a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 78px;
	position: relative;
	width: 100%;
	height: 100%;
}

#whts_top_pv h2 a img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
}

#whts_top_pv h2 a img:first-child {
	height: 140px;

	height: 120px;
}

#whts_top_pv h2 a img:last-child {
	height: 124px;
	transition: transform 0.3s ease;

	height: 100px;
}

#whts_top_pv h2 a:hover img:last-child {
	transform: scale(1.1);
}

@media only screen and ( max-width: 1920px ){

	#whts_top_pv #ytPlayer_cover {
		width: 1920px;
	}

}

@media only screen and ( max-width: 1000px ){

	#whts_top_pv {
		height: 700px;

		height: calc( 700 * var(--mag1k) );
	}

	#whts_top_pv #ytPlayer_cover {
		width: 1920px;

		width: calc( 1920 * var(--mag1k) );
	}

	#whts_top_pv h2 a {
		gap: 78px;

		gap: calc( 78 * var(--mag1k) );
	}

	#whts_top_pv h2 a img:first-child {
		height: 140px;

		height: calc( 140 * var(--mag1k) );
	}

	#whts_top_pv h2 a img:last-child {
		height: 124px;

		height: calc( 124 * var(--mag1k) );
	}

}

@media only screen and ( max-width: 750px ){

	#whts_top_pv {
		height: calc( 423 * var(--mag1) );
	}

	#whts_top_pv #ytPlayer_cover {
		width: calc( 1920 * var(--mag1) );

		width: calc( 1280 * var(--mag1) );
	}

	#whts_top_pv h2 a {
		gap: calc( 34 * var(--mag1) );
	}

	#whts_top_pv h2 a img:first-child {
		height: calc( 100 * var(--mag1) );
	}

	#whts_top_pv h2 a img:last-child {
		height: calc( 103 * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ Message */




#whts_top_message {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

#whts_top_message .message_nav {
	margin: 130px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	position: relative;
	gap: 90px;
	width: 100%;
	height: auto;

	gap: 70px;
	margin: 100px 0px 0px 0px;
}

#whts_top_message .message_nav .message_nav_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 64px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
	gap: 40px;
	position: relative;
	width: 700px;
	height: 98px;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/ts_message_arrow.svg");
	background-color: transparent;
	background-size: contain;
	text-align: center;
	font-size: 38px;
	line-height: 38px;
	letter-spacing: 0.0em;
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	box-sizing: border-box;
	transition: opacity 0.3s ease 0s;

	font-size: 30px;
}

#whts_top_message .message_nav .message_nav_item:hover {
	opacity: 0.5;
}

#whts_top_message .message_nav .message_nav_item .name {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

#whts_top_message .message_nav .message_nav_item .name2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 11px 0px 11px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	background-color: #000000;
	font-size: 22px;
	line-height: 22px;
	min-height: 32px;
}

#whts_top_message .message_nav .message_nav_item .name .name_in,
#whts_top_message .message_nav .message_nav_item .name2 .name2_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@media only screen and ( max-width: 1000px ){

	#whts_top_message .message_nav {
		margin: 130px 0px 0px 0px;
		gap: 90px;

		margin: calc( 124 * var(--mag1k) ) 0px 0px 0px;
		gap: calc( 124 * var(--mag1k) );
	}

	#whts_top_message .message_nav .message_nav_item {
		padding: 0px 0px 0px 64px;
		gap: 40px;
		width: 700px;
		height: 98px;
		font-size: 38px;
		line-height: 38px;

		padding: 0px 0px 0px calc( 64 * var(--mag1k) );
		gap: calc( 40 * var(--mag1k) );
		width: calc( 700 * var(--mag1k) );
		height: calc( 98 * var(--mag1k) );
		font-size: calc( 30 * var(--mag1k) );
		line-height: calc( 38 * var(--mag1k) );
	}

	#whts_top_message .message_nav .message_nav_item .name2 {
		padding: 0px 11px 0px 11px;
		font-size: 22px;
		line-height: 22px;
		min-height: 32px;

		padding: 0px calc( 11 * var(--mag1k) ) 0px calc( 11 * var(--mag1k) );
		font-size: calc( 22 * var(--mag1k) );
		line-height: calc( 22 * var(--mag1k) );
		min-height: calc( 32 * var(--mag1k) );
	}

}

@media only screen and ( max-width: 750px ){

	#whts_top_message .message_nav {
		margin: calc( 80 * var(--mag1) ) 0px 0px 0px;
		gap: calc( 65 * var(--mag1) );
	}

	#whts_top_message .message_nav .message_nav_item {
		padding: 0px 0px 0px calc( 56 * var(--mag1) );
		gap: calc( 37 * var(--mag1) );
		width: calc( 630 * var(--mag1) );
		height: calc( 88 * var(--mag1) );
		font-size: calc( 34 * var(--mag1) );
		line-height: calc( 34 * var(--mag1) );
	}

	#whts_top_message .message_nav .message_nav_item .name2 {
		padding: 0px calc( 9 * var(--mag1) ) 0px calc( 9 * var(--mag1) );
		font-size: calc( 20 * var(--mag1) );
		line-height: calc( 20 * var(--mag1) );
		min-height: calc( 29 * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ Staff */




#whts_top_staff {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: calc( 50% + 380px ) -17%, center center;
	background-image: url("../images/ts_staff_bg02.png"), url("../images/ts_staff_bg01.jpg");
	background-color: transparent;
	background-size: 800px auto, cover;
}

#whts_top_staff .staff_head3 {
	margin: 100px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
	position: relative;
	width: auto;
	height: auto;

	margin-top: 70px;
}

#whts_top_staff .staff_head3 .staff_head3_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 9px 0px 9px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	position: relative;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 45px;
	line-height: 45px;
	letter-spacing: 0.05em;
	color: #000000;
	font-weight: 900;
	text-decoration: none;
	box-sizing: border-box;
	background-color: #990000;
	min-height: 40px;

	font-size: 35px;
}

#whts_top_staff .staff_head3 .staff_head3_in .staff_head3_in2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

#whts_top_staff .staff_list {
	margin: 46px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: row;
	align-items: flex-start;
	gap: 44px 60px;
	position: relative;
	width: auto;
	height: auto;

	gap: 34px 60px;
}

#whts_top_staff .staff_list .staff_list_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	text-align: left;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.0em;
	color: #ffffff;
	font-weight: 900;
	text-decoration: none;

	font-size: 24px;
}

#whts_top_staff .staff_list .staff_list_item:nth-child(odd) {
	width: 500px;
}

#whts_top_staff .staff_list .staff_list_item .name {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	color: #990000;
	font-size: 20px;
	line-height: 20px;
}

#whts_top_staff .staff_list .staff_list_item .name2 small {
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	font-size: 17px;
	line-height: 17px;
}

#whts_top_staff .staff_list .staff_list_item .name2 .logo1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 57px;
}

@media only screen and ( max-width: 1000px ){

	#whts_top_staff {
		background-position: calc( 50% + 380px ) -17%, center center;
		background-size: 800px auto, cover;

		background-position: calc( 50% + ( 380 * var(--mag1k) ) ) -17%, center center;
		background-size: calc( 800 * var(--mag1k) ) auto, cover;
	}

	#whts_top_staff .staff_head3 {
		margin: 100px 0px 0px 0px;

		margin: calc( 100 * var(--mag1k) ) 0px 0px 0px;
	}

	#whts_top_staff .staff_head3 .staff_head3_in {
		padding: 0px 9px 0px 9px;
		font-size: 45px;
		line-height: 45px;
		min-height: 40px;

		padding: 0px calc( 9 * var(--mag1k) ) 0px calc( 9 * var(--mag1k) );
		font-size: calc( 35 * var(--mag1k) );
		line-height: calc( 45 * var(--mag1k) );
		min-height: calc( 40 * var(--mag1k) );
	}

	#whts_top_staff .staff_list {
		margin: 46px 0px 0px 0px;
		gap: 44px 60px;

		margin: calc( 46 * var(--mag1k) ) 0px 0px 0px;
		gap: calc( 44 * var(--mag1k) ) calc( 60 * var(--mag1k) );
	}

	#whts_top_staff .staff_list .staff_list_item {
		gap: 14px;
		font-size: 30px;
		line-height: 30px;

		gap: calc( 14 * var(--mag1k) );
		font-size: calc( 24 * var(--mag1k) );
		line-height: calc( 30 * var(--mag1k) );
	}

	#whts_top_staff .staff_list .staff_list_item:nth-child(odd) {
		width: 500px;

		width: calc( 500 * var(--mag1k) );
	}

	#whts_top_staff .staff_list .staff_list_item .name {
		font-size: 20px;
		line-height: 20px;

		font-size: calc( 20 * var(--mag1k) );
		line-height: calc( 20 * var(--mag1k) );
	}

	#whts_top_staff .staff_list .staff_list_item .name2 small {
		margin: 12px 0px 0px 0px;
		font-size: 17px;
		line-height: 17px;

		margin: calc( 12 * var(--mag1k) ) 0px 0px 0px;
		font-size: calc( 17 * var(--mag1k) );
		line-height: calc( 17 * var(--mag1k) );
	}

	#whts_top_staff .staff_list .staff_list_item .name2 .logo1 {
		height: 57px;

		height: calc( 57 * var(--mag1k) );
	}

}

@media only screen and ( max-width: 750px ){

	#whts_top_staff {
		background-position: calc( 50% + ( 380 * var(--mag1) ) ) -17%, center center;
		background-size: calc( 800 * var(--mag1) ) auto, cover;
	}

	#whts_top_staff .staff_head3 {
		margin: calc( 55 * var(--mag1) ) 0px 0px 0px;
	}

	#whts_top_staff .staff_head3 .staff_head3_in {
		padding: 0px calc( 6 * var(--mag1) ) 0px calc( 6 * var(--mag1) );
		font-size: calc( 30 * var(--mag1) );
		line-height: calc( 30 * var(--mag1) );
		min-height: calc( 27 * var(--mag1) );
	}

	#whts_top_staff .staff_list {
		margin: calc( 28 * var(--mag1) ) 0px 0px 0px;
		gap: calc( 26 * var(--mag1) ) calc( 0 * var(--mag1) );
	}

	#whts_top_staff .staff_list .staff_list_item {
		gap: calc( 11 * var(--mag1) );
		font-size: calc( 26 * var(--mag1) );
		line-height: calc( 26 * var(--mag1) );
	}

	#whts_top_staff .staff_list .staff_list_item:nth-child(odd) {
		width: calc( 400 * var(--mag1) );
		width: calc( 390 * var(--mag1) );
	}

	#whts_top_staff .staff_list .sp_wide {
		width: calc( 500 * var(--mag1) ) !important;
	}

	#whts_top_staff .staff_list .staff_list_item .name {
		font-size: calc( 18 * var(--mag1) );
		line-height: calc( 18 * var(--mag1) );
	}

	#whts_top_staff .staff_list .staff_list_item .name2 small {
		margin: calc( 8 * var(--mag1) ) 0px 0px 0px;
		font-size: calc( 16 * var(--mag1) );
		line-height: calc( 16 * var(--mag1) );
	}

	#whts_top_staff .staff_list .staff_list_item .name2 .logo1 {
		height: calc( 41 * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ Books */




#whts_top_books {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

#whts_top_books .books_nav {
	margin: 86px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	gap: 28px 34px;
	position: relative;
	width: 100%;
	height: auto;
}

#whts_top_books .books_nav .books_nav_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 247px;
	height: auto;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	box-sizing: border-box;
	transition: opacity 0.3s ease 0s;

	width: 230px;
}

#whts_top_books .books_nav .books_nav_item:hover {
	opacity: 0.5;
}

#whts_top_books .books_nav .books_nav_item img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

@media only screen and ( max-width: 1000px ){

	#whts_top_books .books_nav {
		margin: 86px 0px 0px 0px;
		gap: 28px 34px;

		margin: calc( 86 * var(--mag1k) ) 0px 0px 0px;
		gap: calc( 28 * var(--mag1k) ) calc( 34 * var(--mag1k) );
	}

	#whts_top_books .books_nav .books_nav_item {
		width: 247px;

		width: calc( 230 * var(--mag1k) );
	}

}

@media only screen and ( max-width: 750px ){

	#whts_top_books .books_nav {
		margin: calc( 70 * var(--mag1) ) 0px 0px 0px;
		gap: calc( 21 * var(--mag1) ) calc( 21 * var(--mag1) );
	}

	#whts_top_books .books_nav .books_nav_item {
		/*width: calc( 247 * var(--mag1) );*/
		width: calc( ( 100% - ( 21 * var(--mag1) ) * 2 ) / 3 ); /* ����2 ��3 */
	}

}




#whts_top_books .books_nav_bottom {
	margin: 70px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex-direction: row;
	align-items: center;
	position: relative;
	width: 100%;
	height: auto;
}

#whts_top_books .books_nav_bottom .nav_bottom_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 22px 0px 54px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	position: relative;
	width: 510px;
	height: 80px;
	box-sizing: border-box;
	text-align: left;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.0em;
	color: #ffffff;
	font-weight: 900;
	text-decoration: none;
	background-color: #000000;
	transition: opacity 0.3s ease 0s;

	width: 400px;
	font-size: 24px;
}

#whts_top_books .books_nav_bottom .nav_bottom_item:hover {
	opacity: 0.5;
}

#whts_top_books .books_nav_bottom .nav_bottom_item .text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

#whts_top_books .books_nav_bottom .nav_bottom_item img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 27px;
	height: auto;
}

@media only screen and ( max-width: 1000px ){

	#whts_top_books .books_nav_bottom {
		margin: 70px 0px 0px 0px;

		margin: calc( 70 * var(--mag1k) ) 0px 0px 0px;
	}

	#whts_top_books .books_nav_bottom .nav_bottom_item {
		padding: 0px 22px 0px 54px;
		width: 510px;
		height: 80px;
		font-size: 30px;
		line-height: 30px;

		padding: 0px calc( 22 * var(--mag1k) ) 0px calc( 54 * var(--mag1k) );
		width: calc( 400 * var(--mag1k) );
		height: calc( 80 * var(--mag1k) );
		font-size: calc( 24 * var(--mag1k) );
		line-height: calc( 30 * var(--mag1k) );
	}

	#whts_top_books .books_nav_bottom .nav_bottom_item img {
		width: 27px;

		width: calc( 27 * var(--mag1k) );
	}

}

@media only screen and ( max-width: 750px ){

	#whts_top_books .books_nav_bottom {
		margin: calc( 66 * var(--mag1) ) 0px 0px 0px;
	}

	#whts_top_books .books_nav_bottom .nav_bottom_item {
		padding: 0px calc( 20 * var(--mag1) ) 0px calc( 48 * var(--mag1) );
		width: calc( 459 * var(--mag1) );
		height: calc( 72 * var(--mag1) );
		font-size: calc( 28 * var(--mag1) );
		line-height: calc( 28 * var(--mag1) );
	}

	#whts_top_books .books_nav_bottom .nav_bottom_item img {
		width: calc( 25 * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ Footer */




#whts_footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: calc( 50% + 320px ) 60%, center center;
	background-image: url("../images/ts_footer_bg03.png"), url("../images/ts_footer_bg01.jpg");
	background-color: transparent;
	background-size: 1280px auto, cover;
}

#whts_footer .fv_content_box {
	margin: 0px auto 0px auto;
	padding: 150px 0px 55px 0px;
	display: block;
	width: 1000px;
}

#whts_footer .footer_nav {
	margin: 0px 0px 84px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	width: auto;

	gap: 20px;
}

#whts_footer .footer_nav h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: left;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 0.08em;
	color: #990000;
	font-weight: 900;
	text-decoration: none;

	font-size: 20px
}

#whts_footer .footer_nav .footer_nav_body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	gap: 30px;

	gap: 25px;
}

#whts_footer .footer_nav .footer_nav_body .footer_nav_body_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	transition: opacity 0.3s ease 0s;
}

#whts_footer .footer_nav .footer_nav_body .footer_nav_body_item:hover {
	opacity: 0.5;
}

#whts_footer .footer_nav .footer_nav_body .footer_nav_body_item img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
}

#whts_footer .footer_nav .footer_nav_body .footer_nav_body_item img.banner {
	height: 132px;

	height: 110px;
}

#whts_footer .footer_nav .footer_nav_body .footer_nav_body_item img.icon {
	height: 90px;

	height: 75px;
}

#whts_footer .cr {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.0em;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
}

@media only screen and ( max-width: 1120px ){

	#whts_footer .fv_content_box {
		margin-left: 60px;
		margin-right: 60px;
		width: auto;
	}

}

@media only screen and ( max-width: 1000px ){

	#whts_footer {
		background-position: calc( 50% + 320px ) 60%, center center;
		background-size: 1280px auto, cover;

		background-position: calc( 50% + ( 320 * var(--mag1k) ) ) 60%, center center;
		background-size: calc( 1280 * var(--mag1k) ) auto, cover;
	}

	#whts_footer .fv_content_box {
		margin-left: 60px;
		margin-right: 60px;
		padding: 150px 0px 55px 0px;

		margin-left: calc( 60 * var(--mag1k) );
		margin-right: calc( 60 * var(--mag1k) );
		padding: calc( 150 * var(--mag1k) ) 0px calc( 55 * var(--mag1k) ) 0px;
	}

	#whts_footer .footer_nav {
		margin: 0px 0px 84px 0px;
		gap: 30px;

		margin: 0px 0px calc( 84 * var(--mag1k) ) 0px;
		gap: calc( 30 * var(--mag1k) );
	}

	#whts_footer .footer_nav h4 {
		font-size: 26px;
		line-height: 26px;

		font-size: calc( 26 * var(--mag1k) );
		line-height: calc( 26 * var(--mag1k) );
	}

	#whts_footer .footer_nav .footer_nav_body {
		gap: 30px;

		gap: calc( 25 * var(--mag1k) );
	}

	#whts_footer .footer_nav .footer_nav_body .footer_nav_body_item img.banner {
		height: 132px;

		height: calc( 110 * var(--mag1k) );
	}

	#whts_footer .footer_nav .footer_nav_body .footer_nav_body_item img.icon {
		height: 90px;

		height: calc( 75 * var(--mag1k) );
	}

	#whts_footer .cr {
		font-size: 14px;
		line-height: 14px;

		font-size: calc( 14 * var(--mag1k) );
		line-height: calc( 14 * var(--mag1k) );
	}

}

@media only screen and ( max-width: 750px ){

	#whts_footer {
		background-position: calc( 50% + ( 320 * var(--mag1) ) ) 60%, center center;
		background-size: calc( 1280 * var(--mag1) ) auto, cover;

		background-position: calc( 50% + ( 220 * var(--mag1) ) ) 60%, center center;
		background-size: calc( 920 * var(--mag1) ) auto, cover;
	}

	#whts_footer .fv_content_box {
		margin-left: calc( 60 * var(--mag1) );
		margin-right: calc( 60 * var(--mag1) );
		padding: calc( 80 * var(--mag1) ) 0px calc( 40 * var(--mag1) ) 0px;
	}

	#whts_footer .footer_nav {
		margin: 0px 0px calc( 56 * var(--mag1) ) 0px;
		gap: calc( 20 * var(--mag1) );
	}

	#whts_footer .footer_nav h4 {
		font-size: calc( 26 * var(--mag1) );
		line-height: calc( 26 * var(--mag1) );
	}

	#whts_footer .footer_nav .footer_nav_body {
		gap: calc( 26 * var(--mag1) );
	}

	#whts_footer .footer_nav .footer_nav_body .footer_nav_body_item img.banner {
		height: calc( 100 * var(--mag1) );
	}

	#whts_footer .footer_nav .footer_nav_body .footer_nav_body_item img.icon {
		height: calc( 90 * var(--mag1) );
	}

	#whts_footer .cr {
		font-size: calc( 14 * var(--mag1) );
		line-height: calc( 14 * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ Test */




#debug {
	margin: 0px 0px 0px 0px;
	padding: 0.5em 0.75em 0.5em 0.75em;
	display: block;
	position: fixed;
	bottom: 0.75em;
	right: 0.75em;
	width: auto;
	height: auto;
	background-color: #ff00ff;
	text-align: left;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.0em;
	color: #ffffff;
	font-weight: 900;

	display: none;
}

#debug #debug_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@media only screen and ( max-width: 750px ){

	#debug {
		font-size: 18px;
		line-height: 18px;

		font-size: calc( 18 * var(--mag13) );
		line-height: calc( 18 * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ Modal */




#overlay {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	background-color: rgba( 255, 255, 255, 0.75 );
	background-color: rgba(0, 0, 0, 0.8);
	background-repeat: repeat;
	background-position: left top;
	/*background-image: url("../images/common_modal_overlay_bg.png");*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100dvh;
	z-index: 90000;

	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	cursor: pointer;
}

#overlay #modal_loading {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity 0.3s ease 0s;
	opacity: 1.0;
}

@keyframes modal_loading_blink {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

#overlay #modal_loading #modal_loading_icon {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	/*background-image: url("../../img/loading.png");*/
	background-color: transparent;
	background-size: contain;
	animation: modal_loading_blink 1s ease-in-out infinite alternate;

	width: 128px;
	height: 128px;
	background-image: url("../images/ts_modal_loading.svg");
}

@media only screen and ( max-width: 480px ){

	#overlay #modal_loading #modal_loading_icon {
		width: 32px;
		height: 32px;

		width: 6.6666vw;
		height: 6.6666vw;

		width: 26.6666vw;
		height: 26.6666vw;
	}

}



#modal {
	width: 630px;
	height: 0px;
	margin-top: 0px;
	margin-left: -345px;
	padding: 0px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 91000;
	background-color: #ffffff;
	background-color: transparent;
	/*background-color: #00d2cc;*/

	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

#modal_inner {
	margin: 0px;
	padding: 0px;
	position: relative;
}

#modal_close {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	background-size: auto 50%;
	top: 26px;
	right: 32px;
	width: auto;
	height: auto;
	background-color: transparent;
}

#modal_close #modal_close_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/ts_modal_close.svg");
	background-color: transparent;
	background-size: contain;
	display: block;
	width: 72px;
	height: 86px;
	border-width: 0px;
	box-sizing: border-box;
	transition: opacity 0.3s ease 0s;
}

#modal_close:hover #modal_close_in {
	opacity: 0.5;
}

#modal iframe {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

#modal img {
	display: block;
	margin: 0;
	padding: 0;
	border-style: solid;
	border-color: #c9caca;
	border-width: 0px;
	box-sizing: border-box;
	/*border-radius: 15px;*/
}




@media only screen and ( max-width: 1000px ){

	#modal_close {
		top: 26px;
		right: 32px;

		top: calc( 26 * var(--mag1k) );
		right: calc( 32 * var(--mag1k) );
	}

	#modal_close #modal_close_in {
		width: 72px;
		height: 86px;

		width: calc( 72 * var(--mag1k) );
		height: calc( 86 * var(--mag1k) );
	}

}

@media only screen and ( max-width: 750px ){

	#modal_close {
		top: calc( 26 * var(--mag1) );
		right: calc( 32 * var(--mag1) );
	}

	#modal_close #modal_close_in {
		width: calc( 72 * var(--mag1) );
		height: calc( 86 * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ Anim2 */




.blur-reveal-trigger {
	opacity: 0.0;
	filter: blur(8px);
	transition-property: opacity, filter, transform;
	transition-duration: 1.25s;
	will-change: filter, transform;
	transform: scale(1.0);
}

.blur-reveal-slow {
	transition-duration: 2.25s;
}

#whts_top_message .message_nav .message_nav_item .name.blur-reveal-trigger,
#whts_top_message .message_nav .message_nav_item .name2.blur-reveal-trigger,
#whts_top_message .message_nav .message_nav_item.blur-reveal-trigger {
	transform: translateX(-36px);
	transition-property: opacity, filter, transform;
	transition-duration: 1.25s;
}

#whts_top_books .books_nav.blur-reveal-trigger .books_nav_item {
	transform: translateY(-36px);
	transition-property: opacity, filter, transform;
	transition-duration: 1.25s;
	opacity: 0.0;
}

#whts_top_books .books_nav.blur-reveal-trigger .books_nav_item:nth-child(1) {
	transition-delay: 0.0s;
}

#whts_top_books .books_nav.blur-reveal-trigger .books_nav_item:nth-child(2) {
	transition-delay: 0.15s;
}

#whts_top_books .books_nav.blur-reveal-trigger .books_nav_item:nth-child(3) {
	transition-delay: 0.3s;
}

#whts_top_books .books_nav.blur-reveal-trigger .books_nav_item:nth-child(4) {
	transition-delay: 0.45s;
}

#whts_top_books .books_nav.blur-reveal-trigger .books_nav_item:nth-child(5) {
	transition-delay: 0.6s;
}

#whts_top_books .books_nav.blur-reveal-trigger .books_nav_item:nth-child(6) {
	transition-delay: 0.75s;
}

.blur-reveal-start {
	opacity: 1.0;
	filter: blur(0px);
	transform: scale(1.0);
}

#whts_top_message .message_nav .message_nav_item .name.blur-reveal-start,
#whts_top_message .message_nav .message_nav_item .name2.blur-reveal-start,
#whts_top_message .message_nav .message_nav_item.blur-reveal-start {
	transform: translateX(0px);
}

#whts_top_books .books_nav.blur-reveal-start .books_nav_item {
	transform: translateY(0px);
	opacity: 1.0;
}

@media only screen and ( max-width: 750px ){

	#whts_top_message .message_nav .message_nav_item .name.blur-reveal-trigger,
	#whts_top_message .message_nav .message_nav_item .name2.blur-reveal-trigger,
	#whts_top_message .message_nav .message_nav_item.blur-reveal-trigger {
		transform: translateX(calc( -36 * var(--mag1) ));
	}

	#whts_top_books .books_nav.blur-reveal-trigger .books_nav_item {
		transform: translateY(calc( -36 * var(--mag1) ));
	}

	#whts_top_message .message_nav .message_nav_item .name.blur-reveal-start,
	#whts_top_message .message_nav .message_nav_item .name2.blur-reveal-start,
	#whts_top_message .message_nav .message_nav_item.blur-reveal-start {
		transform: translateX(0px);
	}

	#whts_top_books .books_nav.blur-reveal-start .books_nav_item {
		transform: translateY(0px);
	}

}




/* ------------------------------------------------------------------------------------------------ Loading */




#loading {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

#loading #loading_logo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100%;
}


@media only screen and ( max-width: 750px ){

	#loading #loading_logo {
		width: 160%;
		height: 100%;
		flex-shrink: 0;
	}

}




/* ------------------------------------------------------------------------------------------------ BTT */




#backtotop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	position: fixed;
	bottom: 60px;
	right: calc( ( 100% - 1000px ) / 2 + 40px );
	width: auto;
	height: auto;
	/*z-index: 10000;*/
	transition: opacity 0.3s ease 0s;
	opacity: 0.0;
	pointer-events: none;
}

#backtotop.visible {
	opacity: 1.0;
	pointer-events: auto;
	cursor: pointer;
}

#backtotop img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	height: auto;
}

@keyframes arrowmove {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(12px);
	}
}

#backtotop img:first-child {
	width: 68px;
	animation: arrowmove 1.0s ease-in-out infinite alternate;
}

#backtotop img:last-child {
	width: 56px;
}

@media only screen and ( max-width: 1000px ){

	#backtotop {
		gap: calc( 12 * var(--mag1k) );
		bottom: calc( 60 * var(--mag1k) );
		right: calc( 40 * var(--mag1k) );
	}

	@keyframes arrowmove {
		0% {
			transform: translateY(0);
		}
		100% {
			transform: translateY(calc( 12 * var(--mag1k) ));
		}
	}

	#backtotop img:first-child {
		width: calc( 68 * var(--mag1k) );
	}

	#backtotop img:last-child {
		width: calc( 56 * var(--mag1k) );
	}

}

@media only screen and ( max-width: 750px ){

	#backtotop {
		gap: calc( 12 * var(--mag1) );
		bottom: calc( 96 * var(--mag1) );
		right: calc( 60 * var(--mag1) );
	}

	@keyframes arrowmove {
		0% {
			transform: translateY(0);
		}
		100% {
			transform: translateY(calc( 12 * var(--mag1) ));
		}
	}

	#backtotop img:first-child {
		width: calc( 68 * var(--mag1) );
	}

	#backtotop img:last-child {
		width: calc( 56 * var(--mag1) );
	}

}