<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*繝壹�繧ｸ縺ｮ蜈ｨ菴薙�險ｭ螳�*/
body{
	margin: 0px;
	background-color: #fffbf7;
	font-family:'Libre Bodoni', sans-serif;
}


/*逕ｻ髱｢縺後§繧上▲縺ｨ蜃ｺ繧�*/
.fadeout{
	background: #fffbf7;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
}

.fadeout p {
	position: fixed;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	display: none;
	z-index: 9999;
	margin: 0;
	text-align: center;
}

/*菴咏區險ｭ螳壹∫判髱｢繧剃ｸ牙�蜑ｲ縺吶ｋ縺溘ａ縺ｫ菴咏區繧剃ｽ懊▲縺ｦ縺�∪縺�*/
.space{
	width: 5%;
	margin: 0px;
	position: relative;
}

/*繝倥ャ繝繝ｼ險ｭ螳�*/
header{
	display:flex;
	border-bottom:solid 3px #00a199;
	width: 100%;
	height: 50px;
	position:fixed;
	top: 0;
	right: 0;
	z-index: 2; /*繝倥ャ繝繧貞�螳ｹ縺梧嶌縺九ｌ縺ｦ縺�ｋ繝壹�繧ｸ縺ｮ荳翫↓驥阪�繧�*/
	background: #fffbf7;
}

.hinagata{
	display:flex;
	align-items: center;
	width: 90%;
	text-align:center;
	vertical-align: middle;
	justify-content: center;
	margin: 0px;
	border-right:solid 3px #00a199;
	border-left:solid 3px #00a199;
	color: #00a199;
	background: #fffbf7;
	font-size: 150%;
}


/*繝峨Ο繝ｯ繝ｼ縺ｮ險ｭ螳�*/

/*繝峨Ο繝ｯ繝ｼ縺ｮ繝薙ず繝･繧｢繝ｫ險ｭ螳�*/
.humburger{
	width: 5%;
	margin: 0px;
	display:flex;
	align-items: center;
	vertical-align: middle;
	justify-content: center;
}

	.batu{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		margin-top: auto;
		margin-bottom: auto;
	}
	
	  .batu img{
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

.drower{
	padding-top: 8%;
	text-align: center;
}

.drower img{
	width: 35px;
	height: 35px;
	cursor: pointer;
}

#nav{
	background-color: #00a199;
	width: 270px;
	height: 100%;
	position: fixed;
	right: -270px;
	top: 0;
	z-index: 3; /*繝倥ャ繝縺ｮ荳翫↓繝峨Ο繝ｯ繝ｼ繧帝㍾縺ｭ繧�*/
}

/*繝峨Ο繝ｯ繝ｼ繧貞�迴ｾ縺輔○繧�*/
.show{
	transform: translate3d(-270px, 0, 0);
}

/*繝上Φ繝舌�繧ｬ繝ｼ繝｡繝九Η繝ｼ縺ｮ隕九◆逶ｮ*/
.first{
	display:flex;
	height: 50px;
	border-bottom:solid 3px #fff;
}

.second{
	display:flex;
	height: 90%;
}

.hspace{
	width: 10%;
	border-right:solid 3px #fff;
	margin: 0px;
}



.bigNSP{
	color: #fff;
	margin: auto;
	font-size: 200%;
	text-decoration: underline;
}

.menu{
	padding-top: 3%;
	padding-left: 3%;
}


.menu li{
	list-style: none;
	padding-top: 10%;
	flex-shrink: 0;
}

.menu li a{
	color: #fff;
	text-decoration: none;
	font-size: 150%;
	display:inline-block;
}

.menu li a:hover{
	text-decoration: none;
	color: #fe8f44;
	transition-duration: 0.5s;
}	


/*髢九￥髢峨§繧九い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ*/
#nav{
	transition: all 0.5s 0.3s ease-in-out;
}

