?@charset "utf-8";
/* CSS Document */
/*スマートフォン用フォント設定*/
html {
				-webkit-text-size-adjust: 100%;
				-moz-text-size-adjust: 100%;
				-ms-text-size-adjust: 100%;
				-o-text-size-adjust: 100%;
				text-size-adjust: 100%;
}

/*パンクズリスト*/

.pankuzu ul.nav li {
				font-size: 80%;
				float: left;
}

				.pankuzu ul.nav li a {
								background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/icon_list_widget.gif) 1px no-repeat;
								padding-left: 12px;
								display: inline-block;
								margin-right: 3px;
				}

								.pankuzu ul.nav li a:hover {
												text-decoration: underline;
								}


/*見出し設定*/

h1 {
				font-size: 115%;
				font-weight: bold !important;
				padding-left: 10px;
				padding-bottom: 3px;
				color: #300;
				background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/bg_h2.gif) left bottom repeat-x;
}

h2 {
				font-size: 115%;
				font-weight: bold !important;
				padding-left: 10px;
				padding-bottom: 3px;
				color: #300;
				background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/bg_h2.gif) left bottom repeat-x;
}

h3 {
				background: #FFFFFF;
				font-size: 100%;
				padding-left: 7px;
				font-weight: bold !important;
				border-left: 5px solid #ddb931;
}

.one-third p {
				padding-top: 0;
}

.one-third h3 {
				background: none;
				font-size: 100%;
				padding: 0;
				margin: 0;
				border: none;
}

.one-third .copy {
				text-align: center;
				border-top: 1px solid #666;
				padding-top: 5px;
}



.container .three.columns img {
				max-width: 100%;
				height: auto;
				display: block;
				margin: 0 auto;
}



.top_table {
				width: 100%;
				text-align: center;
				margin-bottom: 15px;
}

				.top_table th {
								padding: 8px;
								font-weight: bold;
								border: 1px solid #330000;
								background: #850000;
								border-collapse: collapse;
								color: #fff;
				}

				.top_table td {
								padding: 8px;
								border: 1px solid #330000;
								border-collapse: collapse;
				}

/*/--------------------------------------
サイドバー設定
--------------------------------------/*/

/*サイドメニューリンク設定*/
.sub_navi .nav a {
				background: #fff;
				font-size: 100%;
				padding: 0;
}


/*サイドメニュー電話番号*/
.side_contact {
				background: #FFFFFF;
				border: 1px solid #CCC;
				padding: 10px 10px 5px 10px;
				margin-bottom: 5px;
}

				.side_contact p {
								border-top: 5px solid #666;
								padding-top: 5px;
				}

				.side_contact a {
								color: #333;
								display: block;
								background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/icon_tel_widget.gif) left center no-repeat;
								padding-left: 22px;
								border: none;
								font-weight: bold;
								font-size: 200%;
				}

								.side_contact a:hover {
												text-decoration: none;
												color: #333;
								}


a.contact_2 {
				background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/icon_doc_widget.gif) left center no-repeat !important;
				font-size: 140%;
}

/*/--------------------------------------
コンテンツ領域設定
--------------------------------------/*/

/*メイン記事欄*/
.sixteen {
				margin-left: 5px;
}


/*フッター左*/
.one-third {
				float: left;
}

/*フッター右*/
.two-third {
				float: right;
				width: 45%;
				margin: 0;
}


/*フッターナビゲーション*/
.menufooter_nav {
				width: 100%;
				font-size: 120%;
				margin: 0 0 0 auto;
}

.header_contacts {
				float: right;
				padding-top: 10px;
				font-family: Tahoma, Geneva, sans-serif;
}

				.header_contacts ul li {
								list-style-type: none;
								margin-right: 10px;
				}

				.header_contacts .link-tel {
								display: block;
								margin-bottom: 16px;
								color: #FFF;
								font-size: 150%;
								font-weight: bold;
								text-decoration: underline;
				}

								.header_contacts .link-tel:hover {
												text-decoration: none;
								}

@media only screen and (max-width: 767px) {
				.header_contacts {
								width: 100%;
				}

								.header_contacts ul {
												width: 100%;
												margin: 0 auto;
								}

												.header_contacts ul li {
																margin: 0;
												}

								.header_contacts .link-tel {
												margin-bottom: 4vw;
												font-size: 130%;
								}
}


/*ヘッダ電話番号*/
li.phone_number {
				background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/icon_phone.png) left center no-repeat;
				font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
				color: #FFF;
				padding-left: 30px;
}

.phone_number a {
				font-size: 150%;
				font-weight: bold;
				color: #FFF;
}

				.phone_number a:hover {
								color: #FFF;
								text-decoration: none;
								cursor: default;
				}

				.phone_number a:hover {
								text-decoration: underline;
								cursor: pointer;
				}

/*/--------------------------------------
配色設定
--------------------------------------/*/

/*背景*/

html {
				background: rgb(234,229,208); /* Old browsers */
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTVkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWFlNGQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYTk5ODdmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZTRkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
				background: -moz-linear-gradient(top, rgb(234,229,208) 0%, rgb(234,228,209) 3%, rgb(169,152,127) 50%, rgb(234,228,209) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(234,229,208)), color-stop(3%,rgb(234,228,209)), color-stop(50%,rgb(169,152,127)), color-stop(100%,rgb(234,228,209))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, rgb(234,229,208) 0%,rgb(234,228,209) 3%,rgb(169,152,127) 50%,rgb(234,228,209) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, rgb(234,229,208) 0%,rgb(234,228,209) 3%,rgb(169,152,127) 50%,rgb(234,228,209) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, rgb(234,229,208) 0%,rgb(234,228,209) 3%,rgb(169,152,127) 50%,rgb(234,228,209) 100%); /* IE10+ */
				background: linear-gradient(to bottom, rgb(234,229,208) 0%,rgb(234,228,209) 3%,rgb(169,152,127) 50%,rgb(234,228,209) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae5d0', endColorstr='#eae4d1',GradientType=0 ); /* IE6-8 */
}

