:root {
	--DC0: #F0F2F2;
	--DC1: #9FBCBF;
	--DC2: #65858C;
	--DC3: #315259;
	--DC4: #173440;
	--DC5: #858585;
	--DC6: #555555;
	--DCR: #FFCC66;
	--DCF: #FFFFFF;
	
	--NC0: #555555;
	--NC1: #65858C;
	--NC2: #9FBCBF;
	--NC3: #315259;
	--NC4: #173440;
	--NC5: #959595;
	--NC6: #F0F2F2;
	--NCR: #FFCC66;
	--NCF: #262626;
	
	--C0: var(--DC0);
	--C1: var(--DC1);
	--C2: var(--DC2);
	--C3: var(--DC3);
	--C4: var(--DC4);
	--C5: var(--DC5);
	--C6: var(--DC6);
	--CR: var(--DCR);
	--CF: var(--DCF);
	
	--MW0: 360px;
	--MW1: 460px;
	--MW2: 750px;
}

/* body ////////////////////////////////*/
body{
	background: var(--C0);
	background-image: url("./img/header/back_0y.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	background-size: 1280px 100px;
}
body.zero{
	background-image: url("./img/header/back_0y.jpg");
}
body.one{
	background-image: url("./img/header/back_1y.jpg");
}
body.three{
	background-image: url("./img/header/back_3y.jpg");
}
body.five{
	background-image: url("./img/header/back_5y.jpg");
}
body.ten{
	background-image: url("./img/header/back_10y.jpg");
}

/* a ///////////////////////////////////*/
a{
	text-decoration: none;
	color: var(--C2);
}

a:hover{
	text-decoration: underline;
	color: var(--C2);
}

a:visited{
	color: var(--C5);
}

/* container ///////////////////////////*/
@media screen and (max-width: 480px){
	#container{
		max-width: var(--MW0);
		margin: 0 auto;
		font-size: 16px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	#container{
		max-width: var(--MW1);
		margin: 0 auto;
	}
}
@media screen and (min-width: 769px){
	#container{
		max-width: var(--MW2);
		margin: 0 auto;
	}
}

/* header //////////////////////////////*/
#header a{
	display: inline-block;
	position: relative;
	line-height: 0;
}

/* webtitle ////////////////////////////*/
@media screen and (max-width: 480px){
	#webtitle{
		display: block;
		float: left;
		position: absolute;
		margin-top: 45px;
		margin-left: 5px;
		width: 280px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	#webtitle{
		display: inline-block;
		float: left;
		position: absolute;
		margin-top: 45px;
		margin-left: 5px;
		width: 300px
	};
}
@media screen and (min-width: 769px){
	#webtitle{
		display: inline-block;
		float: left;
		position: absolute;
		margin-top: 40px;
		margin-left: 5px;
		width: 400px;
	}
}

/* sns-menu ////////////////////////////*/
#sns-menu{
	display:inline-block;
	float:right;
	position:relative;
}

#sns-menu ul{
	padding-left: 0;
	margin: 0;
	line-height: 0;
}

#sns-menu li{
	display:inline-block;
	line-height: 0;
}

@media screen and (max-width: 480px){
	#sns-menu li a{
		display:inline-block;
		padding-top:5px;
		padding-bottom:10px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	#sns-menu li a{
		display:inline-block;
		padding-top:5px;
		padding-bottom:10px;
	}
}
@media screen and (min-width: 769px){
	#sns-menu li a{
		display:inline-block;
		padding-top:5px;
		padding-bottom:10px;
	}
}

@media screen and (max-width: 480px){
	#sns-menu li img{
		width:23px;
		height:23px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	#sns-menu li img{
		width:24px;
		height:24px;
	}
}
@media screen and (min-width: 769px){
	#sns-menu li img{
		width:25px;
		height:25px;
	}
}

