@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);

@font-face {
	font-family: "NotoSansCJKjp";
	font-weight: normal;
	src: url("../fonts/NotoSansCJKjp-Light.eot");
	src: url("../fonts/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/NotoSansCJKjp-Light.otf") format("opentype");
}

@font-face {
	font-family: "NotoSansCJKjp";
	font-weight: 700;
	src: url("../fonts/NotoSansCJKjp-Bold.eot");
	src: url("../fonts/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.otf") format("opentype");
}

@font-face {
	font-family: "NotoSansCJKjp";
	font-weight: 900;
	src: url("../fonts/NotoSansCJKjp-Black.eot");
	src: url("../fonts/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp-Black.otf") format("opentype");
}

/* ===================================
HOUSE ANIMAL HOSPITAL
Base Style Sheet
First Update  2016-03-25
Last Update	  2024-11-29
Created by Basic Plus Design Inc.
=================================== */

/* ----------------------------------------------------------
1. normalize.css v3.0.2 | MIT License | git.io/normalize
2. Primary styles
2-1. Structure Module
2-2. Link Classes
2-3. Text Classes
2-4. List Classes
2-5. Position Classes
2-6. Helper Classes
3. Print Style
---------------------------------------------------------- */

/* ==========================================================
1. normalize.css v3.0.2 | MIT License | git.io/normalize
========================================================== */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

/* HTML5 display definitions
========================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

/* Links
========================================================== */

a {
	background: transparent;
}

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
========================================================== */

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
========================================================== */

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
========================================================== */

figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 1em;
}

/* Forms
========================================================== */

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

buttonbutton,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

/* Tables ================================================ */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/* ==========================================================
2. Primary styles
Author: Basic Plus Design Inc.
===========================================================*/

/* ----------------------------------------------------------
2-1. Structure Module
---------------------------------------------------------- */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

html,
body {
	height: 100%;
}

body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: "Lato", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1;
	background: #fff;
	color: #000;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: subpixel-antialiased;
	position: relative;
}

h1,
h2,
h3,
h4,
h5 {
	line-height: 1;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

p,
li,
dl,
dt,
dd,
dd li {
	margin: 0;
	padding: 0;
	line-height: 2;
	font-size: 100%;
}

ul,
ol {
	-webkit-padding-start: 0;
	padding-left: 0;
}

li {
	list-style: none;
}

img {
	vertical-align: middle;
}

img a,
img a:visited,
img a:hover,
img a:active {
	border: 0;
}

th,
td {
	white-space: nowrap;
}

header,
footer {
	width: 100%;
	margin: 0;
	clear: both;
}

/* header
---------------------------------------------------------- */

header {
	width: 100%;
	height: 74px;
	padding: 0;
	background: rgba(255, 255, 255, 0.95);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

.headerContent {
	width: 100%;
	max-width: 940px;
	height: 76px;
	margin: 0 auto;
}

h1 {
	display: none;
}

.headerContent .logo {
	width: 200px;
	margin-right: 3%;
	margin-top: 18px;
	float: right;
}

@media only screen and (min-width: 768px) {
	header {
		height: 90px;
	}

	.headerContent {
		width: 94%;
		height: 90px;
		margin: 8px auto;
	}

	.headerContent .logo {
		width: 247px;
		margin-top: 12px;
		margin-left: 0;
		float: left;
	}
}

@media only screen and (min-width: 922px) {
	.headerContent .logo {
		width: 300px;
	}
}

/* Global Navigaton
---------------------------------------------------------- */

#menu {
	display: none;
}

.slicknav_menu {
	display: block;
	letter-spacing: 0.05em;
	background: transparent !important;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 14;
}

@media screen and (min-width: 768px) {
	.slicknav_menu {
		display: none;
	}

	#menu {
		display: block;
		list-style-type: none;
		float: right;
		margin-top: 20px;
		margin-right: -1em;
	}

	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}

	#menu:after {
		clear: both;
	}

	#menu li {
		float: left;
		position: relative;
	}

	#menu li span {
		display: none;
	}

	#menu li a {
		display: block;
		padding: 10px 0.7em;
		color: #000;
		font-family: "Lato", sans-serif;
		font-weight: 700;
		font-size: 14px;
		text-align: center;
	}

	#menu li a:hover,
	#menu li.active a {
		color: #385e9d;
		text-decoration: none;
	}

	#menu .gmn00 {
		display: none;
	}
}

@media screen and (min-width: 846px) {
	#menu li a {
		padding: 15px 1em;
	}
}

/* mainContent
---------------------------------------------------------- */

.mainContent {
	width: 100%;
	height: auto;
	margin: 76px auto 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: #fff;
}

