﻿BODY{
	font-family:sans-serif;
	line-height:1.25;

	background-image:url(/img/maker.png); /* 背景画像をダブル指定できないブラウザ用 */
	background-attachment:fixed;          /* 背景画像をダブル指定できないブラウザ用 */
	background-position:top left;         /* 背景画像をダブル指定できないブラウザ用 */
	background-size:82.5px 114px;         /* 背景画像をダブル指定できないブラウザ用 */
	background-color:#FFFFFF;             /* 背景画像をダブル指定できないブラウザ用 */
	background: url(/img/maker.png) top left/82.5px 114px fixed #FFFFFF;
	margin:0;

	/* 印刷時に背景色を有効化（chromeのみ） */
	-webkit-print-color-adjust: exact;
}

/* オブジェクト */
.titleDiv{
	z-index:4;
	max-width:994px;
	max-height:calc(100% - 8px);
	overflow-y:auto;
	display:flex;	/* DIV横並び */
	flex-wrap:wrap;	/* 改行 */
	position:fixed;
	top:0%; left:50%;
	transform:translate(-50%, 0%);

	& IMG{
		vertical-align:middle;
	}
	& .titleLogo{
		line-height:1.5;
		display:flex;
		justify-content:center;
		align-items:center;

		.pc &{
			width:calc(100% - 70px);
			min-height:36px;
			font-size:25pt;
		}
		.sp &{
			width:calc(100% - 40px);
			min-height:36px;
			font-size:15pt;
		}
	}
}

.titleDivBone{
	&:before{
		content:"　";
	}
	.pc &{
		min-height:36px;
		line-height:1.5;
		font-size:25pt;
	}
	.sp &{
		min-height:36px;
		line-height:1.5;
		font-size:15pt;
	}
}
@media(max-width:430px){
	.pc .titleDiv .titleLogo{
		font-size:calc((95vw - 108px) / 9);
	}
	.pc .titleDivBone{
		font-size:calc((95vw - 108px) / 9);
	}
}

.titleDiv .hamburger{
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:right;

	.pc &{
		width:70px;
	}
	.sp &{
		width:40px;
	}
	& IMG{
		width:25px;
		height:25px;
		padding-right:5px;
		transform-origin:9.3px 9.3px 0;
	}
}

.title2, .title4{
	width:calc(100% - 6px);
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #000088;
	border-radius:8px;
	box-shadow:0px 0px 6px;

	.pc &{
		background:url(/img/zemclip.webp) 12% 100%/36px 45.4px no-repeat, url(/img/zemclip.webp) 88% 100%/36px 45.4px no-repeat;
	}
	.sp &{
		background:url(/img/zemclip.webp) 35px 0%/30px 37.8px no-repeat, url(/img/zemclip.webp) calc(100% - 35px) 0%/30px 37.8px no-repeat;
	}
}
.title2{
	background-color:#D8F8B8 !important;
}
.title4{
	background-color:#FFDDFF !important;
}

.searchWindow{
	width:100%;
	text-align:center;

	.pc &{
		font-size:20px;
	}
}

.onhand2, .onhand4{
	z-index:6;
	width:52px;
	height:52px;
	line-height:0;
	right:20px;
	bottom:20px;
	margin:0;
	border:2px solid #000088;
	border-radius:32px;
	padding:0;
	box-shadow:0px 0px 6px;

	& IMG{
		width:42px;
		height:42px;
		margin-top:3.7px;
		margin-left:3.7px;
		transform-origin:15.7px 15.7px 0;
	}
}
.onhand2{
	background-color:#D8F8B8;
}
.onhand4{
	background-color:#FFDDFF;
}

.reloadFlg{
	display:none;
}
.reloadBtn{
	display:none;
}
.reloadFlg:checked ~ .reloadBtn{
	display:inline;
}

/* 画像 */
IMG{
	vertical-align:middle;
}
IMG.dot, SPAN.dot, DIV.dot{
	image-rendering:pixelated;
	image-rendering:-webkit-crisp-edges;
	image-rendering:-moz-crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}

.phrase{
	font-size:85%;
	text-align:center;
	margin-top:11px;
	margin-bottom:5px;

	& SPAN{
		border-radius:1em;
		background-color:rgba(255, 255, 255, 0.6);

		&:before, &:after{
			content:"　";
		}
	}
	& A{
		color:#000000;
	}
}