/* time-menu ///////////////////////////*/
@media screen and (max-width: 480px){
	.time-menu{
		position: relative;
		font-size:0.8em;
		font-weight:bold;
		margin-top: 65px;
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.time-menu{
		position: relative;
		font-size:0.9em;
		font-weight:bold;
		margin-top: 70px;
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 769px){
	.time-menu{
		position: relative;
		font-size: 1.1em;	/*目盛文字大きさ調整*/
		font-weight:bold;
		margin-top: 70px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 480px){
	.time-menu ul{
		display:inline-block;
		padding-left: 0px;
		margin-left: 17.5px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.time-menu ul{
		display:inline-block;
		padding-left: 0px;
		margin-left: 20px;
	}
}
@media screen and (min-width: 769px){
	.time-menu ul{
		display:inline-block;
		padding-left: 0px;
		margin-left: 35px;/*目盛文字位置調整*/
	}
}

@media screen and (max-width: 480px){
	.time-menu ul:before{
		position: absolute;
		content: '';
		bottom: 0.6em;
		left: calc(var(--MW0) - 72px);
		border-right: solid 8px transparent;
		border-bottom: solid 8px var(--C5);
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.time-menu ul:before{
		position: absolute;
		content: '';
		bottom: 0.6em;
		left: calc(var(--MW1) - 145px);
		border-right: solid 10px transparent;
		border-bottom: solid 10px var(--C5);
	}
}
@media screen and (min-width: 769px){
	.time-menu ul:before{
		position: absolute;
		content: '';
		bottom: 0.6em;
		left: calc(var(--MW2) - 295px);			/*矢尻位置調整*/
		border-right: solid 12px transparent;	/*矢尻大きさ調整*/
		border-bottom: solid 12px var(--C5);
	}
}

@media screen and (max-width: 480px){
	.time-menu ul:after{
		position: absolute;
		content: '';
		bottom: 0.6em;
		z-index:1;
		left: 5px;
		width: 283px;
		border-bottom: solid 3.0px var(--C5);
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.time-menu ul:after{
		position: absolute;
		content: '';
		bottom: 0.6em;
		z-index:1;
		left: 5px;
		width: calc(var(--MW1) - 150px);
		border-bottom: solid 3.5px var(--C5);
	}
}
@media screen and (min-width: 769px){
	.time-menu ul:after{
		position: absolute;
		content: '';
		bottom: 0.6em;
		z-index:1;
		left: 5px;
		width: calc(var(--MW2) - 300px);	/*矢印長さ調整*/
		border-bottom: solid 3.5px var(--C5);
	}
}

@media screen and (max-width: 480px){
	.time-menu li{
		display: inline-block;
		padding-right:1.5px;
		padding-left:1.5px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.time-menu li{
		display: inline-block;
		padding-right:0.075em;
		padding-left:0.075em;
	}
}
@media screen and (min-width: 769px){
	.time-menu li{
		display: inline-block;
		padding-right:0.3em;	/*目盛間隔調整*/
		padding-left:0.3em;
	}
}

@media screen and (max-width: 480px){
	.time-menu li.T:before{
		position: relative;
		content: '|';
		bottom: -1.2em;
		left: 50%;
		border-bottom: solid 1px transparent;
		color: var(--CR);
		font-size:0.5em;
		margin-left: -1.0em;
		pointer-events:none;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.time-menu li.T:before{
		position: relative;
		content: '|';
		bottom: -1.2em;
		left: 50%;
		border-bottom: solid 1px transparent;
		color: var(--CR);
		font-size:0.5em;
		margin-left: -1.0em;
		pointer-events:none;
	}
}
@media screen and (min-width: 769px){
	.time-menu li.T:before{
		position: relative;
		content: '|';
		bottom: -1.2em;
		left: 50%;
		border-bottom: solid 1px transparent;
		color: var(--CR);
		font-size:0.5em;
		margin-left: -1.0em; /*目盛縦棒位置調整*/
		pointer-events:none;
	}
}

@media screen and (max-width: 480px){
	.time-menu li.T:after{
		position: relative;
		content: '_';
		bottom: -0.15em;
		left: -50%;
		z-index: 2;
		color: transparent;
		border-bottom: solid 3px var(--CR);
		background-color: transparent;
		pointer-events:none;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.time-menu li.T:after{
		position: relative;
		content: '_';
		bottom: -0.20em;
		left: -50%;
		z-index: 2;
		color: transparent;
		border-bottom: solid 3px var(--CR);
		background-color: transparent;
		pointer-events:none;
	}
}
@media screen and (min-width: 769px){
	.time-menu li.T:after{
		position: relative;
		content: '_';
		bottom: -0.25em;
		left: -50%;			/*目盛横棒位置調整*/
		z-index: 2;
		color: transparent;
		border-bottom: solid 3px var(--CR);
		background-color: transparent;
		pointer-events:none;
	}
}

@media screen and (max-width: 480px){
	.time-menu li.F:before{
		position: relative;
		content: '|';
		bottom: -1.2em;
		left: 50%;
		border-bottom: solid 1px transparent;
		color: var(--C5);
		font-size:0.5em;
		margin-left: -1.0em;
		pointer-events:none;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.time-menu li.F:before{
		position: relative;
		content: '|';
		bottom: -1.2em;
		left: 50%;
		border-bottom: solid 1px transparent;
		color: var(--C5);
		font-size:0.5em;
		margin-left: -1.0em;
		pointer-events:none;
	}
}
@media screen and (min-width: 769px){
	.time-menu li.F:before{
		position: relative;
		content: '|';
		bottom: -1.2em;
		left: 50%;
		border-bottom: solid 1px transparent;
		color: var(--C5);
		font-size:0.5em;
		margin-left: -1.0em;
		pointer-events:none;
	}
}

@media screen and (max-width: 480px){
	.time-menu li.F:after{
		position: relative;
		content: '_';
		bottom: -0.15em;
		left: calc(-50% + 0.2em);
		z-index: 2;
		color: transparent;
		border-bottom: solid 1px transparent;
		background-color: transparent;
		pointer-events:none;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.time-menu li.F:after{
		position: relative;
		content: '_';
		bottom: -0.20em;
		left: -50%;
		z-index: 2;
		color: transparent;
		border-bottom: solid 1px transparent;
		background-color: transparent;
		pointer-events:none;
	}
}
@media screen and (min-width: 769px){
	.time-menu li.F:after{
		position: relative;
		content: '_';
		bottom: -0.25em;
		left: -50%;
		z-index: 2;
		color: transparent;
		border-bottom: solid 1px transparent;
		background-color: transparent;
		pointer-events:none;
	}
}

.time-menu li:hover:before{
	color: var(--C1);
}

.time-menu li:hover:after{
	border-bottom: solid 3px var(--C1);
}

.time-menu a:hover{
	text-decoration:none;
}

/* update-time ///////////////////////////*/
@media screen and (max-width: 480px){
	.update-time{
		display: block;
		width: 100%;
		position: absolute;
		float: right;
		text-align:right;
		font-weight:normal;
		font-size: 0.7em;
		color: var(--C2);
		padding-top: 0;
		margin-top: -5px;
		line-height: 1.2em;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.update-time{
		display: inline-block;
		float: right;
		text-align:right;
		font-weight:normal;
		font-size: 0.9em;
		color: var(--C2);
		line-height: 1.25em;
	}
}
@media screen and (min-width: 769px){
	.update-time{
		display: inline-block;
		float: right;
		text-align:right;
		font-weight:normal;
		font-size: 0.9em;
		color: var(--C2);
		line-height: 1.4em;
	}
}

@media screen and (max-width: 480px){
	.update-time span{
		font-size: 1.2em;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.update-time span{
		font-size: 1.3em;
	}
}
@media screen and (min-width: 769px){
	.update-time span{
		font-size: 1.5em;
	}
}

/* category-menu ///////////////////////*/
@media screen and (max-width: 480px){
	.category-menu{
		display:inline-block;
		font-size:0.62em;
		font-weight:bold;
		margin-bottom: 1.0em;
		margin-top: -0.5em;
		width: 100%;
		max-width: 98%;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.category-menu{
		font-size: 0.8em;
		font-weight:bold;
		margin-bottom: 1.0em;
	}
}
@media screen and (min-width: 769px){
	.category-menu{
		font-size: 1.0em;
		font-weight:bold;
		margin-bottom: 1.0em;
	}
}


@media screen and (max-width: 480px){
	.category-menu ul{
		display: table;
		padding-left: 5px;
		margin-top:0.5em;
		margin-bottom: 0.5em;
		width: 100%;
		text-align: center;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.category-menu ul{
		display: table;
		padding-left: 5px;
		margin-top:0;
		margin-bottom:0;
		width: 100%;
		text-align: center;
	}
}
@media screen and (min-width: 769px){
	.category-menu ul{
		display: table;
		padding-left: 5px;
		margin-top:0;
		margin-bottom:0;
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 480px){
	.category-menu li{
		display: table-cell;
		min-width: 25px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.category-menu li{
		display: table-cell;
		min-width: 30px;
		padding-bottom: 5px;
	}
}
@media screen and (min-width: 769px){
	.category-menu li{
		display: table-cell;
		min-width: 40px;
	}
}

@media screen and (max-width: 480px){
	.category-menu li span{
		font-size: 0.2em;
		margin-right: -1.0em;
		margin-left: -1.0em;
	}
}

@media screen and (max-width: 480px){
	.category-menu a{
		display: block;
		width: 100%;
		text-decoration: none;
		color: var(--C2);
		padding-bottom: 5px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.category-menu a{
		display: block;
		width: 100%;
		text-decoration: none;
		color: var(--C2);
		padding-bottom: 0px;
	}
}
@media screen and (min-width: 769px){
	.category-menu a{
		display: block;
		width: 100%;
		text-decoration: none;
		color: var(--C2);
		padding-bottom: 0px;
	}
}

.category-menu li.T{
	position: relative;
}

.category-menu li.T:after{
	position: absolute;
	left: 2%;
	z-index: 2;
	content: '';
	width: 96%;
	height: 3.5px;
	background-color: var(--CR);
	pointer-events: none;
}

.category-menu li.F{
	position: relative;
}

.category-menu li.F:after{
	position: absolute;
	left: 2%;
	z-index: 2;
	content: '';
	width: 96%;
	height: 3.5px;
	background-color: var(--C5);
	pointer-events: none;
}

.category-menu li:hover:after{
	background-color: var(--C1);
}


/* contents ////////////////////////////*/
@media screen and (max-width: 480px){
	#contents{
		padding: 0 2px 0 2px;
		max-width: var(--MW0);
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	#contents{
		padding: 0 8px 0 8px;
		max-width: var(--MW1);
	}
}
@media screen and (min-width: 769px){
	#contents{
		padding: 0 10px 0 10px;
		max-width: var(--MW2);
	}
}

/* ad //////////////////////////////////*/
.ad{
	margin-top: 4em;
	margin-bottom: 4em;
	text-align:center;
	color:var(--C1);
}

/* section /////////////////////////////*/
@media screen and (max-width: 480px){
	.section h2{
		border-bottom: solid 2px var(--C5);
		position: relative;
		font-size:0.8em;
		font-weight:bold;
		color: var(--C2);
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.section h2{
		border-bottom: solid 2px var(--C5);
		position: relative;
		font-size:0.9em;
		font-weight:bold;
		color: var(--C2);
	}
}
@media screen and (min-width: 769px){
	.section h2{
		border-bottom: solid 2px var(--C5);
		position: relative;
		font-size: 1.0em;
		font-weight:bold;
		color: var(--C2);
	}
}

@media screen and (max-width: 480px){
	.section ul{
		padding-left: 0.2em;
		margin-top:0;
		width:100%;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.section ul{
		padding-left: 0.8em;
		margin-top:0;
		width:100%;
	}
}
@media screen and (min-width: 769px){
	.section ul{
		padding-left: 1.0em;
		margin-top:0;
		width:100%;
	}
}

@media screen and (max-width: 480px){
	.section ul li{
		display:block;
		width: 95%;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.section ul li{
		display:block;
		width: 93%;
	}
}
@media screen and (min-width: 769px){
	.section ul li{
		display:block;
		width: 95%;
	}
}

@media screen and (max-width: 480px){
	.section li.date{
		font-size:0.6em;
		color:var(--C5);
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.section li.date{
		font-size:0.8em;
		color:var(--C5);
	}
}
@media screen and (min-width: 769px){
	.section li.date{
		font-size:0.85em;
		color:var(--C5);
	}
}

@media screen and (max-width: 480px){
	.section li.entry{
		display:inline-block;
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		padding-left:1.0em;
		font-size: 0.8em;
		border-bottom: solid 0.5px var(--C1);
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.section li.entry{
		display:inline-block;
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		padding-left:1.0em;
		font-size: 0.9em;
		border-bottom: solid 0.5px var(--C1);
	}
}
@media screen and (min-width: 769px){
	.section li.entry{
		display:inline-block;
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		padding-left:1.0em;
		font-size: 1.0em;
		border-bottom: solid 0.5px var(--C1);
	}
}

.section li.entry a.title{
	display:inline;
	font-weight:normal;
}

.section li.entry a.twicon{
	display:inline;
	line-height: 1.0em;
	vertical-align: middle;
}

@media screen and (max-width: 480px){
	.section li.entry a.twicon img{
		width: 12px;
		height: 12px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.section li.entry a.twicon img{
		width: 16px;
		height: 16px;
	}
}
@media screen and (min-width: 769px){
	.section li.entry a.twicon img{
		width: 16px;
		height: 16px;
	}
}

/* footer //////////////////////////////*/
@media screen and (max-width: 480px){
	#footer{
		font-size: 0.7em;
		margin-top: 2em;
		text-align:center;
		color:var(--C1);
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	#footer{
		margin-top: 2em;
		text-align:center;
		color:var(--C1);
	}
}
@media screen and (min-width: 769px){
	#footer{
		margin-top: 2em;
		text-align:center;
		color:var(--C1);
	}
}


/* table ///////////////////////////////*/
@media screen and (max-width: 480px){
	table {
		border-collapse: collapse;
		margin: 10px auto;
		padding: 0;
		max-width: 300px;
		table-layout: fixed;
		color: #000;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	table {
		border-collapse: collapse;
		margin: 10px auto;
		padding: 0;
		max-width: 480px;
		table-layout: fixed;
		color: #000;
	}
}
@media screen and (min-width: 769px){
	table {
		border-collapse: collapse;
		margin: 10px auto;
		padding: 0;
		max-width: 750px;
		table-layout: fixed;
		color: #000;
	}
}

table tr {
	background-color: var(--CF);
	padding: 0.15em 0.15em 0.15em 0.15em;
	border-bottom: 1px solid var(--C5);
}

@media screen and (max-width: 480px){
	table thead{
		color: var(--C2);
		border-bottom: 5px solid var(--C1);
		font-size: 0.6em;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	table thead{
		color: var(--C2);
		border-bottom: 5px solid var(--C1);
	}
}
@media screen and (min-width: 769px){
	table thead{
		color: var(--C2);
		border-bottom: 5px solid var(--C1);
	}
}

table tr:last-child{
	border-bottom: none
}
table th,
table td {
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-right: 1px solid var(--C5);
}
table th:last-child,
table td:last-child{
    border: none;
}

@media screen and (max-width: 480px){
	tbody th {
		font-size: 0.6em;
		color: var(--CR);
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	tbody th {
		font-size: 1.0em;
		color: var(--CR);
	}
}
@media screen and (min-width: 769px){
	tbody th {
		color: var(--CR);
	}
}

@media screen and (max-width: 480px){
	table td {
		font-size: 0.4em;
		min-width:30px;
		text-align: center;
		color: var(--C5);
	}

	.fst{
		font-size: 1.95em;
		color: var(--C5);
	}

	.snd{
		font-size: 1.8em;
		color: var(--C5);
	}

	.trd{
		font-size: 1.65em;
		color: var(--C5);
	}

	.nth{
		font-size: 1.5em;
		color: var(--C5);
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	table td {
		font-size: 0.5em;
		min-width:100px;
		text-align: center;
		color: var(--C5);
	}

	.fst{
		font-size: 3.0em;
		color: var(--C5);
	}

	.snd{
		font-size: 2.7em;
		color: var(--C5);
	}

	.trd{
		font-size: 2.4em;
		color: var(--C5);
	}

	.nth{
		font-size: 2.0em;
		color: var(--C5);
	}
}
@media screen and (min-width: 769px){
	table td {
		font-size: 0.5em;
		min-width:100px;
		text-align: center;
		color: var(--C5);
	}

	.fst{
		font-size: 3.0em;
		color: var(--C5);
	}

	.snd{
		font-size: 2.7em;
		color: var(--C5);
	}

	.trd{
		font-size: 2.4em;
		color: var(--C5);
	}

	.nth{
		font-size: 2.0em;
		color: var(--C5);
	}
}

.modecolor{
	color: var(--C2);
}
.modeBcolor{
	color: var(--C5);
}

@media screen and (max-width: 480px){
	.modeheader{
		font-size:1.0em;
		margin-top: 10px;
		margin-bottom: 5px;
		padding: 0 10px 0 10px;
		color: var(--C5);
	}

	.modetext{
		font-size:0.8em;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0 30px 0 30px;
		color: var(--C5);
	}
	
	#desc{
		font-size:0.7em;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0 5px 0 5px;
		color: var(--C5);
	}
	#desc a{
		font-size:0.8em;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.modeheader{
		font-size:1.5em;
		margin-top: 10px;
		margin-bottom: 5px;
		padding: 0 0 0 0;
		color: var(--C5);
	}

	.modetext{
		font-size:1.0em;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0 0 0 10px;
		color: var(--C5);
	}
	
	#desc{
		font-size:0.9em;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0 10px 0 10px;
		color: var(--C5);
	}
}
@media screen and (min-width: 769px){
	.modeheader{
		font-size:1.5em;
		margin-top: 10px;
		margin-bottom: 5px;
		padding: 0 0 0 0;
		color: var(--C5);
	}

	.modetext{
		font-size:1.0em;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0 0 0 10px;
		color: var(--C5);
	}
	
	#desc{
		font-size:1.0em;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0 10px 0 10px;
		color: var(--C5);
	}
}

.smallmodetext{
	display:block;
	font-size:0.7em;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: -15px;
	padding: 0 auto 0 auto;
	color: var(--C5);
	max-width:120px;
	width:100%;
	text-align:center;
}

.modetext a{
	text-decoration: none;
	font-weight: bold;
	color: var(--C2);
}

.modetext a:hover{
	text-decoration: underline;
	color: var(--C2);
}

.modetext a:visited{
	color: var(--C2);
}

.floating {
	position: fixed;
	right: 8px;
	bottom: 8px;
	display: none;
}
.floating a {
	display: block;
	color: #fff;
	background: #000;
	padding: 8px;
	text-decoration: none;
	opacity: 0.6;
}
.floating a:hover {
	opacity: 1;
}

@media screen and (max-width: 480px){
	#chart_div {
		height: 1500px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	#chart_div {
		height: 1200px;
	}
}
@media screen and (min-width: 769px){
	#chart_div {
		height: 850px;
	}
}


.floatingADimg {
	display:block;
	position: fixed;
	top: 8px;
	right: 0px;
	display: none;
	max-width:120px;
	width:100%;
	text-align:center;
}

.floatingADtxt {
	display:inline-block;
	position: fixed;
	top: 0px;
	left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	display: none;
	width:100%;
	text-align:left;
	background: var(--CF);
}

#link-block .section{
	font-size:1.25em !important;
}