@charset "utf-8";

/* 【プリント予約番号】見出し */
.netprint-num-title {
	position: absolute;
	left: 220px;
}

/* スマホの場合、左に寄せる　*/
.line-icon-wrapper,
.sta-icon-wrapper {
	margin-left: -20px;
}

/* プリント予約番号列 */
.netprint-num {
	width: 84px;
	color: #2d3b73;
	margin-left: 290px;
	margin-top: -24px;
	font-size: 130%;
	font-family: "Inconsolata";
	font-weight: 700;
}

/* プリント予約番号列（スマホ用）*/
.netprint-num-mobile {
	width: 80px;
	color: #2d3b73;
	font-size: 125%;
	font-family: "Inconsolata";
	font-weight: 700;
	text-align: center;
}

/* 右端のサイズを示す領域 */
.size-a4, .size-a3 {
	padding: 2px 4px;
	text-shadow: none;
	color: black;
}

.size-a4 {
	background-color: #f7c9e3;
}

.size-a3 {
	background-color: #a8cf8b;
}

.modal p:first-child {
	text-align: center;
	margin-top: 12px;
}

.modal header,
.modal footer {
	height: 40px;
}

/* ネットプリント情報表示ポップアップ */
body.np-info-div {
	margin: 10px 40px;
	background-color: #ebeada;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.np-info-div h1,
.np-info-div .h1-mobile {
	color: #666666;
	text-align: center;
}

.np-info-div h1 {
	line-height: 1.5;
	letter-spacing: 2px;
}

.np-info-div .h1-mobile {
	font-size: 90%;
}

.np-info-div h1 {
	font-size: 18pt;
}

.np-info-div h2 {
	margin: 0.5em 0 0.5em 0;
}

.np-info-div .print-num {
	background-color: #2d3b73;
	color: #fff545;
	margin: 0;
	padding: 0 8px;
}

.np-info-div .seven-eleven {
	color: #c1272d;
}

.np-info-div .pdf-thumb {
	display: block;
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px black;
}

.np-info-div .sta-name {
	color: black;
	margin-left: 12px;
}

.np-info-div .sta-name-yomi {
	color: #666666;
	font-size: 80%;
	margin-left: 10px;
}

.np-info-div .np-info,
.np-info-div .np-info-mobile {
	color: black;
	font-size: 18pt;
	padding: 0;
}

.np-info-div .np-info {
	margin: -25px 0 0 30px;
}

.np-info-div .np-info-mobile {
	width: 200px;
}

.np-info-div .np-info p,
.np-info-div .np-info-mobile p {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
}

.np-info-div .np-info-2lines {
	color: #666666;
	font-size: 10pt;
}

.np-info-div .np-info-1stline {
	letter-spacing: 1px;
}

.np-info-div .np-info-print-num {
	/*font-weight: bold;*/
	margin-right: 8px;
	font-family: "Inconsolata";
	font-weight: 400;
}

.np-info-div .np-info-size {
	padding: 0 10px;
}

.np-info-div .size-a4 {
	background-color: #f7c9e3;
}

.np-info-div .size-a3 {
	background-color: #a8cf8b;
}

.np-info-div .np-info-pages {
	font-size: 12pt;
}

.np-info-div .dlg-bottom {
	background-color: #d1d1d1;
	width: 100%;
	height: 50px;
	color: black;
	margin: -10px 0 0 0;
}

.np-info-div .dlg-bottom p,
.np-info-div .dlg-bottom img {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.np-info-div .dlg-bottom-email {
	margin-left: 80px;

}

.np-info-div .dlg-bottom-close {
	float: right;
	margin-right: 4px;;
}