/* メニュー */
.titleDiv .menuWindow{
	width:100%;
	display:inline;

	& UL{
		width:calc(100% - 10px);
		padding-left:5px;
		padding-right:5px;
		margin-top:5px;
		margin-bottom:1em;
		list-style-type:square;
		list-style-position:inside;

		& LI{
			border-top:2px solid #FFC2FF;
			padding-top:5px;
			padding-bottom:5px;
			padding-left:1em;
			color:#606060;

			&:nth-of-type(1){
				color:#FFA040;
			}
			&:nth-of-type(2){
				color:#40C4F4;
			}
			&:nth-of-type(3){
				color:#40C47C;
			}
			&:nth-of-type(4){
				color:#FF80FF;
			}
			& A{
				color:#000000;

				&:active{
					color:#0066EE;
				}
				&:hover{
					background-color:#FFEEFF;
				}
			}
		}
	}
}

.currentSituation{
	border-spacing:0;
	margin:0 auto;
	padding:2px;
	background-color:rgba(255, 255, 255, 0.6);
}
.report{
	position:relative;
	border-spacing:0;
	margin:0 auto;
	padding:2px;
	background-color:rgba(255, 255, 255, 0.6);

	& IMG{
		transition:transform 0.5s ease;

		&:hover{
			transform:rotate(90deg);
		}
	}
}

/* フォーム */
.searchMain{
	position:relative;
	width:calc(100% - 4px);
	max-width:496px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding-left:2px;
	padding-right:2px;

	& .title{
		text-align:center;
		font-weight:bold;
		min-height:4px;
		line-height:24px;
		background-color:#7FD29B;
	}
	& .titleBand{
		padding-left:2px;
		padding-top:4px;
		border-left:4px solid #7FD29B;
	}
	& .searchItem{
		min-height:calc(1em + 8px);
		border: 2px solid #F8CBAD;
		background-color:#F8CBAD;
		margin-bottom:4px;
		display:flex;	/* DIV横並び */
		flex-wrap:wrap;	/* 改行 */
	}
	& .searchIcon{
		width:calc(1em + 8px);

		& IMG{
			width:calc(1em + 7.5px);
			height:auto;
		}
	}
	& .searchKind{
		width:6.5em;
		height:1em;
		line-height:1;
		padding:4px;
	}
	& .searchWord{
		width:calc(100% - 1em - 8px - 6.5em - 8px);
		height:24px;
		background-color:#FFF;

		& SELECT{
			width:100%;
			height:24px;
			border:0;
			border-radius:0;
			font-size:16px;
			background-color:#FFF;
		}
		& INPUT[type="text"]{
			width:calc(100% - 4px);
			height:calc(24px - 2px);
			border:0;
			border-radius:0;
			font-size:16px;
			padding:1px 0 1px 4px;
		}
		& .searchText{
			line-height:1;
			padding:4px;
		}
		& A{
			color:#000;
			text-decoration:none;
		}
	}
	& .searchLabel{
		width:calc(100% - 1em - 8px - 8px);
		height:1em;
		line-height:1;
		padding:4px;
	}
	& .searchBtn1{
		width:calc(50% - 0.5em);
		padding-right:0.5em;
		text-align:right;
	}
	& .searchBtn2{
		width:calc(50% - 0.5em);
		padding-left:0.5em;
		text-align:left;
	}
}