/*荳ｭ谿ｵ縺ｮ險ｭ螳�*/
main{
	padding-top: 50px;
	display:flex;
	margin: 0px;
	z-index: 1; /*繝倥ャ繝繧剃ｸ翫↓驥阪�繧�*/
}

/*繝｡繧､繝ｳ縺ｮ險ｭ螳�*/
section{
	font-family:'繝｡繧､繝ｪ繧ｪ', 'Meiryo', sans-serif;
	width: 90%;
	border-right:solid 3px #00a199;
	border-left:solid 3px #00a199;
}

/* ----------training繝壹�繧ｸ縺ｮ險ｭ螳�---------- */
/* 讓ｪ荳ｦ縺ｳ縺ｮ驟咲ｽｮ險ｭ螳� */
.yokonarabi { 
	display: flex;
}
	
	
/* 蟾ｦ譫�荳翫�逕ｻ蜒剰ｨｭ螳� */
.trainingPic1 p{
	margin: 0px;
	text-align: center;
}
		
.trainingPic1 p img{
	width: 35%;
	height: 35%;
}


/* 逕ｻ髱｢蟾ｦ蛛ｴ縺ｮ險ｭ螳� */
.leftDetail{
	font-size: 1.5vw;
	display: flex;
	padding: 2%;
	border: solid 3px #00a199;
	border-radius: 30px;
	background: #fffffe;
	color: #24130d;
	margin-top: 0px;
	margin-right:auto;
	margin-left: auto;
	margin-bottom: 0px;
	width: 40vw;
	height: 55vw;
	overflow-x: hidden;
	overflow-y: auto;
}

.leftDetail p{
	font-weight: bold;
	text-align: left;
	display: inline-block;
}
	
/* 蜍慕判陦ｨ遉ｺ縺ｮ險ｭ螳� */
/* 蜍慕判陦ｨ遉ｺ繝懊ち繝ｳ縺ｮ險ｭ螳� */	
.videoButton  {
	background: #00a199;
	border-radius: 10px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	max-width: 200px;
	padding: 10px 25px;
	color: #fffffe;
	text-decoration: none;
	transition: 0.3s ease-in-out;
	font-weight: 600;
	border: 3px solid #000;
	z-index: 1;
}
	
.videoButton:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: #00a199;
	z-index: -1;
	border: 3px solid #006661;
	border-radius: 10px;
}

.videoButton:after {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translate3d(0,0.40rem,-1rem);
	transform: translate3d(0,0.40rem,-1rem);
	border: 3px solid #006661;
	border-radius: inherit;
	background: #006661;
	z-index: -2;
}
	
.videoButton i {
	position: absolute;
	right: 9px;
}
	
.videoButton:hover {
	transform: translate3d(0,0.2rem,-1rem);
}

.videoButton:hover:after {
	transform: translate3d(0,0.2rem,-1rem);
	box-shadow: 0 0.2rem 0 0 rgb(0 0 0 / 20%);
}
	
.videoButton{
	cursor: pointer;
}

/* 繝懊ち繝ｳ繧呈款縺吶→蜍慕判陦ｨ遉ｺ繧偵☆繧玖ｨｭ螳� */
.videoDisplay{
	display: none;
}

.Video{
		visibility: hidden;
}

video{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto;
		max-width: 84%;
		padding: 10px 25px;
		z-index: 1;
}

.videoDisplay:checked + .Video  {
    visibility: visible;
}
	
/* 遐比ｿｮ蜀�ｮｹ縺ｮ陦ｨ遉ｺ險ｭ螳� */
.trainBody h3{
	font-size: 2vw;
	color:#fe8f44;
	list-style: none;
	text-align: center;
}

.trainBody h1{
	text-align: center;
}	

.trainBody img{
	border-radius: 15px;
	max-width: 750px;
	max-height: 500px;
	width: 90%;
	object-fit: cover;
}

/* 逕ｻ髱｢繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｮ險ｭ螳� */
/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｮ蟷��險ｭ螳� */
.leftDetail::-webkit-scrollbar {
	width: 10px;
	height: 5px;
}

