@charset "UTF-8";

.pc {
	display: block;
}
.mb {
	display: none;
}

.btn-menu {
	display: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn-menu img {
	vertical-align: middle;
}

@media (max-width: 767px) {
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	:before,
	:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	body {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		padding-top: 127px;
	}

	/* IMAGE
	--------------------------------------------------------- */
	#main img {
		height: auto;
		max-width: 100%;
	}
	.fl,
	.fr,
	.c1,
	.c2,
	.cl,
	.d1,
	.d2,
	.d3,
	.c3,
	.cr,
	.d4,
	.top-section,
	.wrapper,
	.main .left,
	.site-content,
	#sidebar,
	.logo,
	.nav,
	.text-sizer,
	.cal_btn,
	.mail_btn,
	.banner-container,
	.main-nav,
	.main-nav li,
	.serv_container li,
	.newsbox,
	#main {
		float: none;
		display: block;
		width: auto;
		margin: 0;
		padding: 0;
	}

	.serv_container,
	.news_img > div,
	.footer {
		float: none;
	}

	.main .left,
	.site-content,
	#sidebar,
	iframe,
	.supported ul,
	.fl,
	.fr {
		width: 100% !important;
	}

	.lang a {
		padding: 0 3px;
	}
	.top-section,
	.text-sizer,
	.main-nav {
		height: auto;
	}

	.fontbox {
		display: none;
	}

	.wrapper {
		padding: 10px;
	}

	.serv_container li {
		text-align: center;
	}

	.footer img {
		width: auto;
		max-width: 100%;
		height: auto;
	}

	/* =========================================================
		BASIC LAYOUTS
	========================================================= */

	.top-section {
		/*padding-bottom: 10px;*/
		border-bottom: 1px solid #e2e2e2;
	}
	.top-section .wrapper {
		position: relative;
		text-align: center;
	}
	.logo {
		padding: 0 0 15px 0;
		clear: both;
		text-align: left;
	}
	.logo img {
		width: 140px;
	}
	.nav,
	.text-sizer {
		position: absolute;
		right: 10px;
		top: 10px;
		text-align: right;
	}
	.nav {
		top: 30px;
	}
	.text-sizer {
		/*top: 30px;*/
		border: none;
		/*width: 170px;*/
	}
	.cal_btn,
	.mail_btn {
		display: inline-block;
	}

	.banner-container {
		height: 200px;
		background-position: 50% 50%;
	}

	.btn-menu {
		border: 1px solid #73b409;
		display: block;

		background: #73b409;
		width: 100%;
		padding: 10px 0;
		font-size: 14px;
		color: #fff;
		outline: none;
		cursor: pointer;
	}
	.main-nav {
		display: none;
		background-position: 50% 100%;
		padding-bottom: 0;
		text-align: center;
	}
	.main-nav li {
		float: none;
		display: inline-block;
		background: none;
	}
	.main-nav .wrapper {
		/*padding-bottom: 20px;*/
	}

	.serv_container {
		padding: 20px 0;
	}
	.serv_container li {
		margin-bottom: 15px;
	}

	.newsbox ul {
		clear: both;
		overflow: hidden;
	}

	.newsbox li strong {
		width: 25%;
		margin-right: 0;
	}
	.newsbox li p {
		width: 74%;
		line-height: 1.4;
	}
	.news_img > div {
		margin: 0 auto;
		margin-bottom: 20px;
		text-align: center;
	}

	.page-title,
	.entry-header {
		/*background-position: 150%;*/
	}
	.page-title h2,
	.entry-header .entry-title,
	.entry-header .entry-title {
		/*background-size: cover;*/
		background-position: 70% 0;
		line-height: 1em;
		padding-top: 20px;
		min-height: 40px;
		padding-bottom: 20px;
	}

	#gallery-04 {
		margin-left: 0;
	}

	#main #gallery-04 li {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	#main .btn {
		display: block;
		width: auto;
		min-width: 100px;
		margin-bottom: 10px;
	}
	#main .btn-lg {
		min-width: 100px;
	}
	#main .btn.wpcf7-submit {
		display: inline-block;
	}

	.sub-menu a img {
		display: block;
		width: 90%;
		height: auto;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	#sitemap .fl {
		float: left;
	}
	#sitemap .fr {
		float: right;
	}

	#sitemap ul {
		margin-right: 10px;
	}
	#sitemap ul li {
		line-height: 1.4;
	}

	#main div.wpcf7 {
		padding: 0;
	}

	.wpcf7 input[type="text"],
	.wpcf7 input[type="tel"],
	.wpcf7 input[type="email"],
	.wpcf7 textarea {
		width: 98%;
	}

	.ntop a {
		margin-top: 8px;
	}
	.bottombar {
		height: auto;
		min-height: 70px;
		padding: 0 10px;
	}

	.pc {
		display: none;
	}
	.mb {
		display: block;
	}
	.mb.inline-b {
		display: inline-block;
	}

	.page-id-46 #sidebar,
	.single-post #sidebar {
		display: none !important;
	}
	.bnr {
		margin-top: 0;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}