.mainContent:before,
.mainContent:after {
	content: "";
	display: table;
	clear: both;
}

.scContent {
	width: 94%;
	max-width: 940px;
	margin: 10px auto 40px auto;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: #fff;
}

.scContent:last-child {
	margin-bottom: 80px;
}

.scContent .topimage {
	width: 100%;
	height: auto;
}

.scContent h2 {
	padding-left: 2em;
	font-size: 240%;
	font-weight: 600;
	line-height: 0.8;
	color: #385e9d;
	margin: 1em 0;
}

.scContent h2 span {
	color: #000;
	font-family: "NotoSansCJKjp", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", sans-serif;
	font-size: 50%;
	font-weight: 700;
}

.scContent h2 span:before {
	content: "\A";
	white-space: pre;
	clear: both;
}

.scContent p {
	margin-bottom: 1em;
}

.scContent p.cp {
	margin-bottom: 2em;
}

@media only screen and (min-width: 480px) {
	.scContent h2 {
		font-size: 280%;
	}
}

@media only screen and (min-width: 640px) {
	.scContent h2 {
		font-size: 280%;
	}

	.scContent h2 span {
		font-size: 45%;
	}
}

@media only screen and (min-width: 768px) {
	.mainContent {
		margin: 100px auto 0 auto;
	}

	.scContent h2 {
		font-size: 330%;
		margin: 2em 0 1em 0;
	}
}

.vw dd {
	line-height: 1.2em;
}

.vw dt.subhead {
	width: 100%;
	height: 100%;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	color: #385e9d;
	font-family: "Lato", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", sans-serif;
	font-size: 110%;
	font-weight: 700;
	line-height: 1.2em;
	border-bottom: 3px solid #385e9d;
}

.vw dt.subhead span.yoko {
	display: inline;
}

.vw dt.subhead span.tate {
	display: none;
}

@media only screen and (min-width: 480px) {
	.vw dt.subhead {
		width: 1em;
		height: 100%;
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
		float: left;
	}

	.vw dt.subhead span.yoko {
		display: none;
	}

	.vw dt.subhead span.tate {
		display: block;
		font-size: 50%;
		font-weight: 900;
	}

	.vw dd {
		margin-left: 2em;
		padding-left: 2em;
		border-bottom: none;
		border-left: 3px solid #385e9d;
	}
}

@media only screen and (min-width: 640px) {
	.vw dt.subhead {
		width: 2em;
		padding-left: 1em;
	}

	.vw dd {
		margin-left: 3em;
		padding-left: 2.5em;
	}
}

/* footer
---------------------------------------------------------- */

footer {
	width: 100%;
	height: auto;
	position: relative;
	background: #f2f2f2;
}

.footerContent {
	width: 94%;
	max-width: 940px;
	height: auto;
	margin: 0 auto;
}

.footerInfo {
	width: 100%;
	max-width: 320px;
	height: 400px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
	font-weight: bold;
	position: relative;
}

.footerInfo h3 {
	padding-bottom: 5px;
}

.footerInfo span.out {
	display: none;
}

.footerInfo .link {
	font-family: "Lato", sans-serif;
	font-weight: 900;
	color: #385e9d;
	margin-left: 2.2em;
}

.footerInfo .phone {
	width: 100%;
	max-width: 320px;
	height: 40px;
	line-height: 1;
	padding-left: 50px;
	margin: 10px 0 20px 0;
	font-family: "Lato", sans-serif;
	font-size: 280%;
	font-weight: 900;
	letter-spacing: 0.05em;
	background: url(../images/ico_phone.png) no-repeat 0 3px;
	background-size: 32px 33px;
	position: relative;
}

.footerInfo table {
	width: 100%;
	max-width: 306px;
	margin-bottom: 10px;
}

.footerInfo table th.day {
	text-align: center;
}

.footerInfo table th,
.footerInfo table td {
	padding: 5px;
	text-align: center;
	border-right: 1px solid #000;
}

.footerInfo table th {
	text-align: left;
}