.btn1, .btn2{
	position: relative;
	display: inline-block;
	padding: 0.1em 0.5em;
	line-height:1.2;
	text-decoration: none;
	font-size:16px;
	color: #000;
	background: #9FDDB4;/*色*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), inset 0 -2px 0 rgba(0, 0, 0, 0.1);
	border: solid 1.5px #6CB384;/*線色*/
	cursor:pointer;
	user-select:none;
}
.btn2{
	background: #E2E2E2;/*色*/
	border: solid 1.5px #B2B2B2;/*線色*/
}
.btn1:active, .btn2:active{
	padding: 0.15em 0.5em 0.05em;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/* 変動履歴/店舗リスト */
.officialInfoOutside{
	position:relative;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
.sp{
	margin-bottom:60px;
}

.officialInfoMain{
	position:relative;
	width:calc(100% - 4px);
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	background-color:#FFF;

	/***** ListMain .attachシリーズ */
	& .attach{
		padding-top:2px;
		width:100%;
		display:flex;	/* DIV横並び */
		flex-wrap:wrap;	/* 改行 */
	}
	& .attachUnder{
		z-index:3;
		border-top:2px solid #E8E8E8;
		padding:2px;
		width:calc(100% - 4px);
		position:fixed ;
		bottom:0;
		left:50%;
		transform:translate(-50%, 0%);
		display:flex;	/* DIV横並び */
		flex-wrap:wrap;	/* 改行 */
		background-color:#FFFFFF;
	}
	& .attachUnder{
		max-width:800px;
	}
	& .attach1{
		width:7.5em;
		text-align:left;
		font-size:85%;
		color:#666;
	}
	& .attach2{
		width:calc(100% - 7.5em);
		text-align:right;
		font-size:85%;
		color:#666;
	}
	& .attach3{
		width:100%;
		text-align:center;
	}

	/***** ListMain .cateTopシリーズ */
	& .cateTop{
		position:absolute;
		height:0;

		& DIV{
			.pc &{
				margin-top:-54px;
				padding-top:54px;
			}
			.sp &{
				margin-top:-41px;
				padding-top:41px;
			}
		}
	}

	/***** ListMain .cateHeadシリーズ */
	& .cateHeadTop{
		z-index:2;
		text-align:center;
		font-weight:bold;
		min-height:4px;
		line-height:24px;
		margin-top:-4px;
		border-top:4px solid #FFF;
		padding-left:4px;
		position:sticky;
		position:-webkit-sticky;	/* ios用 */
		page-break-inside:avoid;	/* １レコードの途中で改ページしない */
	}
	& .cateHead{
		z-index:2;
		text-align:center;
		font-weight:bold;
		min-height:4px;
		line-height:24px;
		margin-top:-2px;
		border-top:4px solid #FFF;
		padding-left:4px;
		position:sticky;
		position:-webkit-sticky;	/* ios用 */
		page-break-inside:avoid;	/* １レコードの途中で改ページしない */
	}
	& .cateHeadTop, & .cateHead{
		& A:link{
			color:#000;
		}
		.pc &{
			top:54px;
		}
		.sp &{
			top:41px;
		}
		& DIV{
			box-shadow:0 2px #FFF;
		}
	}

	/***** ListMain .cateBandシリーズ */
	& .cateBand{
		width:calc(100% - 6px);
		padding-left:2px;
		padding-top:4px;
		padding-bottom:2px;
		page-break-inside:avoid;	/* １レコードの途中で改ページしない */
	}
	& .cateNobandTop{
		width:100%;
		padding-top:2px;
		padding-bottom:2px;
		page-break-inside:avoid;	/* １レコードの途中で改ページしない */
	}
	& .cateNoband{
		width:100%;
		padding-top:4px;
		padding-bottom:2px;
		page-break-inside:avoid;	/* １レコードの途中で改ページしない */
	}

	/***** ListMain Aシリーズ */
	& A:link{
		text-decoration:none;
		color:#000000;

		& .item1 DIV.shop{
			text-decoration:underline;
			color:#000000;
		}
	}
	& A:hover .item1{
		background-color:#F0F0F0;
		transition: background-color 0.3s;
	}
	& A:active .item1{
		margin:2px 0 -2px 0;
		box-shadow:0 -2px rgba(0,0,0,0.15);
	}
	& A:active .item1 .shop{
		color:#0066EE;
	}
	& A.msg1:before{
		position:absolute;
		top:50%;
		right:0;
		transform:translate(0, -50%);
		/*content:"\e905";*/
		/*content:"〉";*/
		color:#666;
		font-size:1.2rem;
		font-weight:bold;
		/*font-family:'icomoon' !important;*/
	}
	& A.msg2:before{
		position:absolute;
		top:50%;
		right:0;
		transform:translate(0, -50%);
		/*content:"\e905";*/
		/*content:"》";*/
		color:#00DD7E;
		font-size:1.2rem;
		/*font-family:'icomoon' !important;*/
	}

	/***** ListMain bxシリーズ */
	& .item1{
		position:relative;
		display:flex;	/* DIV横並び */
		flex-wrap:wrap;	/* 改行 */
		width:calc(100% - 4px);
		margin:0;
		padding-bottom:2px;
		box-shadow:0 2px rgba(0,0,0,0.08);

		/* item3とitem4は変動履歴用 */
		/* 調査日時 */
		& DIV.ymd{
			display:flex;
			width:50%;
			max-width:200px;
			line-height:24px;
			margin-bottom:2px;
			border-bottom-right-radius:0.75em;
		}

		/* 空欄 */
		& DIV.blankchip1{
			display:flex;
			width:calc(50% - 200px);
			min-width:0;
			line-height:24px;
			margin-bottom:2px;
		}
		& DIV.blankchip2{
			display:flex;
			width:calc(50% - 350px);
			min-width:0;
			line-height:24px;
			margin-bottom:2px;
		}

		/* 設置店舗数 */
		& DIV.number{
			display:flex;
			width:calc(50% - 2px);
			max-width:348px;
			justify-content:flex-end;
			margin-right:2px;
			margin-bottom:2px;

		}

		/* 設置店舗名 */
		& DIV.shop{
			width:100%;
			padding-left:0.5em;

			& IMG{
				width:auto;
				height:1em;
			}
			& .line{
				padding-left:3em;
				text-indent:-3em;
			}
		}

		/* shop2とgene2は店舗リスト用 */
		& DIV.shop2{
			display:flex;
			width:calc(100% - 7em);
			padding-left:0.5em;
			margin-top:2px;
		}
		& DIV.gene2{
			display:flex;
			width:calc(6.5em - 2px);
			justify-content:flex-end;
			padding-right:2px;
			margin-top:2px;
		}

		& .numberObj{
			border-radius:0.5em;
			margin-left:0.25em;
			margin-top:2px;
			margin-bottom:2px;
			padding-left:0.25em;
			padding-right:0.25em;
			height:calc(1.5em - 4px);
			line-height:calc(1.5em - 4px);
		}
	}

	& .dream1, & .dream2{
		display:none;
	}
	& .dream1xor{
		display:inline;
	}
}

@media(min-width:600px){
	.officialInfoMain .dream1{
		display:inline;
	}
	.officialInfoMain .dream1xor{
		display:none;
	}
}

@media(min-width:850px){
	.officialInfoMain .dream2{
		display:inline;
	}
}


@media(min-width:1000px){
	.pc .officialInfoOutside{
		max-width:1000px;

		& .officialInfoMain{
			width:696px;
			margin:0;
			margin-left:300px;
		}
	}

	.pc .currentSituation{
		width:700px;
		margin-left:300px;
	}
	.pc .report{
		z-index:1;
		position:fixed;
		top:calc(50% + 30px);
		left:calc(50% - 350px);
		transform:translate(-50%, -50%);
	}
	.pc .officialInfoMain .attachUnder{
		width:calc(700px - 4px);
		left:calc(50% + 150px);
	}
}

.listDisp{
	display:unset !important;
	position:absolute;
	top:10px;
	left:50%;
	opacity:0;
	z-index:-1;
}
.officialInfoOutside .numberHistory, .officialInfoOutside .storeList{
	display:none;
}
#listDisp1:checked ~ .officialInfoOutside .numberHistory{
	display:block;
}
#listDisp2:checked ~ .officialInfoOutside .storeList{
	display:block;
}
.listDispBox{
	text-align:center;
}
.listDispToolChip{
	visibility:hidden;
	margin-top:2px;
	background-color:#555;
	color:#FFF;
	font-size:85%;
	text-align:center;
}

