/* ================================================================
formstyle.css
フォームスタイル関連
================================================================ */
[data-temp='shortA'],[data-temp='shortAA'] {
	margin-bottom:10px;
	padding-left:10px;
	height: 40px;
	background: rgb(255,255,255);
	border: solid 3px rgb(200,200,200);
	/* box-shadow: 0 2px 1px rgba(200, 200, 200, 0.5); */
	border-radius: 0px;
	line-height: 40px;
	font-size: 18px;
	/*transform: scale(0.9);*/
	width		: calc(50% - 16px);
	transform-origin: left;
	/*margin-right: -30px;*/
	font-weight: 400;
	color: rgb(70,70,70);
	background: rgb(245,245,245);
	border: solid 3px transparent;
}
[data-temp='shortAA']{
	width			: calc(25% - 16px);
}
@media screen and (max-width: 780px) {
	[data-temp='shortA'],[data-temp='shortAA'] {
		font-size: 16px;
	}
}
@media screen and (max-width: 400px) {
	[data-temp='shortA'] {
		width		: calc(60% - 16px);
	}
}
input,select{
	border-radius	 : 7px;
	/*box-shadow			: 0px 0px 5px rgb(200,200,200) inset;*/
}
input[data-temp='shortA'],input[data-temp='shortAA'], select[data-temp='shortA'] {
	/* border-radius: 7px; */
}
input[data-temp='shortA']:focus,input[data-temp='shortAA']:focus,input[data-temp='longA']:focus,[data-temp='textareaA']:focus,[data-temp='selectA'] select:focus,a[href='javascript:void(0);']:focus {
	background		: rgb(255,255,250);
	border-color	: transparent;
	outline			: solid 1px rgb(255,230,0);
	outline-offset	: -1px;
}
[data-temp='btnA']:focus,[data-temp='btnB']:focus{
	outline			: solid 1px rgb(255,230,0);
	outline-offset	: -1px;
}
input::-ms-reveal {
    visibility:hidden
}
input::-webkit-reveal {
    visibility:hidden
}
[data-temp='radioA']:focus,[data-temp='checkA']:focus{
	outline			: solid 1px rgb(255,230,0);
	outline-offset	: -1px;
}
[data-temp='radioAA']:focus,[data-temp='checkAA']:focus{
	outline			: solid 1px rgb(255,230,0);
	outline-offset	: -1px;
}
input[data-temp='shortA'],input[data-temp='shortAA'], button[data-temp='shortA'],a[data-temp='shortAA'] {
	display: inline-block;
	vertical-align: middle;
}
input[data-temp='shortA']:hover:not(:disabled),input[data-temp='shortAA']:hover:not(:disabled){
	/*margin-top:-5px;*/
	/*height: calc(42px + 10px);*/
}
/*
input[data-temp='shortA']:disabled,input[data-temp='shortAA']:disabled{
	background: rgb(230,230,230);
	color: rgb(250,250,250);
}
*/
[data-input='100']{
	width: calc(100% - 100px);
	margin-right: -50px;
}
@media screen and (max-width: 780px) {
	[data-input='100'] {
		min-width:100px;
		margin-right: -10px;
	}
}
[data-input='150']{
	width: calc(100% - 150px);
	margin-right: -50px;
}
@media screen and (max-width: 780px) {
	[data-input='150'] {
		min-width:100px;
		margin-right: -10px;
	}
}
[data-input='200']{
	width: calc(100% - 200px);
	margin-right: -30px;
}
@media screen and (max-width: 780px) {
	[data-input='200'] {
		min-width:100px;
		margin-right: 0px;
	}
}
[data-pcwidth="100"] {
	width:200px;
}
@media screen and (max-width: 780px) {
	[data-pcwidth='100'] {
		width: 110%;
	}
}
[data-pcwidth="200"] {
	width:200px;
}
@media screen and (max-width: 780px) {
	[data-pcwidth='200'] {
		width: 110%;
	}
}
[data-temp='longA'] {
	margin-bottom:10px;
	padding-left:10px;
	height: 40px;
	background: rgb(255,255,255);
	border: solid 3px rgb(200,200,200);
	/* box-shadow: 0 2px 1px rgba(200, 200, 200, 0.5); */
	border-radius: 0px;
	line-height: 40px;
	font-size: 18px;
	/*transform: scale(0.9);*/
	width		: calc(100% - 16px);
	transform-origin: left;
	/*margin-right: -30px;*/
	font-weight: 400;
	color: rgb(70,70,70););
	background: rgb(245,245,245);
	border: solid 3px transparent;
}
@media screen and (max-width: 780px) {
	[data-temp='longA'] {

	}
}
input[data-temp='longA'] {
	border-radius: 0px;
}
input[data-temp='longA'] {
	display: inline-block;
	vertical-align: middle;
}
input[data-temp='longA']:hover:not(:disabled){
	/*margin-top:-5px;*/
	/*height: calc(42px + 10px);*/
}
/*
input[data-temp='longA']:disabled{
	background: rgb(230,230,230);
	color: rgb(250,250,250);
}
*/
[data-temp='textareaA'] {
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	width: calc(100% - 26px);
	height: 120px;
	color: rgb(70,70,70);
	background-color: rgb(255, 255, 255);
	border: solid 3px rgb(200,200,200);
	border-radius: 15px;
	line-height: 22px;
	overflow: hidden;
	overflow-y		: scroll;
	word-break: break-all;
	border-radius: 0px;
	font-size:18px;
	background: rgb(245,245,245);
	border: solid 3px transparent;
}
@media screen and (max-width: 780px) {
	[data-temp='textareaA'] {
		width: calc(100% - 26px) !important;
	}
}
[data-temp='selectA'] {
	width: auto;
	height: auto;
}
[data-temp='selectA']>select {
	margin-bottom:10px;
	padding-left:10px;
	width: 100%;
	height: 46px;
	border-radius: 0px;
	background: rgb(255,255,255);
	border: solid 3px rgb(200,200,200);
	/* box-shadow: 0 2px 1px rgba(200, 200, 200, 0.5);*/
	font-size: 18px;
	/*transform: scale(0.8);*/
	width: 100%;
	transform-origin: left;
	margin-right: -6px;
	color: rgb(70,70,70);
	background: rgb(245,245,245);
	border: solid 3px transparent;
}
/*
[data-temp='selectA']>select:hover:not(:disabled){
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
[data-temp='selectA']>select:disabled{
	background: rgb(230,230,230);
	color: rgb(250,250,250);
}
*/
[data-temp='selectA']>select *{
	font-size: 18px;
}
@media screen and (max-width: 780px) {
	[data-temp='selectA']>select>option{
		font-size: 18px;
		transform: scale(0.9);
		width: 110%;
		margin-left: -5.5%;
	}
}
[data-temp='selectA'][data-class='on']:after {
	content: ' ';
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0px;
	height: 0px;
	border: solid 7px transparent;
	border-top: solid 10px rgb(70,70,70);
	opacity: .7;
	pointer-events: none;
}
@media screen and (max-width: 780px) {
	[data-temp='selectA'][data-class='on']:after {
		right: 15px;
	}
}
[data-temp='selectA'][data-class='off']:after {
	content: ' ';
	position: absolute;
	top: 19px;
	right: 10px;
	width: 0px;
	height: 0px;
	border: solid 7px transparent;
	border-top: solid 10px rgb(250,250,250);
	/* box-shadow: 0 2px 1px rgba(200, 200, 200, 0.5); */
	opacity: .7;
	pointer-events: none;
}

