@charset "utf-8";
/*************************************************
print.css
**************************************************/
/* ����X�^�C�� */


@media print{
	@page { size: A4; margin: 12.7mm 9.7mm;}
	html * { overflow-x: hidden;}
	html,body { zoom: 1; width: 1200px; margin: 0; padding: 0;}
	#TOP { min-width: 1200px; width: 1200px; margin: 0; padding: 0; overflow-x: hidden;}
	body,body > .wrap{ background: none;}
	#fb-root{ display: none;}


	/* ���s { page-break-before: always;} */
	.map_section { page-break-before: always;}


	/* CONTENTS */	
	.header_sec.sec_conf,
	header nav,
	.contents nav,
	.form_section,
	footer:before,
	footer .wrap,
	footer .nav,
	footer .reread_link
	{ display: none;}

	.top footer:before,
	.top footer .wrap,
	.top footer .nav,
	.subtop .contents nav
	{ display: block;}
	
	header .title { position: static; margin : 0 auto 1em; top: inherit; left: inherit; right: inherit;}
	.contents article,
	.contents .article { float: none; width: 100%; margin-left: 0;}

	.subtop .contents article,
	.subtop .contents .article { float: left; width: 800px; margin-right: 40px; }
	
	footer { padding-top: 0;}
	



}


/* Chrome */
@media print and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	/* 	body { zoom: 1.8; width: 1200px; transform: scale(0.5); transform-origin: 0 0;} */

	body { zoom: 0.9;}
}


/* Firefox */
@media print{
	@-moz-document url-prefix() {
		/* body { transform: scale(2.0);} */

		/* CONTENTS */
		.txtbox .box-image { display: flex; flex-wrap: wrap;}

	}
}



/* IE */
@media print and (-ms-high-contrast: none) {
	@page { size: A4; margin: 12.7mm 9.7mm;}
	body { zoom: 1.8; width: 1200px; transform: scale(0.5); transform-origin: 0 0;}


	/* CONTENTS */
	.contents_wrap { display: block!important;}
	.contents_wrap:after { display: block; content: ""; clear: both;} 
	.contents article { float: left!important; width: calc(100% - 380px); margin-right: 0;}
	.contents nav { float: right!important;}

	.txtbox .box-image { display: block!important; width: 100%;}
	.txtbox .box-image li { float: left!important; margin: 1%!important;}
	.txtbox .box-image.single li { width: 98%;}
	.txtbox .box-image.double li { width: 48%;}
	.txtbox .box-image.triple li { width: 31.3333333333%;}
	.txtbox .box-image.quadruple li { width: 23%;}
	.txtbox .box-image.hexatruple li { width: 14.6666666666%;}


}