/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｮ閭梧勹縺ｮ險ｭ螳� */
.leftDetail::-webkit-scrollbar-track {
	border-radius: 5px;
	background: rgba(110, 108, 108, 0.2);
}

/* 繝峨Λ繝�け縺ｧ縺阪ｋ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ驛ｨ縺ｮ險ｭ螳� */
.leftDetail::-webkit-scrollbar-thumb {
	 border-radius: 5px;
	 background: #fe8f44;
}

/* 蟾ｦ譫�荳九�逕ｻ蜒剰ｨｭ螳� */
.trainingPic2 p{
	margin: 0px;
	text-align: center;
	font-weight:bold;
	color: #00a199;
}
	
.trainingPic2 p img{
	width: 50%;
	height: 50%;
	transition-duration: 0.1s;
}

.trainingPic2 p img:active {
transform: scale(0.8);
transition-duration: 0.3s;
}

.trainTop{
	text-decoration: none;
}
	
	
	
/* 逕ｻ髱｢蜿ｳ蛛ｴ縺ｮ險ｭ螳� */
#rightMenu.container{
	width:80%;
	margin-top:2vw;
	margin-right:2vw;
	margin-left:2vw;
	margin-bottom:2vw;
	text-decoration: none;
	text-align:left;
}

/*譛医�蜷榊燕讓ｪ縺ｮ逕ｻ蜒剰ｨｭ螳� */
.month img{
	vertical-align: middle;
	display: inline-block;
	width: 45px;
	height: 45px;
}

/* 譛医�蜷榊燕縺ｫ荳狗ｷ壹ｒ縺ｲ縺� */	
.month{
	font-family:'Libre Bodoni', sans-serif;
	font-size: 30px;
	color:#fe8f44;
	text-align:left;
	position: relative;
	padding: 0.3em;
}

.month:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: repeating-linear-gradient(-45deg, #fe8f44, #fe8f44 2px, white 2px, white 4px);
}
	
/* 蜿ｳ蛛ｴ遐比ｿｮ驕ｸ謚槭�繧ｿ繝ｳ縺ｮ險ｭ螳� */
.trainingSelectButton nav ul{
	padding: 0;
}

.select {
	font-size: 16px;
	display: block;
	text-align: center;
	vertical-align: middle;
	justify-content: space-around;
	margin: 0 auto;
	min-width: 200px;
	max-width: 280px;
	padding: 1rem 1rem;
	color: #fff;
	background: #00a199;
	transition: 0.3s ease-in-out;
	font-weight: bold;
	border: 3px solid #006661;
	border-radius: 10px;
	text-decoration: none;
	box-shadow: 0 5px 0 #006661;
	transition: all 0.3s;
}
	

@media only screen and (min-width: 821px){
	/* 蜿ｳ蛛ｴ繝懊ち繝ｳ螟牙喧縺ｮ險ｭ螳� */
	.select:hover {
		box-shadow: none;
		transform: translateY(5px);
		border: 3px solid #fe8f44;
		background: #fffffe;
		color: #fe8f44;
	}
}
	
.active{
	font-size: 16px;
	display: block;
	text-align: center;
	vertical-align: middle;
	justify-content: space-around;
	margin: 0 auto;
	min-width: 200px;
	max-width: 280px;
	padding: 1rem 1rem;
	color: #fe8f44;
	background: #fffffe;
	transition: 0.3s ease-in-out;
	font-weight: bold;
	border: 3px solid #fe8f44;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.3s;
}

/* 遐比ｿｮ繝懊ち繝ｳ縺ｮ譁�ｭ� 荳狗ｷ壹ｒ豸医☆ */
.trainName{
	text-decoration: none;
	font-size: 1.2vw;	
}
/*----------training繝壹�繧ｸ縺ｮ險ｭ螳壹％縺薙∪縺ｧ----------*/
	
	/*縲荳翫↓荳翫′繧句虚縺阪*/
#jump.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*繝輔ャ繧ｿ繝ｼ縺ｮ險ｭ螳�*/
.footer{
	display:flex;
}