[class="normal_select"] {
	width:150px;
	margin-left: 10px;
}
[class="normal_select"]:first-child {
	margin-left: 0px;
}
@media screen and (max-width: 780px) {
	[class="normal_select"] {
		padding-bottom: 0px;
		margin-left: 0px;
	}
}
[class="normal_select_ad_yyyy"] {
	width:120px;
	margin-left: 0px;
	margin-right: 0px;
}
[class="normal_select_ad_yyyy"]:first-child {
	margin-left: 0px;
}
@media screen and (max-width: 780px) {
	[class="normal_select_ad_yyyy"] {
		padding-bottom: 0px;
		margin-left: 0px;
		margin-right: -2px;
	}
}
[class="normal_select_yyyy"] {
	width: 216px;
	max-width: 216px;
	margin-left: 0px;
	margin-right: 0px;
}
[class="normal_select_yyyy"]:first-child {
	margin-left: 0px;
}
@media screen and (max-width: 780px) {
	[class="normal_select_yyyy"] {
		display: block;
		padding-bottom: 0px;
		margin-left: 0px;
		margin-right: -2px;
	}
}
[class="normal_select_mmdd"] {
	width:100px;
	max-width: 100px;
	min-width: 75px;
	margin-left: 10px;
}
@media screen and (max-width: 780px) {
	[class="normal_select_mmdd"] {
		padding-bottom: 0px;
		margin-left: 10px;
	}
	[class="normal_select_mmdd"]{
		margin-left: 0px;
	}
}

