@charset "UTF-8";

/* -------------------------------------------------- */
/*  */
/* -------------------------------------------------- */

#printing {
	width: 100%;
	margin: auto;
	border-bottom: 2px solid #000;
	padding-bottom: 30px;
}

#printing section {
	width: 100%;
	margin: auto;
}
@media only screen and (min-width: 769px) {
#printing section {
	width: 80%;
	margin: auto;
}
}

#printing h2 {
	text-align: center;
	padding: 45px 0 0 0;
	font-size: 24px;
	font-family: 'Archivo Black', sans-serif;
	font-weight: normal;
	color: #000;
	letter-spacing: 0.01em;	
}
#printing h2 small {
	font-size: 14px;
	display: block;
}
#printing h3 {
	padding: 10px 0 20px 0;
	text-align: center;
	font-size: 12px;
}
@media only screen and (min-width: 769px) {
#printing h2 {
	font-size: 3rem;
}
#printing h2 small {
	font-size: 1.2rem;
	display: block;
}
#printing h3 {
	padding: 10px 0 20px 0;
	text-align: center;
	font-size: 1.4rem;
}
}



#printing .box2 ul {
	margin: auto;
	margin-left: 0px !important;
	margin-top: 20px;
	text-align: center;
}
#printing .box2 ul li {
	display: inline-block;
	/*margin-right: 20px;*/
	margin-bottom: 20px;
}
@media only screen and (min-width: 769px) {
#printing .box2 ul {
	margin-top: 20px;
	text-align: center;
}
#printing .box2 ul li {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
}
}



#printing #printinglist {
	margin: 30px 0;
}

@media only screen and (min-width: 769px) {
#printing #printinglist_wrapper {
	width: 1100px;
	margin: auto;
}
}

#printing h3 {
	text-align: left;
	padding: 0 0 1rem 0;
	font-size: 1.4rem;
	font-family: 'Archivo Black', sans-serif;
	font-weight: bold;
	color: #000;
	/*letter-spacing: 0.01em;	*/
}
#printing h3 small {
	font-size: 1.0rem;
	display: block;
}
@media only screen and (min-width: 769px) {
#printing h3 {
	font-size: 2.0rem;
}
#printing h3 small {
	font-size: 1.2rem;
	display: block;
}
}


#printing .magt30 {
	margin: 30px 0;
}
#printing .magt30 h3 {
	text-align: center;
}

@media only screen and (min-width: 769px) {
#printing .aleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#printing .aright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#printing .magt30 {
	margin: auto;
}
#printing .magt30 h3 {
	text-align: left;
}
}


#printing .cbox1 {
	width: 100%;
} 

@media only screen and (min-width: 769px) {
#printing .cbox2 {
	width: 490px;
	text-align: center;
} 
}

#printing .cbox2 h3 {
	text-align: center !important;
} 
#printing .cbox2 p {
	text-align: left !important;
} 

#printing hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	clear: both;
}

#printing .cbox {
	padding: 30px 0;
	text-align: center;
}

#printing .cbox img {
	max-width: 80vw;
	height: auto;
}
@media only screen and (min-width: 769px) {
#printing .cbox img {
	width: auto;
} 
}


#printing .cbox div {
	overflow: auto;
	line-height: 160%;
}

#printing .cbox p {
	text-align: left;	
}

#printing .cbox p.indent {
	padding-left:1em !important;
	text-indent:-1em !important;
	margin-left: 1em !important;
}

#printing .cbox p strong {
	font-weight: bold;
	/*font-size: 1.2em;*/
} 

#printing .cbox .negative {
	color: #FF0000;
}

#printing .cbox ul {
	clear: both;
	text-align: center;
}

#printing .cbox ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 10px;
	font-size: 0.9em;
	max-width: 40vw;
}
@media only screen and (min-width: 769px) {
#printing .cbox ul li {
	width: auto;
}
}

#printing .cbox ul li img {
	max-width: 30vw;
	height: auto;
}
@media only screen and (min-width: 769px) {
#printing .cbox ul li img {
	width: auto;
}
}


#printing .cbox h4 {
	width: 90vw;
	margin: 20px auto;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	padding: 0.6em;
	background-color: #F2F2F2;
	border: 1px solid #CCC;
}
@media only screen and (min-width: 769px) {
#printing .cbox h4 {
	font-size: 1.4em;
	width: auto;
	padding: 0.6em 2em;
}
}