@charset "utf-8";
/**
 *
 *
 *
 */
/*********************************************
**********************************************
		titlewrapper
**********************************************
**********************************************/
@media print,screen {
	#titlewrapper {
		margin: 50px 5% 0 5%;
		text-align: center;
	}
	#titlewrapper h1 {
		margin: 0;
		font-size: 2.6rem;
		line-height: 1.3;
		color: #333;
		font-family: "Noto Sans JP",メイリオ,Meiryo,sans-serif;
		font-weight: 700;
	}
}
@media screen and (max-width:529px) {
	#titlewrapper h1 {
		font-size: 2.2rem;
	}
}
/*********************************************
**********************************************
		usagewrapper
**********************************************
**********************************************/
@media print,screen {
	#usagewrapper {
		margin-top: 60px;
		padding: 0 5%;
	}
	#usagewrapper > .inner {
		margin: 0 auto;
		max-width: 730px;
	}
	#usagewrapper > .inner > p {
		font-size: 1.5rem;
		line-height: 1.6;
		color: #333;
		margin: 2px 0;
	}
}
/*********************************************
**********************************************
		inputwrapper
**********************************************
**********************************************/
@media print,screen {
	.inputwrapper {
		margin-top: 40px;
		padding: 0 5%;
	}
	.inputwrapper > .inner {
		margin: 0 auto;
		max-width: 730px;
	}
	.inputwrapper > .inner > div {
		border: solid 1px #72bcb8;
		border-radius: 5px;
		padding: 5px 10px;
	}
	.inputwrapper > .inner > div > div {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.inputwrapper > .inner > div > div > div:nth-of-type(1) {
		font-size: 1.4rem;
		line-height: 1.5;
		color: #099;
	}
	.inputwrapper > .inner > div > div > div:nth-of-type(2) {
		margin: 0 10px;
	}
	.inputwrapper > .inner > div > div > table {
		border-collapse: collapse;
	}
	.inputwrapper > .inner > div > div > table tr th {
		font-size: 1.4rem;
		line-height: 1.2;
		color: #333;
		font-weight: normal;
		text-align: left;
		padding: 2px 10px;
	}
	.inputwrapper > .inner > div > div > table tr td {
		padding: 2px 10px;
	}
	.inputwrapper > .inner > div > div > table tr td > input {
		width: 200px;
		appearance: none;
		height: 24px;
		border: solid 1px #ccc;
		padding-left: 5px;
		font-size: 1.5rem;
		line-height: 1.5;
		background-color: #fff;
		color: #000;
		border-radius: 3px;
		ime-mode: disabled;
	}
	.inputwrapper > .inner > div > div > table tr td > input:focus {
		background-color: #f3ffff;
		border-color: #099;
	}
	.inputwrapper > .inner > div > div > div:nth-of-type(3) {
		background-color: #333;
		font-size: 1.4rem;
		line-height: 1;
		color: #fff;
		border-radius: 20px;
		padding: 5px 20px;
		cursor: pointer;
	}
	.inputwrapper > .inner > div > div > div:nth-of-type(3):hover {
		opacity: 0.7;
	}
	.inputwrapper > .inner > div > p {
		text-align: right;
		margin: 0;
	}
	.inputwrapper > .inner > div > p > a {
		display: inline-block;
		font-size: 1.1rem;
		line-height: 1.3;
		color: #039ae4;
		text-decoration: none;
	}
	.inputwrapper > .inner > div > p > a:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width:799px) {
	.inputwrapper > .inner > div > div {
		flex-direction: column;
	}
	.inputwrapper > .inner > div > div > div:nth-of-type(1) {
		text-align: center;
	}
	.inputwrapper > .inner > div > div > div:nth-of-type(1) > br {
		display: none;
	}
	.inputwrapper > .inner > div > div > div:nth-of-type(1) > span {
		margin-left: 10px;
	}
	.inputwrapper > .inner > div > div > div:nth-of-type(2) {
		display: none;
	}
	.inputwrapper > .inner > div > div > table {
		margin-top: 10px;
	}
	.inputwrapper > .inner > div > div > div:nth-of-type(3) {
		margin-top: 5px;
	}
	.inputwrapper > .inner > div > p {
		text-align: center;
		margin-top: 10px;
	}
}
@media screen and (max-width:419px) {
	.inputwrapper > .inner > div > div > table tr td {
		padding: 2px 5px;
	}
	.inputwrapper > .inner > div > div > table tr td > input {
		width: 130px;
	}
}
@media print,screen {
	#inputwrapper2 {
		display: none;
	}
}
/*********************************************
**********************************************
		resultwrapper
**********************************************
**********************************************/
@media print,screen {
	#resultwrapper {
		margin: 20px 0 0 0;
		padding: 0 5%;
	}
	#resultwrapper > .inner {
		margin: 0 auto;
		max-width: 730px;
	}
	#resultwrapper > .inner > p {
		font-size: 1.5rem;
		line-height: 1.6;
		color: #399;
		margin: 2px 0;
	}
	#resultwrapper > .inner > p:not(:empty):before {
		content: "最後の結果 Latest result:\A";
		white-space: pre;
	}
}
/*********************************************
**********************************************
		reissuewrapper
**********************************************
**********************************************/
@media print,screen {
	#reissuewrapper {
		margin-top: 60px;
		padding: 0 5%;
		display: none;	/*initial*/
	}
	#reissuewrapper > .inner {
		margin: 0 auto;
		max-width: 730px;
	}
	#reissuewrapper > .inner > p {
		font-size: 1.5rem;
		line-height: 1.6;
		color: #399;
		margin: 2px 0;
	}
}
/*********************************************
**********************************************
		result2wrapper
**********************************************
**********************************************/
@media print,screen {
	#result2wrapper {
		margin: 20px 0 0 0;
		padding: 0 5%;
	}
	#result2wrapper > .inner {
		margin: 0 auto;
		max-width: 730px;
	}
	#result2wrapper > .inner > p {
		font-size: 1.5rem;
		line-height: 1.6;
		color: #399;
		margin: 2px 0;
	}
}

/*--- end of file ---*/