[class="nobr_select"] {
	width: auto;
	min-width:70px;
}
@media screen and (max-width: 780px) {
	[class="nobr_select"]{
		width: 70px;
	}
}

[data-temp='selectB'] {
	width: 100%;
	height: auto;
}
[data-temp='selectB']>select {
	margin-bottom:10px;
	padding: 5px 0px 5px 10px;
	width: 100%;
	height: 42px;
	background: rgb(255,255,255);
	border: solid 1px rgb(247,150,70);
	box-shadow: 0 2px 1px rgba(200, 200, 200, 0.5);
	line-height: 42px;
	font-size: 18px;
	font-weight: 400;
	color: rgb(70,70,70);
}
/*
[data-temp='selectB']>select:hover:not(:disabled){
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
[data-temp='selectB']>select:disabled{
	background: rgb(230,230,230);
	color: rgb(250,250,250);
}
*/
[data-temp='selectB'][data-class='on']:after {
	content: ' ';
	position: absolute;
	top: 13px;
	right: 10px;
	width: 0px;
	height: 0px;
	border: solid 7px transparent;
	border-top: solid 10px rgb(247,150,70);
	box-shadow: 0 2px 1px rgba(200, 200, 200, 0.5);
	z-index: 10;
	opacity: .7;
	pointer-events: none;
}
[data-temp='selectB'][data-class='off']:after {
	content: ' ';
	position: absolute;
	top: 13px;
	right: 10px;
	width: 0px;
	height: 0px;
	border: solid 7px transparent;
	border-top: solid 10px rgb(250,250,250);
	z-index: 10;
	opacity: .7;
	pointer-events: none;
}
[data-temp='btnA'] { /* 白背景・オレンジ文字 */
	margin-bottom:10px;
	padding: 5px 0px 5px 10px;
	height: 44px;
	border-radius: 0px;
	line-height: 44px;
	font-size: 18px;
	float: left;
	background: rgb(255,255,255);
	border: solid 1px rgb(228,108,10);
	box-shadow: 0 2px 1px rgba(200, 200, 200, 0.5);
	color: rgb(228,108,10);
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	overflow: hidden;
	white-space: nowrap;
	cursor:pointer;
}

[data-temp='uploadbtnA'] {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 0px;
    color: #ffffff;
    background: #3498DB;
    cursor: pointer;
}

[data-temp='btnA']:hover{
	/*
	background: rgb(253,234,218);
	color: rgb(228,108,10);
	*/
}
[data-temp='btnA']:before,
[data-temp='btnA']:after {
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #333;
}
[data-temp='btnA']:before {
	top: 0;
}
[data-temp='btnA']:after {
	bottom: 0;
}

[data-temp='btnB'] { /* 黒背景・白文字 */
	margin-bottom:10px;
	padding: 0px;
	height: 52px;
	border-radius: 0px;
	line-height: 52px;
	font-size: 18px;
	float: left;
	background: rgb(0,0,0);
	box-shadow: 0 2px 1px rgba(200, 200, 200, 0.5);
	color: rgb(255,255,255);
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	overflow: hidden;
	white-space: nowrap;
	cursor:pointer;
}
[data-temp='btnB']:hover{
	background: rgb(77,77,77);
	color:rgb(255,255,255);
}
[data-temp='btnB'][data-color='o']{ /* オレンジ・白文字 */
	background: rgb(255,150,14);
}
[data-temp='btnB'][data-color='o']:hover{
	background: rgb(255,170,23);
}
[data-temp='btnB'][data-color='b']{ /* オレンジ・白文字 */
	background: rgb(0,112,192);
}
[data-temp='btnB'][data-color='b']:hover{
	background: rgb(12,134,220);
}