/*闡嶺ｽ懈嶌縺�※縺�ｋ縺ｨ縺薙ｍ縺ｮ險ｭ螳�*/
.author{
	width:90%;
	text-align:center;
	border-top:solid 3px #00a199;
	border-right:solid 3px #00a199;
	border-left:solid 3px #00a199;
	margin: 0px;
}

.author p{
	padding-top: 1%;
	margin: 0;
}

.author p img{
	width: 7%;
	height: 7%;
	cursor: pointer;
}

.author h6{
	color: #00a199;
	margin: 0;
	font-size: 50%;  
}

/*pageTop縺ｮ險ｭ螳�*/
#pageTop{
	position: fixed;  /*莉･荳具ｼ楢｡悟�ｴ謇縺ｮ蝗ｺ螳壹�縺溘ａ縺ｫ菴ｿ縺�*/
	right: 1px;
	bottom:5px;
	/*縺ｯ縺倥ａ縺ｯ髱櫁｡ｨ遉ｺ*/
	opacity: 0;
	transform: translateY(100px);
}

/*縲荳翫↓荳翫′繧句虚縺阪*/
#pageTop.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*縲荳九↓荳九′繧句虚縺阪*/
#pageTop.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 0;
	transform: translateY(100px);
  }
}

/*pageTop縺ｮ逕ｻ蜒上�險ｭ螳�*/
#pageTop p{
	text-align: right;
	margin: 0px;
	background-color: #fffbf7;
	border-radius: 10px;
	border:solid 3px #00a199;
}

#pageTop p img{
	width: 100px;
	height: 100px;
	cursor: pointer;
}


	

		
/* 逕ｻ髱｢縺ｮ邵ｮ蟆上Ξ繧､繧｢繧ｦ繝郁ｨｭ螳� */
@media only screen and (max-width: 820px){
	.hinagata{
		width: 85%;
		border-right:solid 0px #00a199;
	}
	
		/*繝峨Ο繝ｯ繝ｼ縺ｮ險ｭ螳�*/
	.humburger{
		width: 10%;
		margin: 0px;
		display:flex;
		align-items: center;
		vertical-align: middle;
		justify-content: center;
	}
	
	.drower{
    padding-left: 0%;
	}
	
		#pageTop p img{
		width: 60px;
		height: 60px;
		cursor: pointer;
	}
	
	/*繝輔ャ繧ｿ繝ｼ縺ｮ險ｭ螳�*/
	.author p img{
		width: 10%;
		height: 10%;
		cursor: pointer;
	}

	
@media screen and (max-width: 767px) {
	.yokonarabi {
		display: block;
	}
	
	.yokonarabi #rightMenu.container {
		width: 100%;
        margin: 0 auto;
	}
	
	.yokonarabi .container {
        width: 100%;
        margin: 0 auto;
	}
	
	.leftDetail{
		font-size: 2.3vw;
		width: 75vw;
		height: 40vw;
	}
		
	.trainBody h3{
	font-size: 3vw;
	}
}
	
@media screen and (max-width: 420px) {
	.leftDetail{
	height: 250px;
	font-size: 4vw
	}
		
	.trainBody h3{
	font-size: 4.5vw;
	}
}
	
@media screen and (max-width: 380px) {
	li.select{
	max-width: 220px;
	
	}
		
	li.active {
	max-width: 220px;
	}
}
	
@media screen and (max-width: 300px) {
	.hinagata{
		width: 80%;
		border-right:solid 0px #00a199;
	}
		
	.humburger{
		width: 15%;
	}
		
	li.select {
		max-width: 180px;
	}
	
	li.active {
		max-width: 180px;
	
	}
	h3.month{
		font-size: 20px;
	}
		
	#pageTop p img{
		width: 60px;
		height: 60px;
		cursor: pointer;
	}
		
	.author p img{
		width: 10%;
		height: 10%;
		cursor: pointer;
	}
}
}
</pre></body></html>