@charset "UTF-8";




@media (max-width: 660px) { 						/* 660px 以下 */

	body,input,textarea,select {font-family: 'HanSans-jp-Mobile', sans-serif;}

	header {height: 30px;}

	.itemSection {width:40%;}
	.topSecHLeft {padding-top: 15%;}
	.topSecHRight {padding-bottom: 21px;}

	.sideScrollable table.itemCal th {width: 100px;}
	.sideScrollable table caption {text-align: left;}

	.caseTable table th,
	.caseTable table td {padding: 3%;}

	#itemSection .itemBox input.itemNameBox {width: 80%;}
}


@media (max-width: 780px) { 						/* 780px 以下 */

	#caseEditSection div.threWayFlexBox > div,
	#genericEditSection div.threWayFlexBox > div {width: 100%;}

	#genericEditSection div.dualWayFlexBox > div {width: 100%;}

	#caseEditSection div.threWayFlexBox > div input,
	#genericEditSection div.threWayFlexBox > div input,
	#caseSection input.variableBox,
	#caseSection textarea.variableBox {width: 80%;}

	#genericEditSection div.dualWayFlexBox > div input {width: 80%;}
	#genericEditSection div.dualWayFlexBox > div select {width: 83%;}

	#caseEditSection div.threWayFlexBox > div select,
	#genericEditSection div.threWayFlexBox > div select {width: 40%;}

	#caseEditSection div.flexBoxSpacer > div,
	#caseEditSection div.flexBoxSpacer > p,
	#genericEditSection div.flexBoxSpacer > div,
	#genericEditSection div.flexBoxSpacer > p {padding: 2% 0;}

	#itemSection .itemBox .itemInfo p { width:100%; }
	#itemSection .itemBox .itemInfo input {width:77%;}
	
}




@media (min-width: 661px) {							/* 661px 以上 */

	body,input,textarea,select {font-family: 'HanSans-jp-Desktop', sans-serif;}

	.itemSection {width:60%;}
	.itemSection input {width:95%;}
	
}


@media (min-width: 999px) {							/* Desktop Only 1000px 以上 */

	.itemSection {width:70%;}
}




@media (min-width: 1199px) {						/* Desktop Only 1200px 以上 */

	.itemSection {width:73%;}
}





@media (min-width: 1399px) {						/* Desktop Only 1400px 以上 */

	.itemSection {width:75%;}
}




@media (min-width: 1599px) {						/* Desktop Only 1600px 以上 */

	.itemSection {width:76%;}
}