[data-temp='switchA'] {
	float:left;
	margin:10px;
	position: relative; width: 68px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
}
[data-temp='switchA']>input {
		display: none;
}
[data-style*='switch-label'] {
		display: block; overflow: hidden; cursor: pointer;
		border: 2px solid rgb(255,255,255);
		border-radius: 20px;
}
[data-style*='switch-inner'] {
		display: block; width: 200%; margin-left: -100%;
		transition: margin 0.2s ease-in 0s;
}
[data-style*='switch-inner']:before, [data-style*='switch-inner']:after {
		display: block; float: left;
		width: 50%;
		height: 39px;
		padding: 0;
		line-height: 39px;
		box-sizing: border-box;
}
[data-style*='switch-inner']:before {
		content: "";
		padding-left: 10px;
		background-color: #E46C0A;
		color: ;
}
[data-style*='switch-inner']:after {
		content: "";
		padding-right: 10px;
		background-color: #999999;
		color: ;
		text-align: right;
}
[data-style*='switch-switch'] {
		display: block; width: 31px; margin: 2px;
		background: #FFFFFF;
		position: absolute; top: 0; bottom: 0;
		right: 25px;
		border: 2px solid #FFFFFF; border-radius: 20px;
		transition: all 0.2s ease-in 0s; 
}
[data-temp='switchA']>input:checked + [data-style*='switch-label'] [data-style*='switch-inner'] {
		margin-left: 0;
}
[data-temp='switchA']>input:checked + [data-style*='switch-label'] [data-style*='switch-switch'] {
		right: 0px; 
}



