@charset "UTF-8";
/* CSS Document */
body {
	color: #fff;
	background-color:#f6f4e8;
	overflow-y:hidden;
	}
a {	text-decoration: none; } 
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #333; }
a:active { color: #000; }	
	
/*title --------------------*/	
.title {
	font-size:2.8em;
	width: 10em;
	height:1em;
	position:fixed;
	top:1.2em;
	left:1.25em;
	z-index:10000;
	line-height:1em;
}
.title img {
	width:2em;
	display:inline-block;
	}
.title span {
	font-size:0.9em;
	letter-spacing:0.1em;
	margin-left:0.75em;
	vertical-align:bottom;
	color: #000000;
	}

/*close --------------------*/	
.close {
	font-size:1.15em;
	width: 5em;
	height:1em;
	position:fixed;
	top:1em;
	right:1.25em;
	z-index:10000;
	line-height:1em;
	text-align:right;
	}
.close a {
	font-size:0.9em;
	letter-spacing:0.1em;
	}	
	
/*movie --------------------*/	
.movie {
	font-size:2.5em;
	width: 5em;
	height:1em;
	position:fixed;
	top:1em;
	right:1.5em;
	z-index:10000;
	line-height:1em;
	text-align:center;
	opacity:1;
	}
.movie a {
	display:block;
	width: 3em;
	border:1px solid #666;
	font-size:1em;
	padding:0.5em 1.5em 0.5em 0.75em;
	letter-spacing:0.1em;
	}
	
.movie a:visited {
	color:#666;
}
	
/*img --------------------*/		
li img {
	display:block;
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	}
#image_01 { background-image:url(../../2021ss/img/tss1.jpg);}
#image_02 { background-image:url(../../2021ss/img/tss2.jpg);}
#image_03 { background-image:url(../../2021ss/img/tss3.jpg);}
#image_04 { background-image:url(../../2021ss/img/tss4.jpg);}
#image_05 { background-image:url(../../2021ss/img/tss5.jpg);}
#image_06 { background-image:url(../../2021ss/img/tss6.jpg);}
#image_07 { background-image:url(../../2021ss/img/tss7.jpg);}
#image_08 { background-image:url(../../2021ss/img/tss8.jpg);}
#image_09 { background-image:url(../../2021ss/img/tss9.jpg);}
#image_10 { background-image:url(../../2021ss/img/tss10.jpg);}
#image_11 { background-image:url(../../2021ss/img/tss11.jpg);}
#image_12 { background-image:url(../../2021ss/img/tss12.jpg);}
#image_13 { background-image:url(../../2021ss/img/tss13.jpg);}
#image_14 { background-image:url(../../2021ss/img/tss14.jpg);}
#image_15 { background-image:url(../../2021ss/img/tss15.jpg);}
#image_16 { background-image:url(../../2021ss/img/tss16.jpg);}
#image_17 { background-image:url(../../2021ss/img/tss17.jpg);}
#image_18 { background-image:url(../../2021ss/img/tss18.jpg);}
#image_19 { background-image:url(../../2021ss/img/tss19.jpg);}
#image_20 { background-image:url(../../2021ss/img/tss20.jpg);}
#image_21 { background-image:url(../../2021ss/img/tss21.jpg);}
#image_22 { background-image:url(../../2021ss/img/tss22.jpg);}
	
/*-------------------------------------------------------------------------
  1024px
---------------------------------------------------------------------------*/
@media screen and (min-width : 1024px) {
	
/*title --------------------*/	
.title {
	font-size:1.15em;
	width: 10em;
	height:1em;
	position:fixed;
	top:1em;
	left:1.25em;
	z-index:10000;
	line-height:1em;
}
.title img {
	width:2em;
	display:inline-block;
	}
.title span {
	font-size:0.9em;
	letter-spacing:0.1em;
	margin-left:0.75em;
	vertical-align:bottom;
	}


/*movie --------------------*/	
.movie {
	font-size:1.2em;
	width: 5em;
	height:1em;
	position:fixed;
	position:fixed;
	top:1.15em;
	right:2.5em;
	z-index:10000;
	line-height:1em;
	text-align:center;
	}
.movie a {
	display:block;
	width: 5em;
	border:1px solid #666;
	font-size:0.8em;
	padding:0.3em 1em 0.3em;
	letter-spacing:0.1em;
	margin:0 auto;
	}
}