body,div{
font-size:12px;
margin:0px;
}

button{
height:2.4em;
}

h1{
	font-size:2vw;
}

.content{
	font-size:1.5vw;
	margin:1vw;
}

.divDeduction{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.divDeduction>div:nth-of-type(1){
	width:60%;
}
.divDeduction>div:nth-of-type(2){
	width:40%;
}

#divListControl{
	width:100%;
}

#ddcHideRules,#ddcShowRules{
	display:none;
	font-size:1vw;
}



#list_of_rules{
	font-size:1vw;
}

table.deductionRules{
	margin-left:0em;
	border:solid #000 0.1vw;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
}
table.deductionRules td,table.deductionRules th,table.deductionRules td,table.deductionRules td{
	border:solid #000 0.1vw;
	margin:0px;
	text-align:center;
	padding:0px;
}



#list_of_rules>div{
margin-left:0.0em;
}

#list_of_rules>table{

}

#list_of_rules td,#list_of_rules th{
}


#list_of_rules td{
text-align:center;
}


#list_of_rules>div>div{
margin-left:0.5em;
}


.divDeductionWrapper{
	font-size:1.5vw;
	margin-left:1%;
}

.divForControl,.divForControl>input,.divForControl>button{
	font-size:1.5vw;
}

.ddcDivLineWrapper{
	display:flex;
	width:100%;
	font-size:1.5vw;
	margin-left:1%;
}
.ddcDivLineNumber{
	width:9%;
	font-size:1.5vw;
	margin-left:1%;
}
.ddcDivLineFormula1{
	width:59%;
	font-size:1.5vw;
	margin-left:1%;
	word-break:break-word;
}
.ddcDivLineRule{
	width:14%;
	font-size:1.5vw;
	margin-left:1%;
}
.ddcDivLineRelatedAsumption{
	width:14%;
	font-size:1.5vw;
	margin-left:1%;
}

.ddcDivException{
	font-size:1.5vw;
	margin-left:1%;
}


.ddcDivLineCM1,.ddcDivLineCM1>button,.ddcDivLineCM2,.ddcDivLineCM2>button,.ddcDivLineCM2>input{
	font-size:1.5vw;
}



	.ddcLinkGroup{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		width:100%;
	}
	
	.ddcLinkGroup>a{
		display:block;
		border:solid 1px #090;
		background-color:#9F9;
		width:13%;
		height:7vw;
		text-decoration:none;
		margin:1vw;
	}
	.ddcLinkGroup>a>div{
		display:flex;
		justify-content: center;
		align-items: center;
		width:100%;
		height:100%;
	}
	.ddcLinkGroup>a>div>div{
		font-size:2vw;
		line-height:3vw;
		text-align:center;
		color:#F00;
	}




textarea{
width:50vw;
height:50vw;
}

.selectedFormula{
	color:red;
}







@media screen and (max-width:920px){
	
	h1{
		font-size:5vw;
	}

	.content{
		font-size:4vw;
		margin:1vw;
	}
	
	button{
		width:24vw;
		height:12vw;
		margin:1.5vw;
		vertical-align:middle;
	}
	
	.divDeduction{
		flex-direction:column-reverse;
		flex-wrap:wrap;
	}
	
	.divDeduction>div:nth-of-type(1){
		width:100%;
	}
	.divDeduction>div:nth-of-type(2){
		width:100%;
	}
	#ddcHideRules{
		display:none;
		width:100%;
		text-align:center;
	}
	#ddcShowRules{
		display:block;
		width:100%;
		text-align:center;
	}
	#ddcHideRules,#ddcShowRules{
		font-size:4.5vw;
	}
	#list_of_rules{
		display:none;
		font-size:3.5vw;
	}
	
	.divDeductionWrapper{
		font-size:4vw;
		margin-left:1%;
	}
	.divForControl,.divForControl>input,.divForControl>button{
		font-size:4vw;
	}
	
	.ddcDivLineNumber{
		width:14%;
		font-size:4vw;
		margin-left:1%;
	}
	.ddcDivLineFormula1{
		width:44%;
		font-size:4vw;
		margin-left:1%;
	}
	.ddcDivLineRule{
		width:19%;
		font-size:4vw;
		margin-left:1%;
	}
	.ddcDivLineRelatedAsumption{
		width:19%;
		font-size:4vw;
		margin-left:1%;
	}

	.ddcDivException{
		font-size:4vw;
		margin-left:1%;
	}
	
	.ddcDivLineCM1,.ddcDivLineCM1>button,.ddcDivLineCM2,.ddcDivLineCM2>button,.ddcDivLineCM2>input{
		font-size:4vw;
	}
	
	.ddcLinkGroup{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		width:100%;
	}
	
	.ddcLinkGroup>a{
		display:block;
		border:solid 1px #333;
		width:26%;
		height:16vw;
		text-decoration:none;
		margin:1vw;
	}
	.ddcLinkGroup>a>div{
		display:flex;
		justify-content: center;
		align-items: center;
		width:100%;
		height:100%;
	}
	.ddcLinkGroup>a>div>div{
		font-size:4.5vw;
		line-height:7vw;
		text-align:center;
	}
	
}









.textShowBox{
	width:1280px;
	height:720px;
	border-style:solid;
	border-color:black;
	border-width:0px 0px;
	display:none;
}

.textShowBox::before,.textShowBox::after{
content:"";
clear:both;
display:block;
}

.textShowTitle{
	
	/*
	width:1268px;
	*/
	/* 1280-12 */
	
	height:108px;
	float:left;
	font-size:36px;
	line-height:108px;
	padding:0px 6px;
	white-space:nowrap;
}
.textShowContents{
	width:948px;	/* 960-12 */
	height:528px;	/* 540-12 */
	float:left;
	clear:both;
	padding:6px;
}
.textShowLyrics{
	width:308px;/* 320-12 */
	height:540px;
	float:left;
	font-size:8px;
	line-height:18px;
	position:relative;
	overflow:hidden;
	padding:0px 6px;
}

.textShowLyrics>div{
	position:absolute;
}


.textShowLyrics>div>div{
	width:308px;
	height:18px;
	white-space:nowrap;
	overflow:hidden;
}

.textShowLine{
	width:1264px;/* 1280-12 */
	height:72px;
	float:left;
	clear:both;
	font-size:24px;
	line-height:72px;
	position:relative;
	overflow:hidden;
	padding:0px 6px;
}

.textShowLine>div{
	position:absolute;
	height:72px;
	font-size:24px;
	white-space:nowrap;
	padding:0px 6px;
}