[data-style*='disabled']{
	background: rgb(230,230,230) !important;
	color: rgb(250,250,250) !important;
	cursor:auto !important;
}
[data-style*='disabled'][data-style*='checkA']{
	background: rgb(230,230,230);
	color: rgb(250,250,250);
	cursor:auto;
}
[data-style*='disabled']:hover{
	background: rgb(230,230,230);
	color: rgb(250,250,250);
	cursor:auto;
}
[data-temp='checkA'] { /* オレンジ枠・オレンジ文字 */
	margin		: 5px 5px 5px 0px;
	padding		: 0px 0px 0px 24px;
	width: auto;
	height: 36px;
	float:left;
	text-align: left;
	line-height: 36px;
	font-size: 14px;
	cursor:pointer;
}
[data-temp='checkA']:hover:not([data-class="on"]){
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
[data-temp='checkA'][data-class='on'] {
	background: url(../img/check_o_on.png)no-repeat;
	background-position: left 8px;
	background-size: 20px 20px;
}
[data-temp='checkA'][data-class='off'] {
	background: url(../img/check_o_off.png)no-repeat;
	background-position: left 8px;
	background-size: 20px 20px;
}
[data-temp='checkB'] { /* 白枠・白文字 */
	margin		: 5px 5px 5px 0px;
	padding		: 0px 0px 0px 24px;
	width: auto;
	height: 36px;
	float:left;
	text-align: left;
	line-height: 36px;
	font-size: 14px;
	color:rgb(255,255,255);
	cursor:pointer;
}
[data-temp='checkB']:hover:not([data-class="on"]){
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
[data-temp='checkB'][data-class='on'] {
	background: url(../img/check_w_on.png)no-repeat;
	background-position: left center;
	background-size: 20px 20px;
}
[data-temp='checkB'][data-class='off'] {
	background: url(../img/check_w_off.png)no-repeat;
	background-position: left center;
	background-size: 20px 20px;
}
[data-temp='radioA'] { /* オレンジ枠・オレンジ文字 */
	/*margin:5px 0px 5px 0px;*/
	margin		: 5px 5px 5px 0px;
	padding		: 0px 0px 0px 24px;
	width: auto;
	height: 36px;
	float:left;
	text-align: left;
	line-height: 36px;
	font-size: 14px;
	/* transform: scale(0.85); ズームされるのを防ぐ */
	cursor:pointer;
}
[data-temp='radioA']:hover:not([data-class="on"]){
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
[data-temp='radioA'][data-class='on'] {
	background			: url(../img/radio_o_on.svg)no-repeat;
	background-position	: left 4px center;
	background-size		: 16px 16px;
	opacity				: .8;
}
[data-temp='radioA'][data-class='off'] {
	background			: url(../img/radio_o_off.svg)no-repeat;
	background-position	: left 4px center;
	background-size		: 16px 16px;
	opacity				: .8;
}
[data-temp='radioAA'] { /* オレンジ枠・オレンジ文字 */
	/*margin:5px 0px 5px 0px;*/
	margin		: 5px 5px 5px 0px;
	padding		: 0px 0px 0px 24px;
	width: auto;
	height: 36px;
	float:left;
	text-align: left;
	line-height: 36px;
	font-size: 14px;
	/* transform: scale(0.85); ズームされるのを防ぐ */
	cursor:pointer;
}
[data-temp='radioAA']:hover:not([data-class="on"]){
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
[data-temp='radioAA'][data-class='on'] {
	background			: url(../img/radio_o_on.svg)no-repeat;
	background-position	: left 4px center;
	background-size		: 16px 16px;
	opacity				: .8;
}
[data-temp='radioAA'][data-class='off'] {
	background			: url(../img/radio_o_off.svg)no-repeat;
	background-position	: left 4px center;
	background-size		: 16px 16px;
	opacity				: .8;
}

[data-style*='helpA'] {/* ヘルプ */
	margin-bottom:10px;
	padding:10px 0px 10px 10px;
	height: auto;
	font-size:12pt;
	background-color:rgb(253,234,218);
	/*box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);*/
	color: rgb(228,108,10);
	border-radius: 0px;
}
/*
[data-style*='helpA']:before {
	position:absolute;
	top:0px;
	left:0px;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: rgb(228,108,10) transparent transparent transparent;
	content:' ';
}
*/
[data-style*='helpB'] {/* ヘルプ */
	margin-bottom:10px;
	padding:10px 0px 10px 10px;
	height: auto;
	background: rgb(253,234,218);
	border: solid 1px rgb(250,150,70);
	/*box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);*/
	font-size: 12pt;
	font-weight: 400;
	color: rgb(102,102,102);
	border-radius: 0px;
}

[data-style*='arrow_topA'] {
	margin-bottom:10px;
	padding:10px;
	height: auto;
	font-size: 12pt;
	border-radius: 0px;
	background-color:rgb(253,234,218);
	/*box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);*/
}
[data-style*='arrow_topA']:after, [data-style*='arrow_topA']:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
[data-style*='arrow_topA']:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgb(253,234,218);
	border-width: 15px;
	margin-left: -15px;
}
[data-style*='arrow_topA']:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgb(255,255,255);
	border-width: 16px;
	margin-left: -16px;
}

[data-style*='rowA'] {/* 縦間隔なし */
	clear: both;
	margin: 0px auto;
	height: auto;
}
[data-style*='rowB'] {/* 縦前後間隔10px */
	clear: both;
	margin: 0px;
	margin-right: 20px;
	height: auto;
}
[data-style*='reqon']>:nth-child(1),[data-style*='reqoff']>:nth-child(1){
	padding-right: 60px;
}
[data-style*='reqon']>:nth-child(1):after{
	content: '必須';
	position: absolute;
	top: 13px;
	right: 10px;
	width: 40px;
	height: 20px;
	background: rgb(228,108,10);
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	font-weight: 400;
	color: rgb(250,250,250);
}
[data-style*='reqon']>:nth-child(2),[data-style*='reqoff']>:nth-child(2){
	width: calc(100% - 230px);
}
[data-style*='colA1'] {/* colA1:1列目(右)が170px */
	float: left;
	height: auto;
	padding-right: 10px;
	width: 170px;
	height: 46px;
	line-height: 46px;
	font-size: 12pt;
	font-weight: 400;
	color: rgb(228,108,10);
	text-align: right;
}
[data-style*='colA2'] {/* colA2:2列目(左) */
	float: left;
	width: calc(100% - 180px);
	height: auto;
	line-height: 46px;
	font-size: 12pt;
	color: rgb(102,102,102);
}
[data-style*='colA2']>p {
	font-size: 12pt;
	margin:5px 0px 5px 0px;
	line-height: 25px;
}
[data-style*='lineA'] {/*縦間隔なし*/
	clear: both;
	margin: 0px auto 10px auto;
	width: 100%;
	height: 0px;
	border-bottom: solid 2px rgb(247,150,70);
	opacity: 0.3;
}
[data-style*='lineB'] {/*縦前後間隔10px*/
	clear: both;
	margin: 15px auto 25px auto;
	width: 100%;
	height: 0px;
	border-bottom: solid 2px rgb(247,150,70);
	opacity: 0.3;
}

table {
	display				: table;
	border-collapse		: separate;
	border-spacing		: 0;
	/* border-radius		: 7px; */
	overflow			: hidden;
}
tr{
	display				: table-row;
	position			: relative;
	/* height				: 48px; */
}
th,td{
	display				:table-cell;
}
tr:not(:last-child)>td{
	border-bottom		: solid 1px rgb(200,200,200);;
	padding 			: 7px;
}
thead,tbody{
	display:table-row-group;
}

table[data-style='listA'] {
	margin: 20px auto;
	width: 100%;
	height: auto;
	border-collapse: collapse;;
	margin-top:0px !important;
	/* border-radius: 7px; */
	box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
}

table[data-style='listA'] th {
	color:rgb(228,108,10);
	color:rgb(255,255,255);
	font-weight:normal;
	background-color: rgb(250,188,137);
	background-color: rgb(228,108,10);
	text-align: center;
	font-size:12pt;
	/* font-weight:bold; */
	/* height:40px; */
	padding:3px;
	word-break: break-all;
}
table[data-style='listA'] td {
	/* border-bottom: 1px solid rgb(228,108,10); */
	/* border-top: 1px solid rgb(228,108,10); */
	padding: 7px;
	line-height: 18px;
	font-weight:normal;
	background-color: rgb(255,255,255);
	text-align: left;
	font-size:12pt;
	word-break: break-all;
}
table[data-style='listA']>thead tr td{
	background-color:rgb(200,200,200) !important;
}
table[data-style='listA']>tbody:nth-child(2n+1)>tr>td {
	/* 2*2n：3桁ずつ */
	background-color: rgb(240,240,240) !important;
}
table[data-style='listA']>tbody>tr {
	cursor: pointer;
}
table[data-style='listA']>tbody>tr[data-select='on']>td{
	background-color: #dc143c !important;
	color			: rgb(250,250,250) !important;
}
table[data-style='listA']>tbody>tr:not([data-select='on']):hover >td{
	background-color: rgb(255,233,233) !important;
}
table[data-style='listA'] tr:first-child>th:first-child {
	/* border-radius: 7px 0 0 0; */
}
table[data-style='listA'] tr:first-child>th:last-child {
	/* border-radius: 0 7px 0 0; */
}

@media screen and (max-width: 780px) {

	table[data-style='listA'] {
		box-shadow: none!important;
	}
	table[data-style='listA'] thead{
		display: none !important;
	}
	table[data-style='listA'] tbody tr{
		display: block !important;
		margin-bottom: 10px !important;
	}
	table[data-style='listA'] tbody tr td{
		display: list-item !important;
		padding-left: 100px !important;
		border-bottom: solid 1px #cccccc !important;
	}
	table[data-style='listA'] tbody tr td:before{
		left: 5px !important;
		position: absolute !important;
	}
	table[data-style='listA'] tbody tr td:first-child {
		/* border-radius: 7px 7px 0px 0px !important; */
		/* -webkit-border-radius: 7px 7px 0px 0px !important; */
		/* -moz-border-radius: 7px 7px 0px 0px !important; */
		box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5) !important;
		list-style-type: none !important;
		background-color: rgb(200,200,200) !important;
	}
	table[data-style='listA'] tbody tr td:last-child {
		/* border-radius: 0px 0px 7px 7px !important; */
		/* -webkit-border-radius: 0px 0px 7px 7px !important; */
		/* -moz-border-radius: 0px 0px 7px 7px !important; */
		box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5) !important;
	}
	/*
	table[data-style='listA'] tbody tr td:nth-of-type(1):before { content: "お知らせ日時"; }
	table[data-style='listA'] tbody tr td:nth-of-type(2):before { content: "閲覧日"; }
	table[data-style='listA'] tbody tr td:nth-of-type(3):before { content: "送付担当者"; }
	table[data-style='listA'] tbody tr td:nth-of-type(4):before { content: "ファイル"; }
	table[data-style='listA'] tbody tr td:nth-of-type(5):before { content: "ファイル確認"; }
	*/
}