.footerInfo table span.open,
.footerInfo table span.close {
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.footerInfo table span.open {
	background: url(../images/openclose.png) no-repeat 0 0;
}

.footerInfo table span.close {
	background: url(../images/openclose.png) no-repeat -18px 0;
}

.footerInfo li {
	height: 23px;
	padding: 3px 0;
	font-size: 90%;
}

/*.footerInfo .ico_parking { float: left; padding-left: 20px; background: url(../images/ico_parking.png) no-repeat 0 bottom; }*/

.footerInfo .ico_trimming {
	float: left;
	padding-left: 17px;
	background: url(../images/ico_trimming.png) no-repeat 0 bottom;
}

.footerInfo .ico_pethotel {
	float: left;
	padding-left: 17px;
	background: url(../images/ico_pethotel.png) no-repeat 0 bottom;
	margin-left: 15px;
}

.footerInfo ul:after {
	content: "";
	display: table;
	clear: both;
}

.footerInfo p.bread {
	position: absolute;
	left: 0;
	bottom: 35px;
}

.footerInfo p.bread a {
	padding: 0 0.65em;
	font-weight: bold;
	border-left: 1px solid #000;
}

.footerInfo p.bread a:last-child {
	border-right: 1px solid #000;
}

.footerInfo p.bread a:hover {
	text-decoration: none;
}

footer .map {
	display: none;
}

.footNav {
	width: 100%;
	height: 50px;
	padding-top: 6px;
	background: #385e9d;
}

.footNav ul {
	/*width: 225px;*/
	width: 320px;
	height: 40px;
	margin: 0 auto;
}

.footNav li {
	width: 75px;
	height: 42px;
	text-align: center;
	float: left;
}

.footNav li a {
	display: block;
	width: 75px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/fmn@2x.png);
	background-repeat: no-repeat;
	background-size: auto;
}

.footNav .fmn1 a {
	background-position: 8px 0;
}

.footNav .fmn1 a:hover {
	background-position: 8px -40px;
}

.footNav .fmn2 a {
	background-position: -65px 0;
}

.footNav .fmn2 a:hover {
	background-position: -65px -40px;
}

.footNav .fmn3 a {
	background-position: -135px 0;
}

.footNav .fmn3 a:hover {
	background-position: -135px -40px;
}

.footNav .fmn4 a {
	background-position: -207px 0;
}

.footNav .fmn4 a:hover {
	background-position: -207px -40px;
}

div.copyright {
	width: 100%;
	height: 40px;
	padding-top: 10px;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-size: 85%;
	letter-spacing: 0;
	text-align: center;
	color: #385e9d;
	background: #fff;
}

div.copyright span {
	display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.footerInfo .phone {
		background: url(../images/ico_phone@2x.png) no-repeat 0 3px;
		background-size: 32px 33px;
	}

	.footerInfo table span.open {
		background: url(../images/openclose@2x.png) no-repeat 0 0;
		background-size: 32px auto;
	}

	.footerInfo table span.close {
		background: url(../images/openclose@2x.png) no-repeat -16px 0;
		background-size: 32px auto;
	}

	.footerInfo .ico_trimming {
		float: left;
		padding-left: 20px;
		background: url(../images/ico_trimming@2x.png) no-repeat 0 bottom;
		background-size: 14px 14px;
	}

	.footerInfo .ico_pethotel {
		float: left;
		padding-left: 17px;
		background: url(../images/ico_pethotel@2x.png) no-repeat 0 8px;
		background-size: 12px 12px;
		margin-left: 15px;
	}

	.footNav li a {
		display: block;
		width: 75px;
		height: 40px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../images/fmn@2x.png) no-repeat;
		background-size: 380%;
	}

	.footNav .fmn1 a:hover {
		background-position: 8px -42px;
	}

	.footNav .fmn2 a:hover {
		background-position: -65px -42px;
	}

	.footNav .fmn3 a:hover {
		background-position: -135px -42px;
	}

	.footNav .fmn4 a:hover {
		background-position: -207px -42px;
	}
}

@media only screen and (max-width: 344px) {
	.footerInfo .phone {
		font-size: 250%;
	}

	.footerInfo {
		font-size: 90%;
	}

	.footerInfo table {
		width: 90%;
		font-size: 70%;
	}

	.footerInfo .ico_trimming,
	.footerInfo .ico_pethotel {
		float: none;
		margin-left: 0;
	}

	.footerInfo p.bread {
		bottom: 10px;
	}

	.footNav li,
	.footNav li a {
		width: 67px;
	}

	div.copyright {
		font-size: 70%;
	}
}

@media only screen and (min-width: 480px) {
	div.copyright {
		font-size: 90%;
		letter-spacing: 0.07em;
	}

	div.copyright span {
		display: inline;
	}
}

@media only screen and (min-width: 768px) {
	.footerInfo {
		margin: 0;
	}

	.footerInfo span.out {
		display: inline;
		margin-left: 1em;
	}

	.footerInfo .link {
		display: none;
	}

	.footerInfo p.bread {
		bottom: 20px;
	}

	footer .map {
		display: block;
		width: 50%;
		height: 400px;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
		background: url(../map.png) no-repeat center/cover;
	}

	/*footer .map #map_canvas label { width: auto; display: inline; }

footer .map #map_canvas img { max-width: none; }

footer .map #map_canvas #infoWindow { height: 8em; color: #524523; }

footer .map #map_canvas #infoWindow h3 { font-size: 18px; font-weight: bold; }
*/
}