.listDispBtn1, .listDispBtn2{
	line-height:20px;
	display:inline-block;
	border-radius:1em;
	border:2px solid #444;
	outline:2px solid #FFF;
	background-color:#FFFFFF;
	transition: background-color 0.3s;
	margin:2px 0;
	padding:2px 0.5em 0 0;
	position:relative;
	text-decoration:none;
	color:#000000;
	box-shadow:0 3px 2px #444;
	user-select:none;
	cursor:pointer;

	&:before{
		content:url(/img/migi.svg);
		display:inline-block;
		margin:2px 4px 0 6px;
		vertical-align:middle;
		opacity:0.15;
	}
}
#listDisp1:focus-visible ~ .leftMenu .listDispBtn1,
#listDisp2:focus-visible ~ .leftMenu .listDispBtn2{
	border:2px dashed #A0A;
}
#listDisp1:focus-visible ~ .leftMenu .listDispToolChip,
#listDisp2:focus-visible ~ .leftMenu .listDispToolChip{
	visibility:unset;
}
#listDisp1:hover ~ .leftMenu .listDispBtn1,
#listDisp2:hover ~ .leftMenu .listDispBtn2{
	background-color:#FFE8FF;
}
#listDisp1:active ~ .leftMenu .listDispBtn1,
#listDisp2:active ~ .leftMenu .listDispBtn2,
#listDisp1:checked ~ .leftMenu .listDispBtn1,
#listDisp2:checked ~ .leftMenu .listDispBtn2{
	background-color:#FFE8FF;
	box-shadow:0 0 0;
	top:2px;
	cursor:default;
}
#listDisp1:checked ~ .leftMenu .listDispBtn1:before,
#listDisp2:checked ~ .leftMenu .listDispBtn2:before{
	opacity:1.0;
}