[data-style*='corner_on'] {
	position:relative;
}
[data-style*='corner_on']:before{
	position:absolute;
	left:0px;
	display: inline;
	width: 0;
	height: -20px;
	content:'';
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: #ff0000 transparent transparent transparent;
	z-index:10000;
}
[data-style*='mes1'] {
	background-color:rgb(255,213,128) !important;
	border-radius: 0px;
	padding:5px 5px;
}
[data-style*='mes2'] {
	background-color:rgb(179,226,180) !important;
	border-radius: 0px;
	padding:5px 5px;
}
[data-style*='mes3'] {
	background-color:rgb(171,231,255) !important;
	border-radius: 0px;
	padding:5px 5px;
}
[data-style*='mes4'] {
	background-color:rgb(255,125,125) !important;
	border-radius: 0px;
	padding:5px 5px;
}
[data-style*='mes5'] {
	background-color:rgb(219,219,219) !important;
	border-radius: 0px;
	padding:5px 5px;
}
[data-style*='mes6'] {
	background-color:rgb(184,178,234) !important;
	border-radius: 0px;
	padding:5px 5px;
}


[data-style*='center'] { /* center */
	text-align:center !important;
}
[data-style*='left'] { /* left */
	text-align:left !important;
}
[data-style*='right'] { /* right */
	text-align:right !important;
}
[data-type='sort'] {
	display:inline-block;
	margin-left:10px;
	width:15px;
	background:url(../img/sort_arrow.png) no-repeat;
	cursor:pointer;
}
[data-sort='asc'] {
	background:url(../img/sort_arrow_asc.png) no-repeat;
}
[data-sort='desc'] {
	background:url(../img/sort_arrow_desc.png) no-repeat;
}
[link='true'] {
	cursor:pointer;
}
div[link='true']:hover:not([class='card']),
span[link='true']:hover,
p[link='true']:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
[class='card'][link='true']:hover {
	background-color:rgb(253,234,218);
	color:rgb(235,94,2);
}
td[link='true'] {
	color:rgb(85,142,213) !important;
}
td[link='true']:hover {
	color:rgba(85,142,213,.5) !important;
}

