@media screen and (max-width: 797px) {
	.checkssid {
		font-size: 18px;
		width: 95%;
	}

	.errorssid {
		font-size: 18px;
		width: 95%;
	}

	.acceptssid, .acceptcompletessid {
		font-size: 18px;
		width: 95%;
	}

		.acceptssid .nicknameerror {
			margin: 20px auto;
		}

		.acceptssid input {
			font-size: 18px;
			padding: 8px;
			margin: 20px auto;
		}

		.acceptssid button {
			font-size: 18px;
			padding: 8px;
			margin: 20px auto;
		}

		.acceptcompletessid .nickname2 {
			padding-left: 10px;
			padding-right: 10px;
		}

	.menufunctions {
		margin: 20px auto;
		width: 90%;
	}

		.menufunctions li {
			width: 90%;
			font-size: 20px;
			padding: 5%;
			margin: 5%;
		}

	.scansettingp li {
		width: 100% !important;
		font-size: 20px;
		padding: 2%;
		margin: 2%;
	}

	.scansettingp .scansettingptitle {
		font-size: 80%;
		padding-top: 4px;
		padding-right: 10px;
	}

	.scansettingp .scansettingpvalue {
	}

	.content_wrap {
		margin: 20px auto;
		width: 90%;
	}

	.content_title {
		font-size: 20px;
		font-weight: bold;
	}

	.content_wrap .workmenutop li {
		font-size: 20px;
		padding: 10px;
	}

	.content_wrap .workmenubottom {
		width: 90%;
	}

		.content_wrap .workmenubottom li {
			padding: 20px;
			box-sizing: border-box;
		}

		.content_wrap .workmenubottom .nyuko_regist,
		.content_wrap .workmenubottom .syukko_regist,
		.content_wrap .workmenubottom .encode_regist,
		.content_wrap .workmenubottom .renewal_regist {
			font-size: 20px;
		}

		.content_wrap .workmenubottom .nyuko_count,
		.content_wrap .workmenubottom .syukko_count,
		.content_wrap .workmenubottom .renewal_count {
			font-size: 26px;
			font-weight: bold;
		}

	.encode_content {
		width: 100%;
	}

		.encode_content li {
			width: 100%;
			font-size: 20px;
			padding: 20px;
			box-sizing: border-box;
		}

	.encode_search1 {
		font-size: 20px !important;
	}

	.encode_search2 {
		font-size: 20px !important;
	}


	.itemrefcode {
		width: 100%;
		font-size: 22px;
		color: #999;
		text-align: left;
		margin-top: 20px;
		padding-left: 5%;
	}

	.itemrefname {
		width: 100%;
		font-size: 22px;
		color: #fff;
		text-align: left;
		padding-left: 5%;
	}

	.itemrefcodeerr {
		width: 100%;
		font-size: 22px;
		color: #800;
		text-align: left;
		margin-top: 20px;
		padding-left: 5%;
	}

	.itemrefnameerr {
		width: 100%;
		font-size: 22px;
		color: #f44;
		text-align: left;
		padding-left: 5%;
	}

	.itemrefcomment {
		width: 100%;
		font-size: 20px;
		color: #fe0;
		text-align: center;
		margin-top: 20px;
	}

	.itemrefcommentwhite {
		width: 100%;
		font-size: 20px;
		color: #ccc;
		text-align: center;
		margin-top: 20px;
	}

	.itemrefcomment2 {
		width: 100%;
		font-size: 20px;
		color: #4f0;
		text-align: center;
		margin-top: 120px;
	}

	.itemrefepcdata {
		width: 100%;
		font-size: 16px;
		color: #4f0;
		text-align: center;
		margin-top: 20px;
	}

	.itemrefepcdata2 {
		width: 100%;
		font-size: 16px;
		color: #4f0;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.itemreferror {
		width: 100%;
		font-size: 20px;
		color: #f44;
		text-align: center;
		margin-top: 20px;
	}

	.itemreferrormargin {
		margin-bottom: 20px;
	}

	.zaiko_content {
		margin-top: 10px;
		width: 100%;
		height: calc( 100% - 320px );
		display: block;
		box-sizing: border-box;
		overflow-y: scroll;
		overflow-x: hidden;
		position: relative;
		font-size: 0;
		vertical-align: top;
	}

		.zaiko_content li:last-child {
			margin-bottom: 10px;
		}

	.nyuko_m {
		width: 20%;
		height: 52px;
		border: 1px #4f0 solid;
		box-sizing: border-box;
		color: #4f0;
		font-size: 36px;
		margin-right: 1%;
		display: inline-block;
		vertical-align: top;
		background-color: #000;
	}

	.nyuko_m_one {
		color: #000;
		background-color: #4f0;
	}

	.nyuko_allclear {
		width: 19%;
		height: 52px;
		border: 1px #4f0 solid;
		box-sizing: border-box;
		color: #4f0;
		font-size: 36px;
		display: inline-block;
		vertical-align: top;
		background-color: #000;
	}

	.nyuko_allclear_one {
		color: #000;
		background-color: #4f0;
	}

	.nyuko_add {
		width: 29%;
		height: 52px;
		border: 1px #4f0 solid;
		box-sizing: border-box;
		color: #4f0;
		font-size: 32px;
		display: inline-block;
		vertical-align: top;
		background-color: #000;
		margin-left: 1%;
	}

	.syukko_m {
		width: 20%;
		height: 52px;
		border: 1px #0cd solid;
		box-sizing: border-box;
		color: #0cd;
		font-size: 36px;
		margin-right: 1%;
		display: inline-block;
		vertical-align: top;
		background-color: #000;
	}

	.syukko_m_one {
		color: #000;
		background-color: #0cd;
	}

	.syukko_allclear {
		width: 19%;
		height: 52px;
		border: 1px #0cd solid;
		box-sizing: border-box;
		color: #0cd;
		font-size: 36px;
		display: inline-block;
		vertical-align: top;
		background-color: #000;
	}

	.syukko_allclear_one {
		color: #000;
		background-color: #0cd;
	}

	.syukko_add {
		width: 29%;
		height: 52px;
		border: 1px #0cd solid;
		box-sizing: border-box;
		color: #0cd;
		font-size: 32px;
		display: inline-block;
		vertical-align: top;
		background-color: #000;
		margin-left: 1%;
	}

	.renewal_m {
		width: 20%;
		height: 52px;
		border: 1px #c8c solid;
		box-sizing: border-box;
		color: #c8c;
		font-size: 36px;
		margin-right: 1%;
		display: inline-block;
		vertical-align: top;
		background-color: #000;
	}

	.renewal_m_one {
		color: #000;
		background-color: #c8c;
	}

	.renewal_allclear {
		width: 19%;
		height: 52px;
		border: 1px #c8c solid;
		box-sizing: border-box;
		color: #c8c;
		font-size: 36px;
		display: inline-block;
		vertical-align: top;
		background-color: #000;
	}

	.renewal_allclear_one {
		color: #000;
		background-color: #c8c;
	}

	.renewal_add {
		width: 29%;
		height: 52px;
		border: 1px #c8c solid;
		box-sizing: border-box;
		color: #c8c;
		font-size: 32px;
		display: inline-block;
		vertical-align: top;
		background-color: #000;
		margin-left: 1%;
	}

	.typeidwrap,
	.typeiderrorwrap,
	.typeidsearchwrap {
		position: fixed;
		display: none;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0,0,0,0.6);
		z-index: 999999;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.typeidcontent {
		position: relative;
		margin: 80px auto;
		width: 73%;
		border: 1px solid #fff;
		background-color: #000;
		padding: 20px;
		color: #fff;
	}

	.typeidclose {
		position: absolute;
		top: -16px;
		right: -8px;
		width: 48px;
		height: 48px;
	}

	.typeidguid {
		color: #fff;
		font-size: 20px;
		margin-bottom: 30px;
	}

	.typeidvalue {
		color: #fff;
		font-size: 32px;
		font-weight: bold;
		margin-bottom: 30px;
		height: 41px;
	}

	.typeidcalc {
		display: block;
		width: 100%;
	}

		.typeidcalc li {
			width: 100%;
		}

		.typeidcalc .typeidcalc_y li {
			display: inline-block;
			vertical-align: top;
			font-size: 26px;
			width: 28%;
			border: 1px solid #fff;
			border-radius: 6px;
			background-color: #000;
			padding-top: 20px;
			padding-bottom: 20px;
			margin-left: 4px;
			margin-right: 4px;
			margin-bottom: 8px;
		}

		.typeidcalc .typeidcregist {
			border: 1px solid #fff;
			border-radius: 6px;
			background-color: #000;
			padding-top: 20px;
			padding-bottom: 20px;
			font-size: 22px;
			width: 92%;
			margin: 10px auto;
		}

	.typeiderrorcontent {
		position: relative;
		margin: 200px auto;
		width: 60%;
		border: 1px solid #f44;
		background-color: #000;
		padding: 40px 20px 20px 40px;
		color: #f44;
		font-size: 22px;
	}

		.typeiderrorcontent button {
			margin: 20px auto;
			font-size: 22px;
			display: block;
			background-color: #000;
			color: #f44;
			border: 1px solid #f44;
			border-radius: 6px;
			width: 28%;
			padding-top: 20px;
			padding-bottom: 20px;
		}

	.typeidsearchcontent {
		position: relative;
		margin: 200px auto;
		width: 60%;
		border: 1px solid #ccc;
		background-color: #000;
		padding: 40px 20px 20px 40px;
		color: #ccc;
		font-size: 22px;
	}

	.nyukoregistprogress {
		position: relative;
		margin: 300px auto;
		width: 60%;
		border: 1px solid #4f0;
		background-color: #000;
		padding: 40px 20px 20px 40px;
		color: #4f0;
		font-size: 22px;
	}

	.syukkoregistprogress {
		position: relative;
		margin: 300px auto;
		width: 60%;
		border: 1px solid #0cd;
		background-color: #000;
		padding: 40px 20px 20px 40px;
		color: #0cd;
		font-size: 22px;
	}

	.denpyonomenuwrap,
	.buhinidmenuwrap {
		margin-top: 10px;
		border: 1px solid #0ff;
		box-sizing: border-box;
		font-weight: bold;
	}

	.denpyonomenu,
	.buhinidmenu {
		color: #fff;
		font-size: 18px;
		cursor: pointer;
	}

	.denpyonowrap,
	.denpyonoerrorwrap,
	.denpyonosearchwrap,
	.buhinidwrap, .buhiniderrorwrap, .buhinidsearchwrap {
		position: fixed;
		display: none;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0,0,0,0.6);
		z-index: 999999;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.denpyonocontent,
	.buhinidcontent {
		position: relative;
		margin: 20px auto;
		width: 73%;
		border: 1px solid #fff;
		background-color: #000;
		padding: 10px;
		color: #fff;
	}

	.denpyonoclose,
	.buhinidclose {
		position: absolute;
		top: -16px;
		right: -8px;
		width: 48px;
		height: 48px;
	}

	.denpyonoguid,
	.buhinidguid {
		color: #fff;
		font-size: 18px;
		margin-bottom: 20px;
	}

	.denpyonovalue,
	.buhinidvalue {
		color: #fff;
		font-size: 32px;
		font-weight: bold;
		margin-bottom: 20px;
		height: 41px;
	}

	.denpyonocalc,
	.buhinidcalc {
		display: block;
		width: 100%;
	}

	.denpyonocalc li,
	.buhinidcalc li {
		width: 100%;
	}

	.denpyonocalc .denpyonocalc_y li,
	.denpyonocalc .denpyonocalc_y2 li,
	.buhinidcalc .buhinidcalc_y li,
	.buhinidcalc .buhinidcalc_y2 li {
		display: inline-block;
		vertical-align: top;
		font-size: 26px;
		width: 28%;
		border: 1px solid #fff;
		border-radius: 6px;
		background-color: #000;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-left: 4px;
		margin-right: 4px;
		margin-bottom: 2px;
	}

	.denpyonocalc_y2
	{
		text-align: right;
		padding-right: 8px;
	}
	.buhinidcalc_y2 {
		text-align: right;
		padding-right: 16px;
	}

	.denpyonocalc_y2 li,
	.buhinidcalc_y2 li {
		width: 60% !important;
		text-align: center;
	}

	.denpyonocalc .denpyonocregist,
	.buhinidcalc .buhinidcregist {
		border: 1px solid #fff;
		border-radius: 6px;
		background-color: #000;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 22px;
		width: 92%;
		margin: 10px auto;
	}

	.denpyonoerrorcontent,
	.buhiniderrorcontent {
		position: relative;
		margin: 200px auto;
		width: 60%;
		border: 1px solid #f44;
		background-color: #000;
		padding: 40px 20px 20px 40px;
		color: #f44;
		font-size: 22px;
	}

	.denpyonoerrorcontent button,
	.buhiniderrorcontent button {
		margin: 20px auto;
		font-size: 22px;
		display: block;
		background-color: #000;
		color: #f44;
		border: 1px solid #f44;
		border-radius: 6px;
		width: 28%;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.denpyonosearchcontent,
	.buhinidsearchcontent {
		position: relative;
		margin: 200px auto;
		width: 60%;
		border: 1px solid #ccc;
		background-color: #000;
		padding: 40px 20px 20px 40px;
		color: #ccc;
		font-size: 22px;
	}

	.denpyonocwait,
	.buhinidcwait {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background-color: rgba(0,0,0,0.9);
		z-index: 11;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		box-sizing: border-box;
		display: none;
		padding-top: 200px;
	}

	.denpyonoerror,
	.buhiniderror{
		color: #f66;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20px;
		height: 41px;
		display: none;
	}

	.denpyonodatawrap,
	.buhiniddatawrap {
		display: block;
		width: 100%;
		color: #0ff;
		background-color: #000;
		vertical-align: top;
		padding: 8px 0px;
	}
	.denpyonodatawrap2,
	.buhiniddatawrap2 {
		padding: 20px 8px;
	}
	.denpyonodatawrap .denpyonodata1,
	.buhiniddatawrap .buhiniddata1 {
		width: 30%;
		text-align: right;
		box-sizing: border-box;
		padding-right: 1%;
		font-weight: bold;
		display: inline-block;
		vertical-align: top;
		font-size: 130%;
	}

	.denpyonodatawrap .denpyonodata2,
	.buhiniddatawrap .buhiniddata2 {
		width: 68%;
		text-align: left;
		box-sizing: border-box;
		padding-left: 4%;
		display: inline-block;
		vertical-align: top;
	}

	.denpyonodatawrap .denpyonodata2 .denpyonodata2a,
	.denpyonodatawrap .denpyonodata2 .denpyonodata2b,
	.buhiniddatawrap .buhiniddata2 .buhiniddata2a,
	.buhiniddatawrap .buhiniddata2 .buhiniddata2b {
	}

	.buhinidstr {
		text-align:right;
		padding-right:6px;
	}

	.buhinidsearch {
	}
}