/* .pagetop
---------------------------------------------------------- */

.pagetop {
	position: absolute;
	bottom: 500px;
	left: 50%;
	margin-left: -29px;
	z-index: 100;
}

.pagetop a {
	display: block;
	width: 58px;
	height: 36px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/pagetop.png);
	background-repeat: no-repeat;
	background-position: 0 -44px;
	background-size: 58px 80px;
	cursor: pointer;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.pagetop a {
		width: 58px;
		height: 36px;
		background-image: url(../images/pagetop@2x.png);
		background-size: 58px 80px;
	}
}

@media only screen and (min-width: 768px) {
	.pagetop {
		position: inherit;
		bottom: inherit;
		left: inherit;
		float: right;
	}

	.pagetop a {
		background-position: 0 0;
	}
}

/* ----------------------------------------------------------
2-2. Link Classes
---------------------------------------------------------- */

a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #385e9d;
	font-weight: bold;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

a.rollover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

/* ----------------------------------------------------------
2-3. Text Classes
---------------------------------------------------------- */

.bold {
	font-weight: 900;
}

.txtsmall {
	font-size: 90%;
}

.txtxsmall {
	font-size: 80%;
}

.txtlarge {
	font-size: 120%;
}

span.dotline {
	white-space: normal;
	padding-bottom: 0.3em;
	margin-right: 1.5em;
	line-height: 1.5em;
	font-size: 115%;
	font-weight: 900;
	background: url(../images/bluedot.png) repeat-x 0 bottom;
}

span.dotline .txtsmall {
	font-weight: 500;
}

@media only screen and (min-width: 640px) {
	span.dotline {
		font-size: 130%;
		font-weight: 900;
		line-height: 2.2em;
	}
}

/* ----------------------------------------------------------
2-4. List Classes
---------------------------------------------------------- */

ul.disc {
	margin: 30px 0 30px 1.5em;
}

ul.disc li {
	list-style: disc outside;
}

ul.list {
	margin: 30px 0 30px 1.5em;
}

ul.list li {
	text-indent: -1.5em;
	list-style: none;
}

ul.list li span:first-child {
	padding-right: 0.8em;
}

dl.list {
	margin: 30px 0;
	border-bottom: 1px dotted #000;
}

dl.list dt {
	width: 100%;
	padding: 10px 0;
	line-height: 1.5;
	border-top: 1px dotted #000;
}

dl.list dd {
	padding: 10px 0;
	line-height: 1.5;
	border-top: 1px dotted #000;
}

@media only screen and (min-width: 768px) {
	dl.list dt {
		float: left;
		width: 171px;
	}

	dl.list dd {
		margin-left: 171px;
	}
}

/* ----------------------------------------------------------
2-5. Position Classes
---------------------------------------------------------- */

.algnc {
	text-align: center;
}

/* ----------------------------------------------------------
2-6. Helper Classes
---------------------------------------------------------- */
.comingsoon {
	height: 380px;
	padding-top: 80px;
	font-family: "Lato", sans-serif;
	font-size: 150%;
	color: #ccc;
	text-align: center;
}

.clearfix:before,
.clearfix:after,
.clearfix .before,
.clearfix .after {
	content: " ";
	display: table;
	clear: both;
}

.clearfix:after,
.clearfix .after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.ir {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

span.ssmbr:before {
	content: "\A";
	white-space: pre;
}

@media only screen and (min-width: 480px) {
	.comingsoon {
		font-size: 300%;
	}

	span.ssmbr:before {
		content: "";
		white-space: nowrap;
	}

	span.smbr:before {
		content: "\A";
		white-space: pre;
	}
}

@media only screen and (min-width: 640px) {
	span.smbr:before {
		content: "";
		white-space: nowrap;
	}

	span.mbr:before {
		content: "\A";
		white-space: pre;
	}
}

@media only screen and (min-width: 768px) {
	span.mbr:before {
		content: "";
		white-space: nowrap;
	}

	span.tbr:before {
		content: "\A";
		white-space: pre;
	}
}

@media only screen and (min-width: 1051px) {
	span.tbr:before {
		content: "";
		white-space: nowrap;
	}

	span.break:before {
		content: "\A";
		white-space: pre;
	}
}

/* ==========================================================
3. Print Styles
========================================================== */

@media print {
	* {
		box-shadow: none !important;
		text-shadow: none !important;
	}

	html {
		width: 1024px;
	}

	img,
	h2,
	h3,
	.ir {
		page-break-inside: avoid;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	@page {
		margin: 0.5cm;
	}
}