[data-width='30']{
	width			: 30px !important;
}
[data-width='40']{
	width			: 40px !important;
}
[data-width='50']{
	width			: 50px !important;
}
[data-width='55']{
	width			: 55px !important;
}
[data-width='60']{
	width			: 60px !important;
}
[data-width='65']{
	width			: 65px !important;
}
[data-width='70']{
	width			: 70px !important;
}
[data-width='80']{
	width			: 80px !important;
}
[data-width='90']{
	width			: 90px !important;
}
[data-width='100']{
	width			: 100px !important;
}
[data-width='105']{
	width			: 105px !important;
}
[data-width='110']{
	width			: 110px !important;
}
[data-width='120']{
	width			: 120px !important;
}
[data-width='180']{
	width			: 180px !important;
}
[data-width='220']{
	width			: 220px !important;
}
















[data-class='ques']{
	cursor			: pointer;
	float			: right;
	margin-right	: 5px;
	width			: 26px;
	height			: 26px;
	background		: rgb(200,200,200);
	border-radius	: 50%;
	text-align		: center;
	line-height		: 26px;
	font-size		: 18px;
	color			: rgb(250,250,250)
}
























[data-style="calendar_wall"]{
	position			: fixed;
	top					: 0px;
	left				: 0px;
	width				: 100%;
	height				: 100%;
	background-color	: rgb(250,250,250);
	opacity				: .4;
}
[data-style="calendar_area"]{
	position			: fixed;
	left				: 50%;
	height				: auto;
	transform			: translateX(-50%);
	box-shadow			: 0px 0px 12px 2px rgb(210,210,210);
}
[data-style="calendar_title"]{
	position			: absolute;
	padding				: 0px 20px;
	left				: 50%;
	width				: auto;
	background			: rgba(250,250,250,.8);
	text-align			: center;
	font-weight			: 400;
	user-select			: none;
	overflow			: hidden;
	transform			: translateX(-50%);
	white-space			: nowrap;
}
[data-style="calendar_close"]{
	position			: absolute;
	left				: 50%;
	user-select			: none;
	overflow			: hidden;
	transform			: translateX(-50%);
	text-align			: center;
	opacity				: .9;
	transition			: all 0.3s;
	background-color	: rgb(80,80,80);
	color				: rgb(250,250,250);
}
[data-style="calendar_close"]>p{
	position			: absolute;
	top					: 50%;
	left				: 50%;
	user-select			: none;
	overflow			: hidden;
	transform			: translate(-50%,-50%);
}
[data-style="calendar_close"]:hover{
	opacity				: .8;
}
[data-style="calendar_prev"],[data-style="calendar_next"],[data-style="calendar_select"]{
	cursor				: pointer;
	float				: left;
	background			: rgb(160,160,160);
	box-shadow			: 0px 0px 2px 1px rgb(240,240,240);
	color				: rgb(250,250,250);
	user-select			: none;
	transition			: all 0.3s;
	z-index				: 0;
}
[data-style="calendar_prev"]:focus,[data-style="calendar_next"]:focus,[data-style="calendar_select"]:focus{
	z-index				: 1;
}
[data-style="calendar_prev"]{
	margin				: 4px 0px 0px 4px;
}
[data-style="calendar_next"]{
	margin				: 4px 0px 0px 0px;
}
[data-style="calendar_prev"]>p,[data-style="calendar_next"]>p{
	position			: absolute;
	width				: 0px;
	height				: 0px;
	border				: solid 0px transparent;
}
[data-style="calendar_select"]{
	margin				: 4px 0px 0px 0px;
	overflow			: hidden;
	z-index				: 0;
}
[data-style="calendar_select"]>*{
	margin				: 0px;
	display				: inline-block;
	overflow			: hidden;
	transition			: all 0.3s;
	color				: rgb(250,250,250);
}
[data-style="calendar_select"]>[data-style='calendar_m']{
	margin-left			: 10px;
}
[data-style="calendar_select"][data-select='on']>[data-style='calendar_y']{
	position			: absolute;
	left				: 0px;
	width				: 100%;
}
[data-style="calendar_select"][data-select='on']>[data-style='calendar_m']{
	margin-left			: 0px;
	width				: 0px;
}
[data-style="calendar_month"]{
	cursor				: pointer;
	float				: left;
	margin				: 4px 0px 0px 4px;
	background			: rgb(255,255,255);
	box-shadow			: 0px 0px 2px 1px rgb(240,240,240);
	color				: rgb(120,120,120);
	user-select			: none;
	transition			: all 0.3s;
}
[data-style="calendar_day_area"]{
	padding-bottom		: 4px;
	overflow			: auto;
}
[data-style="calendar_day"]{
	cursor				: pointer;
	float				: left;
	margin				: 4px 0px 0px 4px;
	background			: rgb(255,255,255);
	box-shadow			: 0px 0px 2px 1px rgb(240,240,240);
	color				: rgb(120,120,120);
	user-select			: none;
	transition			: all 0.3s;
}
[data-style="calendar_day"][data-w='0']{
	color				: rgb(250,120,110);
}
[data-style="calendar_day"][data-w='6']{
	color				: rgb(110,140,250);
}
[data-style="calendar_day"][data-val='none']{
	background			: rgb(240,240,240);
	box-shadow			: none;
	opacity				: .5;
}
[data-style="calendar_day"]:hover{
	color				: rgb(250,250,250) !important;
}
[data-style='calendar_footer_area']>*{
	cursor				: pointer;
	float				: left;
	margin				: 4px 0px 0px 4px;
	box-shadow			: 0px 0px 2px 1px rgb(240,240,240);
	color				: rgb(250,250,250);
	background-color	: rgb(160,160,160);
	user-select			: none;
	transition			: all 0.3s;
}



[data-style='notice']{
	position			: fixed;
	top					: 0px;
	left				: 0px;
	width				: 100%;
	opacity				: 0;
	z-index				: 1001;
}
[data-style='notice_content']{
	position			: absolute;
	top					: 50%;
	left				: 50%;
	transform			: translate(-50%,-50%);
	width				: 100%;
	max-width			: 1024px;
	line-height			: 2em;
}