body {
				background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/bg_header.jpg) top no-repeat; /*背景色、画像指定しない場合は色コードにて指定*/
				background-size: contain;
				color: #300; /*全体の文字色*/
}

.bg_container {
				background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/bg_main.png) center 115px repeat-x; /*背景色、画像指定しない場合は色コードにて指定*/
				background-size: contain cover;
}


/*ナビゲーション*/
ul.nav li a {
				background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/bg_nav_off.jpg) left center no-repeat;
				padding: 10px;
				/*	font-weight:bold;*/
				color: #534741;
}

ul.nav li li a {
				background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/bg_nav_off.jpg) left center no-repeat;
				padding: 10px;
				/*	font-weight:bold;*/
				color: #534741;
}

/*メニュー文字色*/
.nav a, .pankuzu ul.nav li a:hover {
				color: #FFF;
}

				/*オンマウス*/
				.nav a:hover {
								background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/bg_nav_on.jpg) left center no-repeat;
								color: #FFF;
								font-weight: bold;
				}


/*右サブナビゲーション_オンマウス*/
.sub_navi .nav li a:hover {
				color: #0099cc;
				background: #fff;
				text-decoration: underline;
}


/*ヘッダ背景*/
.header-wrap {
				background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/bg_head.jpg) left top no-repeat #330000;
}

				.header-wrap .header img {
								padding: 16px;
				}

@media only screen and (max-width: 767px) {
				.header-wrap .header img {
								display: block;
								margin: 0 auto;
								padding: 0;
				}
}

/*ナビゲーション背景
.navwrap{
	margin-bottom:25px;	
}*/

/*メインコンテンツ背景色など*/
.sixteen div {
				background: #FFF;
}

.contents_area {
				padding: 10px;
}

/*コンテンツ全体の背景色*/
.container .four.columns, .container .sixteen.columns, .bodycontent, .contents_area, .footer {
				background-color: #F4EEDE;
}


/*フッター設定*/
.one-third .footer-wrap {
				padding: 5px 15px;
				background: url(https://www.harada-occlusion.com/themes/ci_template_z18/images/bg_head.jpg) left top no-repeat #330000;
				color: #FFF;
}

.footer-wrap .one-third a:hover {
				text-decoration: none;
}

.footer a,
.footer a:visited {
				color: #FFF;
}

.footnav {
				background: #F4EEDE;
				padding-bottom: 20px;
}

				.footnav .nav {
								padding: 0 40px;
				}

								.footnav .nav li a {
												display: inline;
												padding: 0 5px;
												margin-bottom: 5px;
												background: none;
												float: left;
								}

												.footnav .nav li a:nth-child(odd) {
																margin-left: -1px;
																border-left: 1px solid #300;
																border-right: 1px solid #300;
												}

												.footnav .nav li a:hover {
																font-weight: normal;
																color: #300;
																text-decoration: underline;
												}

/******************************************************
シャドウ設定
*******************************************************/
.header-wrap {
				-webkit-box-shadow: -3px -3px 3px #a49e90, 3px -3px 3px #a49e90;
				-moz-box-shadow: -3px -3px 3px #a49e90, 3px -3px 3px #a49e90;
				box-shadow: -3px -3px 3px #a49e90, 3px -3px 3px #a49e90;
				behavior: url(https://www.harada-occlusion.com/themes/ci_template_z18/PIE.htc);
				position: relative;
				z-index: 2;
				display: flex;
				align-items: center;
				justify-content: space-between;
}

@media only screen and (max-width: 767px) {
				.header-wrap {
								flex-wrap: wrap;
								justify-content: center;
								gap: 2vw 0;
				}
}

.footer {
				-webkit-box-shadow: -3px 3px 3px #a49e90, 3px 3px 3px #a49e90;
				-moz-box-shadow: -3px 3px 3px #a49e90, 3px 3px 3px #a49e90;
				box-shadow: -3px 3px 3px #a49e90, 3px 3px 3px #a49e90;
				behavior: url(https://www.harada-occlusion.com/themes/ci_template_z18/PIE.htc);
				position: relative;
				z-index: 2;
}

.bodywrap {
				-webkit-box-shadow: 3px 5px 3px #a49e90, -3px 5px 3px #a49e90;
				-moz-box-shadow: 3px 5px 3px #a49e90, -3px 5px 3px #a49e90;
				box-shadow: 3px 5px 3px #a49e90, -3px 5px 3px #a49e90;
				behavior: url(https://www.harada-occlusion.com/themes/ci_template_z18/PIE.htc);
				background: #F4EEDE;
}

/*@media only screen and (max-width: 767px) {
.header-wrap, .footer, .footnav, .bodywrap{
	-webkit-box-shadow:none;
	-moz-box-shadow	  :none;
	box-shadow		  :none;
	behavior: url(https://www.harada-occlusion.com/themes/ci_template_z18/PIE.htc);
}
}*/

@media only screen and (max-width: 767px) {
				.phone_number a {
								font-size: 150%;
				}
}

.googleMapCanvas div {
				border: 0px none;
				height: auto;
				color: #000000;
				background: none !important;
}

v