.leftMenu{
	max-width:800px;
	margin:0 auto;
}

.u{
	text-decoration:underline !important;
}

.bgpl{
	background-color:#F0C0F0;
}
.bgpm{
	background-color:#F8CBAD;
}
.bgch{
	background-color:#BDD7EE;
}
.bgds{
	background-color:#C6E0B4;
}
.bgle{
	background-color:#FFE699;
	background-image:linear-gradient(150deg, #8BFFFF, #ABFFAB 25%, #F8F800 50%, #FFCDCD 75%, #FFC3FF);
	text-shadow:1px 0px 0px #FFFFFF, 0px  1px 0px #FFFFFF,-1px 0px 0px #FFFFFF, 0px -1px 0px #FFFFFF,
	            1px 1px 0px #FFFFFF,-1px -1px 0px #FFFFFF,-1px 1px 0px #FFFFFF, 1px -1px 0px #FFFFFF;
}
.bgleds{
	background-color:#FFE699;
	background-image:linear-gradient(150deg, #8BFFFF, #ABFFAB 12.5%, #F8F800 25%, #FFCDCD 37.5%, #FFC3FF 50%, #C6E0B4 50%, #C6E0B4);
	text-shadow:1px 0px 0px #FFFFFF, 0px  1px 0px #FFFFFF,-1px 0px 0px #FFFFFF, 0px -1px 0px #FFFFFF,
	            1px 1px 0px #FFFFFF,-1px -1px 0px #FFFFFF,-1px 1px 0px #FFFFFF, 1px -1px 0px #FFFFFF;

}
.bggd{
	background-color:#FFE699;
	background-image:linear-gradient(150deg, #FFF9E6, #FFE699 50%, #FFC000);
	text-shadow:1px 0px 0px #FFFFFF, 0px  1px 0px #FFFFFF,-1px 0px 0px #FFFFFF, 0px -1px 0px #FFFFFF,
	            1px 1px 0px #FFFFFF,-1px -1px 0px #FFFFFF,-1px 1px 0px #FFFFFF, 1px -1px 0px #FFFFFF;
}
.bglegd{
	background-color:#FFE699;
	background-image:linear-gradient(150deg, #8BFFFF, #ABFFAB 12.5%, #F8F800 25%, #FFCDCD 37.5%, #FFC3FF 50%, #FFF9E6 50%, #FFE699 75%, #FFC000);
	text-shadow:1px 0px 0px #FFFFFF, 0px  1px 0px #FFFFFF,-1px 0px 0px #FFFFFF, 0px -1px 0px #FFFFFF,
	            1px 1px 0px #FFFFFF,-1px -1px 0px #FFFFFF,-1px 1px 0px #FFFFFF, 1px -1px 0px #FFFFFF;
}
.bgle1{
	background-color:#FFE699;
	background-image:linear-gradient(135deg, #8BFFFF, #8BFFFF 33.33%, #ABFFAB 50%, #F8F800 66.67%, #FFCDCD 83.33%, #FFC3FF);
	text-shadow:1px 0px 0px #FFFFFF, 0px  1px 0px #FFFFFF,-1px 0px 0px #FFFFFF, 0px -1px 0px #FFFFFF,
	            1px 1px 0px #FFFFFF,-1px -1px 0px #FFFFFF,-1px 1px 0px #FFFFFF, 1px -1px 0px #FFFFFF;
}
.bgle2{
	background-color:#FFE699;
	background-image:linear-gradient(135deg, #ABFFAB, #F8F800 25%, #FFC3FF 50%, #CDCDFF 75%, #8BFFFF);
	text-shadow:1px 0px 0px #FFFFFF, 0px  1px 0px #FFFFFF,-1px 0px 0px #FFFFFF, 0px -1px 0px #FFFFFF,
	            1px 1px 0px #FFFFFF,-1px -1px 0px #FFFFFF,-1px 1px 0px #FFFFFF, 1px -1px 0px #FFFFFF;
}
.bgle3{
	background-color:#FFE699;
	background-image:linear-gradient(135deg, #ABFFAB, #F8F800 25%, #FFC3FF 50%, #CDCDFF 75%, #8BFFFF);
	text-shadow:1px 0px 0px #FFFFFF, 0px  1px 0px #FFFFFF,-1px 0px 0px #FFFFFF, 0px -1px 0px #FFFFFF,
	            1px 1px 0px #FFFFFF,-1px -1px 0px #FFFFFF,-1px 1px 0px #FFFFFF, 1px -1px 0px #FFFFFF;
}
.bgle4{
	background-color:#FFE699;
	background-image:linear-gradient(-45deg, #F8F800, #F8F800 33.33%, #ABFFAB 50%, #8BFFFF 66.67%, #CDCDFF 83.33%, #FFC3FF);
	text-shadow:1px 0px 0px #FFFFFF, 0px  1px 0px #FFFFFF,-1px 0px 0px #FFFFFF, 0px -1px 0px #FFFFFF,
	            1px 1px 0px #FFFFFF,-1px -1px 0px #FFFFFF,-1px 1px 0px #FFFFFF, 1px -1px 0px #FFFFFF;
}
.bgga{
	background-color:#D6C2FA;
}
.bgxx{
	background-color:#DDDDDD;
}
.bgpll{
	background-color:#FDF7FD;
}
.bgpml{
	background-color:#FEF9F5;
}
.bgchl{
	background-color:#F7FAFD;
}
.bgdsl{
	background-color:#F8FBF6;
}
.bglel, .bgledsl, .bgle2l, .bggdl, .bglegdl{
	background-color:#FFFCF2;
}
.bggal{
	background-color:#FAF7FE;
}
.bgxxl{
	background-color:#FBFBFB;
}
.bgcate1{
	background-color:#C3C3FF;
}
.bgcate2{
	background-color:#95DCFF;
}
.bgcate3{
	background-color:#86FF7E;
}
.bgcate4{
	background-color:#D3FF77;
}
.bgcate5{
	background-color:#FFFF67;
}
.bgcate6{
	background-color:#FFD377;
}
.bgcate7{
	background-color:#FFAFAF;
}
.bgcate8{
	background-color:#FF95DC;
}
.bgcate9{
	background-color:#E2A5FF;
}
.bgcate0{
	background-color:#B5B5B5;
}
.bgcateX, .bgcatexx{
	background-color:#DDDDDD;
}
.bgcatepl{
	background-color:#F0C0F0;
}
.bgcatepm{
	background-color:#F8CBAD;
}
.bgcatech{
	background-color:#BDD7EE;
}
.bgcateds{
	background-color:#C6E0B4;
}
.bdpl{
	border: 2px solid #F0C0F0;
}
.bdpm{
	border: 2px solid #F8CBAD;
}
.bdch{
	border: 2px solid #BDD7EE;
}
.bdds{
	border: 2px solid #C6E0B4;
}
.bdle, .bdleds, .bdle2, .bdgd, .bdlegd{
	border: 2px solid #FFE699;
	/*background-image:linear-gradient(150deg, #8BFFFF, #ABFFAB 25%, #F8F800 50%, #FFCDCD 75%, #FFC3FF);*/
}
.bdga{
	border: 2px solid #D6C2FA;
}
.bdxx{
	border: 2px solid #DDDDDD;
}
.bdcate1{
	border-left:4px solid #C3C3FF;
}
.bdcate2{
	border-left:4px solid #95DCFF;
}
.bdcate3{
	border-left:4px solid #86FF7E;
}
.bdcate4{
	border-left:4px solid #D3FF77;
}
.bdcate5{
	border-left:4px solid #FFFF67;
}
.bdcate6{
	border-left:4px solid #FFD377;
}
.bdcate7{
	border-left:4px solid #FFAFAF;
}
.bdcate8{
	border-left:4px solid #FF95DC;
}
.bdcate9{
	border-left:4px solid #E2A5FF;
}
.bdcate0{
	border-left:4px solid #B5B5B5;
}
.bdcateX, .bdcatexx{
	border-left:4px solid #DDDDDD;
}
.bdcatepl{
	border-left:4px solid #F0C0F0;
}
.bdcatepm{
	border-left:4px solid #F8CBAD;
}
.bdcatech{
	border-left:4px solid #BDD7EE;
}
.bdcateds{
	border-left:4px solid #C6E0B4;
}

.fontpl{
	color:#F4F;
}
.fontpm{
	color:#F52;
}
.fontch{
	color:#28F;
}
.fontds{
	color:#3A1;
}
.fontle, .fontleds, .fontgd, .fontlegd{
	color:#CCCC44;
	/*background-image:linear-gradient(150deg, #8BFFFF, #ABFFAB 25%, #F8F800 50%, #FFCDCD 75%, #FFC3FF);*/
}
.fontxx{
	color:#666;
}

.pagepl1{
	background:url(/img/page_pl.webp) no-repeat bottom right/26.88px 18.96px #FDF7FD;
}
.pagepl2{
	background:url(/img/page_pl.webp) no-repeat bottom right/26.88px 18.96px #FDF7FD;
}
.pagepm1{
	background:url(/img/page_pm.webp) no-repeat bottom right/26.88px 18.96px #FEF9F5;
}
.pagepm2{
	background:url(/img/page_pm.webp) no-repeat bottom right/26.88px 18.96px #FEF9F5;
}
.pagech1{
	background:url(/img/page_ch.webp) no-repeat bottom right/26.88px 18.96px #F7FAFD;
}
.pagech2{
	background:url(/img/page_ch.webp) no-repeat bottom right/26.88px 18.96px #F7FAFD;
}
.pageds1{
	background:url(/img/page_ds.webp) no-repeat bottom right/26.88px 18.96px #F8FBF6;
}
.pageds2{
	background:url(/img/page_ds.webp) no-repeat bottom right/26.88px 18.96px #F8FBF6;
}
.pagele1, .pageleds1, .pagegd1, .pagelegd1{
	background:url(/img/page_le.webp) no-repeat bottom right/26.88px 18.96px #FFFCF2;
}
.pagele2, .pageleds2, .pagegd2, .pagelegd2{
	background:url(/img/page_le.webp) no-repeat bottom right/26.88px 18.96px #FFFCF2;
}
.pagega1{
	background:url(/img/page_ga.webp) no-repeat bottom right/26.88px 18.96px #FAF7FE;
}
.pagega2{
	background:url(/img/page_ga.webp) no-repeat bottom right/26.88px 18.96px #FAF7FE;
}
.pagexx1{
	background:url(/img/page_xx.webp) no-repeat bottom right/26.88px 18.96px #FBFBFB;
}
.pagexx2{
	background:url(/img/page_xx.webp) no-repeat bottom right/26.88px 18.96px #FBFBFB;
}

/* 印刷指定 */
@media print{
	BODY{
		background-image:url(/img/maker.png); /* 背景画像をダブル指定できないブラウザ用 */
		background-repeat:repeat;             /* 背景画像をダブル指定できないブラウザ用 */
		background-position:top left;         /* 背景画像をダブル指定できないブラウザ用 */
		background-size:82.5px 114px;         /* 背景画像をダブル指定できないブラウザ用 */
		background-color:#FFFFFF;             /* 背景画像をダブル指定できないブラウザ用 */
		background: url(/img/maker.png) top left/82.5px 114px repeat #FFFFFF;
	}

	.titleDiv{
		position:relative;
		left:initial;
		transform:initial;
	}
	.titleDivBone{
		display:none;
	}
	.onhand4{
		display:none;
	}

	.officialInfoMain .attachUnder{
		display:none;
	}
}