@charset "UTF-8";


#PopupBanner {
  display:none;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px;
  z-index: 1000;
}

.pr-banner img {
  max-width: 320px;
  border: 1px solid #eee;
}

.pr-banner a img:hover {
  opacity: 1;
}

button#closePopup {
    border-radius: 50rem;
    width: 25px;
    height: 25px;
    border: 1px solid #DDD;
    position: absolute;
    right: 0;
    top: -3px;
}




/*------ トップページ調整 -----*/
.cc-indexpage #content-inner {
    padding-top:0 !important;
}



/*------ トップページフィード修正 -----*/

/*フィード読み込み調整*/
#top-newconstruction-feed .cc-m-hgrid-column>#cc-matrix-1:first-child>.j-module.n.j-text,
#top-reform-feed .cc-m-hgrid-column>#cc-matrix-1:first-child>.j-module.n.j-text {
    display: none;
}

section.top-construction-feed.blog-feed.fullsize #cc-m-1.j-module.n.j-spacing {
    display: none !important;
}

.j-blog.n.clearover.j-blogarticle>#cc-matrix-:first-child {
    display: none;
}

.top-construction-feed.blog-feed.fullsize {
    padding-top: 0 !important;
}

.top-construction-feed.blog-feed.fullsize .j-module.n.j-text {
    margin: 0 !important;
}

.cc-page.cc-pagemode-default .fullsize-nowrap.top-construction-area {
    padding-top: 6rem !important;
}



/*見出し1調整*/
section.top-construction-feed.blog-feed.fullsize h1 {
    text-align: center;
    font-size: 16px;
    margin: 0 16px 40px;
    padding: 0;
}

main section.blog-feed h1:after {
    content: none !important;
}

section.top-construction-feed.blog-feed h1 span::before {
    content: "";
    display: inline-block;
    width: 60px;
    border-bottom: 1px solid #444;
    vertical-align: 5px;
    margin-right: 8px;
}

section.top-construction-feed.blog-feed h1 span::after {
    content: "";
    display: inline-block;
    width: 60px;
    border-bottom: 1px solid #444;
    vertical-align: 5px;
    margin-left: 8px;
}


@media screen and (max-width: 600px) {
section.top-construction-feed.blog-feed h1 span::before,
section.top-construction-feed.blog-feed h1 span::after {
    content: "";
    width: 16vw;
}
}


/*投稿新着*/
main section.top-construction-feed.blog-feed .j-blog-meta a h2.j-blog-headline.j-blog-post--headline {
    font-size: 13px !important;
    margin-top: 16px !important;
}


/*------ リフォーム用セレクトボタン -----*/
/*.case-select-btn ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.case-select-btn ul li a {
  display: inline-block;
  text-decoration: none !important;
  background: #1C6935;
  border: 1px solid #1C6935;
  margin-right: 8px;
  padding: 4px 16px;
  color: #FFF !important;
  font-size: 16px;
  line-height: 1.25;
}

.case-select-btn ul li a:hover,
.case-select-btn ul li.current-page a {
  background: transparent;
  color: #1C6935 !important;
}*/


/*一旦非表示*/
.case-select-btn {
    display: none;
}



/*------ フィード調整 -----*/
.j-blog.n.clearover.j-blogarticle .cc-m-hgrid-column.last #cc-m-1:nth-of-type(1), .j-blog.n.clearover.j-blogarticle #cc-matrix- #cc-m-1:nth-of-type(1).j-text {
    display: flex;
    flex-direction: column;
    margin-top: 4px;
}

main a.j-blog-page--tag, main a:link.j-blog-page--tag, main a:visited.j-blog-page--tag {
    margin-bottom: -20px;
}


/*------ セクション調整 -----*/
section.top-construction-feed.blog-feed.fullsize {
    margin-bottom: 40px;
}


/* -------------------------------------------------------------------------------- /
以下、必要性については未検証であるCSS by POSSWEB 2024.04.08

    THEME NAME: Alsten
    VERSION: 1.4 ( August 2015 )
    DESCRIPTION: Responsive Jimdo theme with dropdown navigation
    AUTHOR: Serhiy Hembarevskyy
    URI: http//www.hembarevskyy.com/

	+----------------------------------------------------+
		TABLE OF CONTENTS
	+----------------------------------------------------+

    [1] COLOR SETTINGS
    [2] TYPOGRAPHY
    [3] LAYOUT
    [4] RESPONSIVE CAROUSEL
    [5] MAGNIFIC POPUP
    [6] WIDGETS AND CUSTOM ELEMENTS
    [7] HELPER CLASSES
    [8] MEDIA QUERIES
    [9] ADDITIONAL WIDGETS AND CUSTOMIZATIONS


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


/* -------------------------------------------------------------------------------- /
	[1]	COLOR SETTINGS
/ -------------------------------------------------------------------------------- */


/*!
 * Main accent color                 #d0a068;
 * Primary dark background color     #343434;
 * Secondary dark background color   #242424;
 */

/*** setting global brand colors ***/
/* brand backgrounds */
#hs-container .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .brand-bg .j-blogarticle .blogreadmore:link, #hs-container .brand-bg .j-blogarticle .blogreadmore:visited, #hs-container .brand-bg .j-blogarticle .comment:link, #hs-container .brand-bg .j-blogarticle .comment:visited, #hs-container .brand-bg .post .blogreadmore:link, #hs-container .brand-bg .post .blogreadmore:visited, #hs-container .brand-bg .post .comment:link, #hs-container .brand-bg .post .comment:visited, #hs-container .brand-bg .commententry input[type="submit"], #hs-container .brand-bg .j-formnew input[type='submit'], #hs-container .brand-bg .j-downloadDocument .cc-m-download-link, #hs-container .brand-bg .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .brand-bg input[type="submit"].submitUser, #hs-container .brand-bg .j-rss br+a[target="_blank"], #hs-container .brand-bg input#mc-embedded-subscribe.button, #hs-container .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1, #hs-container .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2, #hs-container .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3, #hs-container .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link, #hs-container .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited, #hs-container .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link, #hs-container .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited, #hs-container .brand-bg .hs-menu nav ul ul li a:link:hover, #hs-container .brand-bg .hs-menu nav ul ul li a:link:active, #hs-container .brand-bg .hs-menu nav ul ul li a:link:focus, #hs-container .brand-bg .hs-menu nav ul ul li a:visited:hover, #hs-container .brand-bg .hs-menu nav ul ul li a:visited:active, #hs-container .brand-bg .hs-menu nav ul ul li a:visited:focus, .brand-bg .tagcloud a, .brand-bg .footer-top, .brand-bg .bg-primary, .brand-bg .skill .skill_bar .skill_active, .brand-bg .slicknav_btn, .brand-bg .hs-button, .brand-bg .hr, .brand-bg .tagcloud2 a:hover, #hs-container .brand-bg div.caption.cc-m-image-align-3, #hs-container .brand-bg .cc-imagewrapper.cc-m-image-align-3 figcaption {
	background: #a48f73;
}
.hr {
	background:none !important;
}
/* brand links */
.brand-link h1 a, .brand-link h2 a, .brand-link h3 a, .brand-link h4 a, .brand-link span.comment a, .brand-bg .links li a:hover, .brand-bg .plus li a:hover, .brand-bg .style-white .plus li a:hover, .brand-bg .footer-btm a:link, .brand-bg .footer-btm a:visited, .brand-link .hs-menu nav ul li.cc-nav-parent>a:link, .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited, .brand-link .hs-menu nav ul li.cc-nav-current>a:link, .brand-link .hs-menu nav ul li.cc-nav-current>a:visited, .brand-link .hs-menu nav ul li a:link:hover, .brand-link .hs-menu nav ul li a:link:active, .brand-link .hs-menu nav ul li a:link:focus, .brand-link .hs-menu nav ul li a:visited:hover, .brand-link .hs-menu nav ul li a:visited:active, .brand-link .hs-menu nav ul li a:visited:focus, .cc-page .brand-bg .slicknav_nav a:hover {
	color: #999;
}
/* -------------------------------------------------------------------------------- /
	[2]	TYPOGRAPHY
/ -------------------------------------------------------------------------------- */

/*** Web fonts ***/
.g-font h1, .g-font h2, .g-font h3, .g-font h4, .g-font .j-nav-variant-nested, .g-font .j-nav-variant-standard, .g-font .j-nav-variant-breadcrumb, .cc-page .g-font .slicknav_nav a, .g-font .matrix-hero, .g-font a.readmore, .g-font .j-product .cc-shop-product-desc .cc-shop-addtocard, .g-font #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, .g-font #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, .g-font .j-blogarticle .blogreadmore:link, .g-font .j-blogarticle .blogreadmore:visited, .g-font .j-blogarticle .comment:link, .g-font .j-blogarticle .comment:visited, .g-font .post .blogreadmore:link, .g-font .post .blogreadmore:visited, .g-font .post .comment:link, .g-font .post .comment:visited, .g-font .commententry input[type="submit"], .g-font .j-formnew input[type='submit'], .g-font .j-downloadDocument .cc-m-download-link, .g-font .j-newsletterbox input[type='submit'], .cc-pagemode-overlay .g-font input[type="submit"].submitUser, .g-font .j-rss br+a[target="_blank"], .g-font input#mc-embedded-subscribe.button, .g-font a.j-calltoaction-link.j-calltoaction-link-style-1, .g-font a.j-calltoaction-link.j-calltoaction-link-style-2, .g-font a.j-calltoaction-link.j-calltoaction-link-style-3, .g-font .hs-button, #hs-container span.fn, .g-font .cc-catalog-wrapper span a, .g-font div.caption.cc-m-image-align-3, .g-font .cc-imagewrapper.cc-m-image-align-3 figcaption {
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , "Meiryo" , "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica", "Arial" , Sans-Serif;
	text-transform: uppercase;
	letter-spacing: 0px;
}
#hs-container a:link, #hs-container a:visited {
	text-decoration: none;
}
/* -------------------------------------------------------------------------------- /
	[3]	LAYOUT
/ -------------------------------------------------------------------------------- */

.body {
	background: #fff;
	margin: 0;
}

.sample-box-3 {
    border: 4px double #ddd;
    margin: 2em auto;
    padding: 1em;
font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
display: inline-block;
}


#hs-container {
	width: 100%;
	padding: 0;
}
.headerbg {
	width: 100%;
	padding: 0;
	background:url(https://u.jimcdn.com/e/o/s61384b7d68f3b068/userlayout/img/futaba-01.jpg) no-repeat top center;
	background-size:100% auto;
}
.inner {
	width: 1090px;
	margin: 0 auto;
	position: relative;
}
.hs-top {
	width: 100%;
	/*background: #fff;*/
}
.hs-header {
	/*background: #fff;*/
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	min-height: 60px;
	z-index: 203001;
}
.fixed {
	z-index: 203005;
}
.is-sticky .fixed{
  background-color:#ffffff;
  z-index: 203005;
}

.matrix .fixed {
	position: relative!important;
}
/* only for multilingual version */
.hs-hidden {
	background-color: none;
	background-image: url(globe.png);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	height: 100%;
	width: auto;
}
#hs-container a.hs-hidden {
	padding: 10px 30px 10px 5px;
	color: #555;
	font-size: 12px;
}
#hidden {
	position: absolute;
	right: 0;
	top: 100%;
	background: #303030; /* color 3 */
	z-index: 100024;
	max-width: 282px;
	height: auto;
	display: none;
}
.hs-logo {
	display: inline-block;
	margin: 0;
	padding: 5px 0;
	z-index: 203001;
	position: relative;
}
.hs-logo-sp {
	display:none;
}
.hs-logo img {
}
.info {
	padding: 7px 0;
}
#hs-container .info p {
	font-size: 12px;
}
.hs-content {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.cc-pagemode-overlay .hs-content {
	padding: 20px 0;
}
.footer-top {
	width: 100%;
	background: #d0a068; /* color 1 */
	color: #fff;
}
.hs-footer {
	width: 100%;
	background:url(https://u.jimcdn.com/e/o/s61384b7d68f3b068/userlayout/img/futaba-24.jpg) no-repeat top center;
	background-size:cover;
	color: #fff;
	min-height:330px;
}
.footer-btm {
	float: left;
	background: #343434;/* color 2 */
	width: 100%;
}
.footer-btm #contentfooter div.leftrow, .footer-btm #contentfooter div.rightrow {
	float: right;
	text-align: right;
	width: 100%;
}
.footer-btm .inline {
	display: none;
}
.footer-btm #contentfooter {
	padding: 5px 0;
}
/*** Gutter ***/
.hs-content .gutter {
	padding: 30px 0 0px 0;
}
.footer-top .gutter {
	padding: 25px 0;
}
.hs-footer .gutter {
	padding: 45px 0 10px 0;
}
.footer-btm .gutter {
	padding: 15px 0;
}
/*** Jimdo navigation ***/
ul.mainNav1, ul.mainNav2, ul.mainNav3 {
	padding: 0 !important;
	list-style: none;
	margin: 0;
}
ul.mainNav1 li, ul.mainNav2 li, ul.mainNav3 li {
	margin: 0 !important;
	padding: 0;
	list-style: none;
	display: inline;
}
/*** 2nd level standard nav ***/
.hs-subnav {
	width: 100%;
	padding: 0;
}
.hs-subnav ul.mainNav2 li a, .hs-subnav ul.mainNav2 li a:link, .hs-subnav ul.mainNav2 li a:active, .hs-subnav ul.mainNav2 li a:hover, .hs-subnav ul.mainNav2 li a:visited {
	display: inline-block;
	color: #999;
	text-decoration: none;
	padding: 5px 0px;
	margin: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.hs-subnav ul.mainNav2 li a:hover, .hs-subnav ul.mainNav2 li a.current, .hs-subnav ul.mainNav2 li a.parent:hover, .hs-subnav ul.mainNav2 li a.parent, .hs-subnav ul.mainNav2 li .cc-nav-current.level_2, .hs-subnav ul.mainNav2 li .cc-nav-parent.level_2 {
	color: #333;
}
.hs-subnav ul.mainNav2 li a span, .hs-subnav ul.mainNav2 li a span:hover {
	padding: 0 10px;
	border-right: 1px solid #ccc;
}
/*** 2nd nav wrapper - breadcrumb ***/
.cc-indexpage .hs-subnav, .hide-subnav .hs-subnav {
	display: none;
}
.hs-subnav ol {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
.hs-subnav ol li {
	float: left;
	line-height: 1.3em;
	color: #777;
	padding-left: .75em;
}
.hs-subnav ol li a {
	background: url(arrow.png) no-repeat right center;
	display: block;
	padding: 0 15px 0 0;
	margin: 10px 0;
	color: #888;
	text-decoration: none;
}
.hs-subnav ol li:only-child a {
	display: none;
}
.hs-subnav ol li:last-child a {
	background: none;
}
.hs-subnav ol li a:hover, .hs-subnav ol li a.current, .hs-subnav ol li.cc-nav-current.j-nav-current a {
	color: #333;
	text-decoration: none;
}
/*** 3rd level standard nav ***/
.hs-thirdnav {
	padding: 5px 0;
	width: 100%;
}
.hs-thirdnav ul.mainNav3 li a, .hs-thirdnav ul.mainNav3 li a:link, .hs-thirdnav ul.mainNav3 li a:active, .hs-thirdnav ul.mainNav3 li a:hover, .hs-thirdnav ul.mainNav3 li a:visited {
	display: inline-block;
	color: #fff;
	background: #ccc;
	text-decoration: none;
	margin: 5px 0 5px 2px;
	padding: 6px 12px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.hs-thirdnav ul.mainNav3 li a:hover, .hs-thirdnav ul.mainNav3 li a.current, .hs-thirdnav ul.mainNav3 li a.parent, .hs-thirdnav ul.mainNav3 li .cc-nav-current.level_3, .hs-thirdnav ul.mainNav3 li li .cc-nav-parent.level_3 {
	background: #888;
	color: #fff;
}
/*** hidden nav levels ***/
.hs-menu ul.mainNav2, .hs-thirdnav ul.mainNav1 .level_1, .hs-thirdnav ul.mainNav2 .level_2, .hs-subnav ul.mainNav1 .level_1, .hs-subnav ul.mainNav3.mainNav3 .level_3, .hs-subnav ul.mainNav1 .level_3 {
	display: none;
}
/* hidden menu links in admin mode */
li.cc-invisible {
	text-decoration: line-through;
	color: #fff;
}
/*#cc-nav {
	top: 10px!important;
}*/
/*** dropdown menu ***/
.hs-menu, .hs-menu nav {
}
.hs-menu nav {
	/*float: left;*/
}
.hs-menu nav ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	position: relative;
	display: block;
	z-index: 203001;
	text-align:center;
}
.hs-menu nav ul li {
	display: inline-block;
	position: relative;
}
.hs-menu nav ul ul {
	display: none;
}
.hs-menu nav ul li:hover > ul {
	display: block;
}
.hs-menu nav ul li {
	/*float: left;*/
}
/* Main nav style */
.hs-menu nav ul li {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size:14px;
	font-weight:500;
}
.hs-menu nav ul li a:link, .hs-menu nav ul li a:visited {
	display: block;
	color: #555;
	line-height: 150%;
	margin: 0;
	padding: 25px 20px;
	text-decoration: none!important;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-webkit-font-smoothing: subpixel-antialiased !important;/* fix bug for Safari browser */
}
.nav-dark nav ul li a:link, .nav-dark nav ul li a:visited {
	color: #111;
}
.nav-white nav ul li a:link, .nav-white nav ul li a:visited {
	color: #fff;
}
.hs-menu nav ul li.cc-nav-parent>a:link, .hs-menu nav ul li.cc-nav-parent>a:visited, .hs-menu nav ul li.cc-nav-current>a:link, .hs-menu nav ul li.cc-nav-current>a:visited, .hs-menu nav ul li a:link:hover, .hs-menu nav ul li a:link:active, .hs-menu nav ul li a:link:focus, .hs-menu nav ul li a:visited:hover, .hs-menu nav ul li a:visited:active, .hs-menu nav ul li a:visited:focus {
	color: #d0a068; /* color 1 */
}
/* Sub-nav style */
.hs-menu nav ul ul {
	background: #fff;
	top: 100%;
	left: 0;
	margin: 0;
	color: #999;
	position: absolute;
}
.hs-menu nav ul ul li {
	float: none;
	position: relative;
}
.hs-menu nav ul ul li a:link, .hs-menu nav ul ul li a:visited {
	padding: 15px 20px;
	font-size: 90%;
	line-height: 110%;
	color: #333;
	width: 150px;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
}
.hs-menu nav ul ul li.cc-nav-parent>a:link, .hs-menu nav ul ul li.cc-nav-parent>a:visited, .hs-menu nav ul ul li.cc-nav-current>a:link, .hs-menu nav ul ul li.cc-nav-current>a:visited, .hs-menu nav ul ul li a:link:hover, .hs-menu nav ul ul li a:link:active, .hs-menu nav ul ul li a:link:focus, .hs-menu nav ul ul li a:visited:hover, .hs-menu nav ul ul li a:visited:active, .hs-menu nav ul ul li a:visited:focus {
	background: #d0a068; /* color 1 */
	color: #fff!important;
}
.hs-menu nav ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}
.hs-menu nav ul ul ul li{
	text-align:left;
}
/*** responsive navigation ***/
.m-wrapper {
	display: none;
	height: 37px;
	position: relative;
	float: right;
	padding-top: 15px;
	border: none;
	cursor: pointer !important;
	font-size: 1.1rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	z-index: 2000000;
}
/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */

.menu {
	display: none;
}
.slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float: right;
	padding: .438em .625em;
	line-height: 1.125em;
	cursor: pointer;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top: .188em;
}
.slicknav_menu {
 *zoom:1
}
.slicknav_menu .slicknav_menutxt {
	display: block;
	line-height: 1.188em;
	float: left
}
.slicknav_menu .slicknav_icon {
	float: left;
	margin: .188em 0 0 .438em;
}
.slicknav_menu .slicknav_no-text {
	margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: .125em;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}
.slicknav_menu:before {
	content: " ";
	display: table;
}
.slicknav_menu:after {
	content: " ";
	display: table;
	clear: both;
}
.slicknav_nav {
	clear: both;
}
.slicknav_nav ul {
	display: block;
}
.slicknav_nav li {
	display: block;
}
.slicknav_nav .slicknav_arrow {
	font-size: 1.3em;
	margin: 0 0 0 .4em;
	float: right;
}
.slicknav_nav .slicknav_item {
	cursor: pointer;
}
.slicknav_nav .slicknav_item a {
	display: inline;
}
.slicknav_nav .slicknav_row {
	display: block;
}
.slicknav_nav a {
	display: block;
}
.slicknav_nav .slicknav_parent-link a {
	display: inline;
}
.slicknav_brand {
	float: left;
}
.slicknav_menu {
	font-size: 16px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.slicknav_menu * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.slicknav_menu .slicknav_menutxt {
	color: #fff;
}
.slicknav_menu .slicknav_icon-bar {
	background-color: #fff;
}
.slicknav_btn {
	margin: 5px 0;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	background: #d0a068; /* color 1 */
}
.slicknav_nav {
	background: #242424; /* color 3 */
	width: 282px;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: .875em;
	list-style: none;
	overflow: hidden;
}
.slicknav_nav ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.slicknav_nav ul ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 10px;
}
.slicknav_nav .slicknav_row {
	padding: 5px 10px;
	margin: 2px 5px;
}
.slicknav_nav .slicknav_row:hover {
}
.cc-page .slicknav_nav a {
	padding: 5px 10px;
	margin: 2px 5px;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.cc-nav .slicknav_nav a:hover {
	color: #d0a068; /* color 1 */
}
.slicknav_nav ul {
	font-size: 100%;
}
.slicknav_nav ul ul {
	font-size: 90%;
}
.slicknav_nav .slicknav_txtnode {
	margin-left: 15px;
}
.slicknav_nav .slicknav_item a {
	padding: 0;
	margin: 0;
}
.slicknav_nav .slicknav_parent-link a {
	padding: 0;
	margin: 0;
}
.slicknav_brand {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding: 7px 12px;
	height: 44px;
}
/* -------------------------------------------------------------------------------- /
	[4]	RESPONSIVE CAROUSEL
/ -------------------------------------------------------------------------------- */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}
.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
 0% {
opacity: 1
}
}
@keyframes empty {
 0% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-webkit-keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-webkit-keyframes backSlideOut {
 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
        transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
        transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
 to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@keyframes scaleToFade {
 to {
opacity: 0;
-webkit-transform: scale(.8);
        transform: scale(.8);
}
}
@-webkit-keyframes goDown {
 from {
-webkit-transform: translateY(-100%);
}
}
@keyframes goDown {
 from {
-webkit-transform: translateY(-100%);
        transform: translateY(-100%);
}
}
 @-webkit-keyframes scaleUpFrom {
 from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
 from {
opacity: 0;
-webkit-transform: scale(1.5);
        transform: scale(1.5);
}
}
 @-webkit-keyframes scaleUpTo {
 to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
 to {
opacity: 0;
-webkit-transform: scale(1.5);
        transform: scale(1.5);
}
}
/*
*       Owl Carousel Owl Demo Theme
*       v1.24
*/

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
	margin: 0px;
	padding: 0px;
	background: #;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
/*To move navigation buttons outside use these settings:*/

.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
	background-image: url(https://u.jimcdn.com/e/o/s61384b7d68f3b068/userlayout/img/futaba-03.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 56px;
	width: 56px;
	left: 5px;
	top: 40%;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
	background-image: url(https://u.jimcdn.com/e/o/s61384b7d68f3b068/userlayout/img/futaba-04.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 56px;
	width: 56px;
	right: 5px;
	top: 40%;
}
/* Styling Pagination */
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 0px 3px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 50%;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color: #fff;
}
/* If PaginationNumbers is true */
.owl-controls .owl-pagination {
	position: absolute;
	bottom: -20px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(ajaxoader.gif) no-repeat center center
}
#hs-slider .item img, #hs-slider-fullwidth .item img {
	display: block;
	width: 90%;
	height: auto;
}
#hs-slider .item, #hs-slider-fullwidth .item {
	position: relative;
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 30%;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
}
.caption-right {
	position: absolute;
	right: 5%;
	bottom: 5%;
	left: auto;
	z-index: 999;
	padding-top: 0px;
	padding-bottom: 0px;
	padding: 5px;
	color: #fff;
	text-align: left;
}
.caption-left {
	position: absolute;
	left: 5%;
	bottom: 5%;
	right: auto;
	z-index: 999;
	padding-top: 0px;
	padding-bottom: 0px;
	padding: 5px;
	color: #fff;
	text-align: left;
}
.caption-right a:link, .caption-right a:visited, .caption-left a:link, .caption-left a:visited {
	color: #fff!important;
	border-bottom: 1px solid #fff;
	z-index: 999;
}
.no-pagination .owl-pagination {
	display: none!important;
}
.pagination-btn .owl-controls .owl-pagination {
	bottom: -20px;
	display: block!important;
}
.no-arrows .owl-buttons {
	display: none!important;
}
.carousel-caption h1.black {
	color: #000;
}
.carousel-caption.bg {
	background-color: rgba(0,0,0,0.7);
	right: 30%;
	left: 30%;
}
#image-fullwidth {
	display: none;
}
#image-fullwidth img {
	background-size: cover;
	width: 100%;
}
/*** Slider holder ***/
.slider-holder {
	width: 80%;
	position: relative;
	padding: 0;
}
/* -------------------------------------------------------------------------------- /
	[5]	MAGNIFIC POPUP
/ -------------------------------------------------------------------------------- */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 333203003;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 333203003;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
	display: none;
}
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 333100045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur {
	cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: 0;
	cursor: 0;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: 0;
	cursor: 0;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
	cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	    user-select: none;
}
.mfp-loading.mfp-figure {
	display: none;
}
.mfp-hide {
	display: none !important;
}
.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 333100044;
}
.mfp-preloader a {
	color: #ccc;
}
.mfp-preloader a:hover {
	color: #FFF;
}
.mfp-s-ready .mfp-preloader {
	display: none;
}
.mfp-s-error .mfp-content {
	display: none;
}
button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
 button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-close:active {
	top: 1px;
}
.mfp-close-btn-in .mfp-close {
	color: #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}
.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mfp-arrow:active {
	margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}
.mfp-arrow-left {
	left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
	border-right: 17px solid #FFF;
	margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
	right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	border-left: 17px solid #FFF;
	margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	        box-shadow: 0 0 8px rgba(0,0,0,0.6);
	background: #000;
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	        box-shadow: 0 0 8px rgba(0,0,0,0.6);
	background: #444;
}
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure {
	margin: 0;
}
.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px;
}
.mfp-image-holder .mfp-content {
	max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}
 @media screen and max-width 800px and orientation landscape, screen and max-height 300px {
    /**
           * Remove all paddings around the image on small screen
           */
    .mfp-img-mobile .mfp-image-holder {
 padding-left: 0;
 padding-right: 0;
}
 .mfp-img-mobile img.mfp-img {
 padding: 0;
}
 .mfp-img-mobile .mfp-figure:after {
 top: 0;
 bottom: 0;
}
 .mfp-img-mobile .mfp-figure small {
 display: inline;
 margin-left: 5px;
}
 .mfp-img-mobile .mfp-bottom-bar {
 background: rgba(0,0,0,0.6);
 bottom: 0;
 margin: 0;
 top: auto;
 padding: 3px 5px;
 position: fixed;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
 .mfp-img-mobile .mfp-bottom-bar:empty {
 padding: 0;
}
 .mfp-img-mobile .mfp-counter {
 right: 5px;
 top: 3px;
}
 .mfp-img-mobile .mfp-close {
 top: 0;
 right: 0;
 width: 35px;
 height: 35px;
 line-height: 35px;
 background: rgba(0,0,0,0.6);
 position: fixed;
 text-align: center;
 padding: 0;
}
}
 @media all and max-width 900px {
 .mfp-arrow {
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
 .mfp-arrow-left {
 -webkit-transform-origin: 0;
 transform-origin: 0;
}
 .mfp-arrow-right {
 -webkit-transform-origin: 100%;
 transform-origin: 100%;
}
 .mfp-container {
 padding-left: 6px;
 padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
	padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
	padding: 0;
}
.mfp-ie7 .mfp-content {
	padding-top: 44px;
}
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}
/* Simple fade transition */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
/* -------------------------------------------------------------------------------- /
	[6]	WIDGET AND CUSTOM ELEMENTS
/ -------------------------------------------------------------------------------- */

/*** form styles for white bg ***/
.form-white .cc-checkout-user-note-form textarea, .form-white #cc-checkout-billing-address-form input[type="text"], .form-white #cc-checkout-shipping-address-form input[type="text"], .form-white .commententry textarea, .form-white .commententry input[type="text"], .form-white .j-formnew .cc-m-form-view-sortable input[type='text'], .form-white .j-formnew .cc-m-form-view-sortable input[type='email'], .form-white .j-formnew .cc-m-form-view-sortable textarea, .form-white .j-newsletterbox input[type='email'], .cc-pagemode-overlay .form-white #password, .form-white .newsletterbox input.newsletterInput {
	background-color: #f5f5f5;
	margin-bottom: 7px;
	color: #000;
	border: 1px solid #ededed;
	padding: 10px 0;
	outline: none;
	width: 99%!important;
}
/*** form styles for dark bg ***/
.form-dark .cc-checkout-user-note-form textarea, .form-dark #cc-checkout-billing-address-form input[type="text"], .form-dark #cc-checkout-shipping-address-form input[type="text"], .form-dark .commententry textarea, .form-dark .commententry input[type="text"], .form-dark .j-formnew .cc-m-form-view-sortable input[type='text'], .form-dark .j-formnew .cc-m-form-view-sortable input[type='email'], .form-dark .j-formnew .cc-m-form-view-sortable textarea, .form-dark .j-newsletterbox input[type='email'], .cc-pagemode-overlay .form-dark #password, .form-dark .newsletterbox input.newsletterInput {
	background: none;
	background-color: #343434; /* color 2 */
	margin-bottom: 5px;
	color: #ccc;
	border: none;
	padding: 10px 0;
	outline: none;
	width: 99%!important;
}
/*** line form styles ***/
.form-line .cc-checkout-user-note-form textarea, .form-line #cc-checkout-billing-address-form input[type="text"], .form-line #cc-checkout-shipping-address-form input[type="text"], .form-line .commententry textarea, .form-line .commententry input[type="text"], .form-line .j-formnew .cc-m-form-view-sortable input[type='text'], .form-line .j-formnew .cc-m-form-view-sortable input[type='email'], .form-line .j-formnew .cc-m-form-view-sortable textarea, .form-line .j-newsletterbox input[type='email'], .cc-pagemode-overlay .form-line #password, .form-line .newsletterbox input.newsletterInput {
	background: none;
	background-color: none;
	color: #777;
	border: 1px solid #777;
	outline: none;
	padding: 7px 0;
	margin: 5px 0;
	width: 99%!important;
}
/* input button */
#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .j-blogarticle .blogreadmore:link, #hs-container .j-blogarticle .blogreadmore:visited, #hs-container .j-blogarticle .comment:link, #hs-container .j-blogarticle .comment:visited, #hs-container .post .blogreadmore:link, #hs-container .post .blogreadmore:visited, #hs-container .post .comment:link, #hs-container .post .comment:visited, #hs-container .commententry input[type="submit"], #hs-container .j-formnew input[type='submit'], #hs-container .j-downloadDocument .cc-m-download-link, #hs-container .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container input[type="submit"].submitUser, #hs-container .j-rss br+a[target="_blank"], #hs-container input#mc-embedded-subscribe.button, a.j-calltoaction-link.j-calltoaction-link-style-1, a.j-calltoaction-link.j-calltoaction-link-style-2, a.j-calltoaction-link.j-calltoaction-link-style-3 {
	background: #d0a068; /* color 1 */
	text-decoration: none;
	display: inline-block;
	clear: both;
	cursor: pointer;
	margin: 0;
	color: #fff!important;
	height: auto;
	border: none;
	padding: 15px 45px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-appearance: none;
	-moz-appearance: none;
}
#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:hover, #hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover, #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover, #hs-container .j-blogarticle .blogreadmore:hover:link, #hs-container .j-blogarticle .blogreadmore:hover:visited, #hs-container .j-blogarticle .comment:hover:link, #hs-container .j-blogarticle .comment:hover:visited, #hs-container .post .blogreadmore:hover:link, #hs-container .post .blogreadmore:hover:visited, #hs-container .post .comment:hover:link, #hs-container .post .comment:hover:visited, #hs-container .commententry input[type="submit"]:hover, #hs-container .j-formnew input[type='submit']:hover, #hs-container .j-downloadDocument .cc-m-download-link:hover, #hs-container .j-newsletterbox input[type='submit']:hover, .cc-pagemode-overlay #hs-container input[type="submit"].submitUser:hover, #hs-container .j-rss br + a[target="_blank"]:hover, #hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:active, #hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active, #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active, #hs-container .j-blogarticle .blogreadmore:active:link, #hs-container .j-blogarticle .blogreadmore:active:visited, #hs-container .j-blogarticle .comment:active:link, #hs-container .j-blogarticle .comment:active:visited, #hs-container .post .blogreadmore:active:link, #hs-container .post .blogreadmore:active:visited, #hs-container .post .comment:active:link, #hs-container .post .comment:active:visited, #hs-container .commententry input[type="submit"]:active, #hs-container .j-formnew input[type='submit']:active, #hs-container .j-downloadDocument .cc-m-download-link:active, #hs-container .j-newsletterbox input[type='submit']:active, #hs-container .cc-pagemode-overlay input[type="submit"].submitUser:active, #hs-container .j-rss br + a[target="_blank"]:active, #hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:focus, #hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus, #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus, #hs-container .j-blogarticle .blogreadmore:focus:link, #hs-container .j-blogarticle .blogreadmore:focus:visited, #hs-container .j-blogarticle .comment:focus:link, #hs-container .j-blogarticle .comment:focus:visited, #hs-container .post .blogreadmore:focus:link, #hs-container .post .blogreadmore:focus:visited, .post .comment:focus:link, #hs-container .post .comment:focus:visited, #hs-container .commententry input[type="submit"]:focus, #hs-container .j-formnew input[type='submit']:focus, #hs-container .j-downloadDocument .cc-m-download-link:focus, #hs-container .j-newsletterbox input[type='submit']:focus, .cc-pagemode-overlay #hs-container input[type="submit"].submitUser:focus, #hs-container .j-rss br+a[target="_blank"]:focus, #hs-container input#mc-embedded-subscribe.button:hover, a.j-calltoaction-link.j-calltoaction-link-style-1:hover, a.j-calltoaction-link.j-calltoaction-link-style-2:hover, a.j-calltoaction-link.j-calltoaction-link-style-3:hover {
	/*border: none;*/
	/*background: #343434!important;*//* color 2 */
	/*color: #fff;*/
}
/* input button with round style */
#hs-container .round-btn .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .round-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .round-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .round-btn .j-blogarticle .blogreadmore:link, #hs-container .round-btn .j-blogarticle .blogreadmore:visited, #hs-container .round-btn .j-blogarticle .comment:link, #hs-container .round-btn .j-blogarticle .comment:visited, #hs-container .round-btn .post .blogreadmore:link, #hs-container .round-btn .post .blogreadmore:visited, #hs-container .round-btn .post .comment:link, #hs-container .round-btn .post .comment:visited, #hs-container .round-btn .commententry input[type="submit"], #hs-container .round-btn .j-formnew input[type='submit'], #hs-container .round-btn .j-downloadDocument .cc-m-download-link, #hs-container .round-btn .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .round-btn input[type="submit"].submitUser, #hs-container .round-btn .j-rss br+a[target="_blank"], #hs-container .round-btn input#mc-embedded-subscribe.button, #hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-1, #hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-2, #hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-3 {
	border-radius: 500px;
}
/* input button with mid-round style */
#hs-container .mid-round-btn .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .mid-round-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .mid-round-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .mid-round-btn .j-blogarticle .blogreadmore:link, #hs-container .mid-round-btn .j-blogarticle .blogreadmore:visited, #hs-container .mid-round-btn .j-blogarticle .comment:link, #hs-container .mid-round-btn .j-blogarticle .comment:visited, #hs-container .mid-round-btn .post .blogreadmore:link, #hs-container .mid-round-btn .post .blogreadmore:visited, #hs-container .mid-round-btn .post .comment:link, #hs-container .mid-round-btn .post .comment:visited, #hs-container .mid-round-btn .commententry input[type="submit"], #hs-container .mid-round-btn .j-formnew input[type='submit'], #hs-container .mid-round-btn .j-downloadDocument .cc-m-download-link, #hs-container .mid-round-btn .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .mid-round-btn input[type="submit"].submitUser, #hs-container .mid-round-btn .j-rss br+a[target="_blank"], #hs-container .mid-round-btn input#mc-embedded-subscribe.button, #hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-1, #hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-2, #hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-3 {
	border-radius: 5px;
}
.cc-pagemode-overlay #hs-container input[type="submit"].submitUser, .cc-pagemode-overlay #hs-container input[type="submit"].submitUser:hover {
	color: #fff!important;
}
/* rss button */
#hs-container .j-rss br+a[target="_blank"], #hs-footer .j-rss br+a[target="_blank"] {
	background: #d0a068; /* color 1 */
	border: none;
	cursor: pointer;
	text-decoration: none;
	clear: both;
	display: inline-block;
	margin: 0;
	color: #fff;
	height: auto;
	padding: 10px 10px;
	-webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
/***  awesome buttons ***/
.hs-button {
	display: inline-block;
	background: #d0a068; /* color 1 */
	border: none;
	cursor: pointer;
	text-decoration: none;
	clear: both;
	margin: 0;
	color: #fff!important;
	height: auto;
	padding: 15px 30px;
	border-radius: 0;
	text-shadow: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.bg-round {
	border-radius: 500px;
}
.bg-round {
	border-radius: 500px;
}
.mid-round {
	border-radius: 3px;
}
.flat {
	-webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
}
.round {
	border-radius: 500px;
}
.hs-button:hover, .brand-bg .hs-button:hover {
	background: #343434!important; /* color 2 */
	color: #fff;
}
/* ghost white button */
#hs-container .ghost-white {
	border: 2px solid #fff;
	color: #fff;
	background: transparent;
}
#hs-container .ghost-white:hover {
	background: #fff!important;
	color: #666!important;
	border: 2px solid transparent!important;
}
/* ghost dark button */
#hs-container .ghost-dark {
	border: 2px solid #111;
	color: #111!important;
	background: transparent;
}
#hs-container .ghost-dark:hover {
	background: #111!important;
	color: #fff!important;
	border: 2px solid transparent!important;
}
#hs-container .ghost-white.mid-round-border, #hs-container .ghost-dark.mid-round-border {
	border-radius: 5px;
}
#hs-container .smaller {
	padding: 7px 25px;
	font-size: 90%;
}
#hs-container .bigger {
	padding: 15px 55px;
}
#hs-container .round {
	border-radius: 500px;
}
/* spinner */
#hs-container .j-formnew .cc-m-form-view-sortable input.cc-spinner-input, #hs-footer .j-formnew .cc-m-form-view-sortable input.cc-spinner-input {
	padding: 0;
	margin: 0;
	background: none;
	margin-bottom: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*** form note ***/
#hs-container .cc-m-form-note {
	padding: 3px 0 3px 20px;
	margin-top: 10px;
	font-size: 11px;
}
.form-white .cc-m-form-note {
	border-top: 1px solid #ccc;
}
.form-dark .cc-m-form-note {
	border-top: 1px solid #343434; /* color 2 */
}
.form-line .cc-m-form-note {
	border-top: 1px solid #777;
}
.cc-pagemode-overlay #hs-container input.submitUser {
	margin-bottom: 10px;
}
.inner dt#mandFields-label {
	margin-top: 15px;
}
/*** responsive video ***/
#hs-container .cc-m-video-wrapper {
	width: 100%!important;
}
/*** tubular plugin ***/
#tubular-container {
	display: none;
}
.cc-indexpage #tubular-container, .main-page #tubular-container {
	display: block;
}
/*** blog styles ***/
#hs-container .j-blogSelection {
	display: none;
}
.matrix #hs-container .j-blogSelection {
	display: block;
}
#hs-container div.datetime.dt-style3 {
	width: auto;
	height: auto;
	margin: 0 0 10px 10px;
	background: none;
	border-radius: 0px;
	border: 2px solid #d0a068; /* color 1 */
	-webkit-box-shadow: none;
	        box-shadow: none;
}
/* custom blog style3 */
#hs-container div.datetime.dt-style5 {
	border-bottom: none!important;
}
/* blog date */
#hs-container .datetime-inner p {
	font-size: 100%;
	font-weight: 200;
}
/* blogreadmore link */
#hs-container .j-blogarticle .blogreadmore:link {
	float: left;
	margin: 0;
	padding: 6px 15px;
}
/* metatag */
p.postmeta {
	display: none;
}
/* comment link */
#hs-container span.comment {
	float: right;
	background-image: none;
}
#hs-container a.cc-pinterest-link {
	float: left;
}
/*** Twitter widget ***/
#hs-container div.cc-m-twitter ul li, #hs-footer div.cc-m-twitter ul li {
	padding: 0 0 15px 25px !important;
	background: url(twitter.png) no-repeat 0 3px !important;
}
#hs-container .ie-6 div.cc-m-twitter ul li, #hs-footer .ie-6 div.cc-m-twitter ul li {
	background: url(twitter.png) no-repeat 0 3px !important;
}
#hs-container div.cc-m-twitter ul li span, #hs-footer div.cc-m-twitter ul li span {
	display: block;
	padding-left: 5px !important;
	overflow: hidden;
}
/*** shopping cart ***/
.sc-wrapper {
	float: right;
	margin: 0;
	position: relative;
}
.j-cart {
	top: 5px!important;
	right: 5px!important;
}
a.j-shop-addtocard-response--backward.is-close {
	margin-bottom: 5px!important;
}
.no-icon .j-cart.is-empty {
	display: none;
}
/*** Styling online store ***/
#hs-container .cc-m-hgrid-column div.cc-shop-product-size-1 div.cc-shop-product-desc, #hs-container .cc-m-hgrid-column div.cc-shop-product-size-2 div.cc-shop-product-desc, #hs-container .cc-m-hgrid-column div.cc-shop-product-size-3 div.cc-shop-product-desc {
	margin-left: 0px;
	clear: both;
	padding-top: 20px;
}
#hs-container span.fn {
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
}
#hs-container .cc-catalog-container-new .cc-product-title {
	font-weight: normal;
	margin-top: 5px;
}
#hs-container .cc-catalog-wrapper span a {
	font-size: 16px;
	line-height: 20px;
}
#hs-container div.cc-checkout-subheadings {
	border-bottom: 3px solid #242424; /* color 3 */
}
#hs-container table.cc-checkout-products th {
	border-bottom: 3px solid #242424; /* color 3 */
	background: #242424; /* color 3 */
	color: #fff;
}
#hs-container th.cc-right.cc-cart-quantity {
	text-align: center!important;
}
#hs-container .j-product {
	padding: 30px 0;
}
#hs-container .j-product .cc-shop-product-desc h4 {
	font-weight: 300;
	font-size: 1.4em;
}
#hs-container .j-product .cc-shop-product-desc .cc-shop-product-price-container {
	margin: 15px 0;
}
#hs-container .j-product .cc-shop-product-desc .cc-shop-product-price-item {
	display: inline;
	padding-right: 15px;
}
#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard {
	border: 0;
}
#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:before {
	display: none;
}
#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard span {
	text-shadow: none;
}
#hs-container .j-product .cc-shop-product-desc .cc-product-infolink a:link, #hs-container .j-product .cc-shop-product-desc .cc-product-infolink a:visited {
	font-size: 85%;
}
#hs-container .j-product .cc-shop-product-availability {
	padding: 0;
	margin-top: 25px;
}
#hs-container .cc-catalog-container-new .cc-catalog-sliderview {
	width: 100%!important;
}
#hs-container .cc-webview-product.hlisting {
	margin-right: 25px;/* important */
	border-right: solid 10px transparent;
}
#hs-container .cc-catalog-container-new .cc-catalog-sliderview .cc-catalog-wrapper {
	margin: 0 60px!important;
}
#hs-container input.cc-checkout-btn {
	float: left;
	font-weight: normal;
}
#hs-container a.cc-shop-addtocard, #hs-container a.cc-shop-addtocard:visited, #hs-container a.cc-sidecart-checkout, #hs-container a.cc-sidecart-checkout:visited, #hs-container input.cc-checkout-btn {
	text-shadow: none;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
/* check-out page */
#hs-container #cc-checkout-steps {
	list-style-type: none;
	margin: 0 0 1em;
	padding: 40px 0 0;
	text-align: center;
	border-bottom: 3px solid #242424; /* color 3 */
}
#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products .cc-checkout-total {
	border-top: 3px solid #242424; /* color 3 */
	border-bottom: 0;
	font-weight: 700;
}
#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products .cc-checkout-hint {
	font-style: italic;
	font-size: 90%;
}
#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products img {
	float: left;
	margin: 5px 10px 5px 5px
}
#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-paymentoption {
	padding: 0;
	list-style: none
}
/*** hover image overlay ***/
#hs-container .n.j-imageSubtitle a img, #hs-footer .n.j-imageSubtitle a img, #hs-container a.cc-webview-product-image img {
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
#hs-container .n.j-imageSubtitle a img:hover, #hs-footer .n.j-imageSubtitle a img:hover, #hs-container a.cc-webview-product-image img:hover {
	opacity: 0.8;
}
/*** tagcloud style 1 ***/
.tagcloud a {
	display: block;
	float: left;
	padding: 10px 15px;
	margin-bottom: 5px;
	margin-right: 5px;
	background: #d0a068; /* color 1 */
	color: #fff!important;
	text-decoration: none !important;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.tagcloud.bg-round a {
	border-radius: 500px;
}
.tagcloud.mid-round a {
	border-radius: 5px;
}
.tagcloud a:hover, .brand-bg .tagcloud a:hover {
	background: #666;
	color: #fff!important;
}
/*** Content teaser ***/
.content-teaser {
	width: auto;
	padding: 10px;
	background: #f5f5f5;
	background-repeat: repeat;
	border-left: 3px solid #111;
}
.content-teaser .hs-left {
	padding-bottom: 5px;
}
/*** blockquote ***/
.quote-teaser {


	background: url(quote-mark.png) no-repeat 20px 20px;
	background-color: #f5f5f5;
	padding: 20px;
	border-left: 3px solid #111;
}
blockquote p {
	font-family: Georgia, Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #333;
	padding: 10px 0 10px 35px;
}
blockquote cite {
	font-style: normal;
	display: block;
	text-align: right;
	font-size: 10px;
	font-weight: 700;
	color: #666;
	letter-spacing: 1px;
}
/* quote teaser style 2 */
.quote-teaser2 {
	background: url(quote-mark.png) top center no-repeat;
	padding: 10px;
	border-left: none;
}
.quote-teaser2 blockquote p {
	text-align: center;
	color: #333;
	padding: 40px 10px 10px;
}
.quote-teaser2 blockquote {
	margin: 0!important;
}
.quote-teaser2 blockquote cite {
	text-align: center;
}
/*** fullwidth section ***/
.hs-fullwidth {
	margin: -5px -500%;
	padding: 1.5em 500%;
}
.hs-fullwidth-grey {
	margin: -5px -500%;
	padding: 1.5em 500%;
	background: #ccc;
	display: none;
}
.hs-fullwidth-dark {
	margin: -5px -500%;
	padding: 1.5em 500%;
	background: #424242;
	display: none;
}
.hs-fullwidth-dark, .hs-fullwidth-dark p, .hs-fullwidth-dark td, .hs-fullwidth-dark table, .hs-fullwidth-dark h1, .hs-fullwidth-dark h2, .hs-fullwidth-dark h3, .hs-fullwidth-dark h4, .hs-fullwidth-dark span {
	color: #fff;
}
.hs-fullwidth-color {
	margin: -5px -500%;
	padding: 1.5em 500%;
	background: #c0d34b;
	display: none;
}
.hs-fullwidth-color, .hs-fullwidth-color p, .hs-fullwidth-color td, .hs-fullwidth-color table, .hs-fullwidth-color h1, .hs-fullwidth-color h2, .hs-fullwidth-color h3, .hs-fullwidth-color h4, .hs-fullwidth-color span {
	color: #fff;
}
.bg-holder {
	width: 100%;
	height: 100%;
}
.bg-holder#pic1 {
	background-image: url(parallax.jpg);
}
.bg-holder#pic2 {
	background-image: url(parallax2.jpg);
}
/*** thumbnail image hover ***/
.hs-thumbnail {
	position: relative;
}
.hs-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
.hs-thumbnail:hover .thumbnail-hover {
	opacity: 1;
	filter: alpha(opacity=100); /*for ie older browsers*/
}
.thumbnail-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(plus-icon.png) no-repeat scroll center center;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: .0;
	-ms-filter: "alpha(opacity=0)";
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.info-icon {
	background: url(info-icon.png) no-repeat scroll center center;
}
.arrow-icon {
	background: url(arrow-icon.png) no-repeat scroll center center;
}
.map-icon {
	background: url(map-icon.png) no-repeat scroll center center;
}
.zoom-icon {
	background: url(zoom-icon.png) no-repeat scroll center center;
}
.thumbnail-hover {
	background-color: rgba(0,0,0,0.7);
}
.thumbnail-hover a {
	display: block;
	width: 100%;
	height: 100%;
}
/* description */
.hs-description {
	padding: 20px;
	background: #f5f5f5;
}
.hs-description p {
	color: #333;
	margin-top: 5px;
}
.hs-description h3 a {
	text-decoration: none;
}
/*** mid boxes ***/
.half-fullwidth:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.mid-box-left {
	float: left;
	width: 50%;
	margin: -5px 0 -5px -500%;
	padding: 1.5em 0 1.5em 500%;
}
.mid-box-right {
	float: right;
	width: 50%;
	margin: -5px -500% -5px 0;
	padding: 1.5em 500% 1.5em 0;
}
/*** image caption for center aligned only ***/
#hs-container div.caption.cc-m-image-align-3, #hs-container .cc-imagewrapper.cc-m-image-align-3 figcaption {
	background: #d0a068; /* color 1 */
	padding: 7px 0;
	color: #fff;
	text-align: center;
}
/*** image caption for right aligned only ***/
#hs-container .j-imageSubtitle figure, #hs-container .j-textWithImage figure {
	position: relative
}
#hs-container div.caption.cc-m-image-align-2, #hs-container .cc-imagewrapper.cc-m-image-align-2 figcaption {
	position: relative;
	bottom: 50px;
	right: 5px;
	width: auto!important;
	background-color: rgba(52,52,52,0.7);
	color: #fff;
	padding: .6rem 1.4rem;
	font-weight: normal;
	text-align: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
/* remove padding for empty caption */
#hs-container div.caption.cc-m-image-align-2 .cc-m-figcaption-empty, #hs-container div.caption.cc-m-image-align-3 .cc-m-figcaption-empty, #hs-container .cc-imagewrapper.cc-m-image-align-2 .cc-m-figcaption-empty, #hs-container .cc-imagewrapper.cc-m-image-align-3 .cc-m-figcaption-empty {
	padding: 0
}
#hs-container .j-hgrid .cc-imagewrapper.cc-m-image-align-3 figcaption, #hs-container .j-hgrid div.caption.cc-m-image-align-3 {
	max-width: 100%!important;
}
/* responsive image */
.resp-img img {
	max-width: 100%;
	height: auto;
}
/*** styled links ***/
.links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none !important;
}
.links li, .style-white .links li {
	padding: 9px 0;
	border-bottom: 1px solid #ccc;
}
.style-dark .links li {
	padding: 9px 0;
	border-bottom: 1px solid #343434; /* color 2 */
}
.links li a, .style-white .links li a {
	text-decoration: none;
	color: #343434; /* color 2 */
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.style-dark .links li a {
	color: #ccc;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.links li a:hover {
	color: #d0a068; /* color 1 */
}
.style-dark .links li a:hover {
	color: #fff;
}
/* plus links */
#hs-container .plus ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#hs-container .plus li {
	padding: 10px 0;
}
.plus li a, .style-white .plus li a {
	text-decoration: none;
	padding: 5px 0 5px 20px;
	background: url(plus-grey.png) no-repeat 0px 10px;
	color: #888;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.plus li a:hover, .style-white .plus li a:hover {
	color: #d0a068; /* color 1 */
}
.style-dark li a:hover {
	color: #fff;
}
/*** social bookmarking icons ***/
.social {
	display: inline-block;
	clear: both;
}
#hs-header .social {
	display: inline;
	float: right;
	clear: none;
	margin-top: 3px;
	text-align: right;
}
a.social {
	background: url(hs-sprite.png) 0 0 no-repeat;
	background-color: #666;
	border: none;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin: 0 0 0 1px;
	text-indent: -9999px;
	transition: background .2s linear;
	-moz-transition: background .2s linear;
	-webkit-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition: background .2s linear;
}
.social.behance {
	background-position: 0 0;
}
.social.behance:hover {
	background-position: 0 -40px;
	background-color: #1f70ee !important;
}
.social.blogger {
	background-position: -40px 0;
}
.social.blogger:hover {
	background-position: -40px -40px;
	background-color: #ff6a0d !important;
}
.social.deviantart {
	background-position: -80px 0;
}
.social.deviantart:hover {
	background-position: -80px -40px;
	background-color: #cfdd20 !important;
}
.social.dribbble {
	background-position: -120px 0;
}
.social.dribbble:hover {
	background-position: -120px -40px;
	background-color: #ea4c89 !important;
}
.social.evernote {
	background-position: -160px 0;
}
.social.evernote:hover {
	background-position: -160px -40px;
	background-color: #6bb130 !important;
}
.social.facebook {
	background-position: -200px 0;
}
.social.facebook:hover {
	background-position: -200px -40px;
	background-color: #6190ec !important;
}
.social.flickr {
	background-position: -240px 0;
}
.social.flickr:hover {
	background-position: -240px -40px;
	background-color: #ececec !important;
}
.social.forrst {
	background-position: -280px 0;
}
.social.forrst:hover {
	background-position: -280px -40px;
	background-color: #5b9a68 !important;
}
.social.googleplus {
	background-position: -320px 0;
}
.social.googleplus:hover {
	background-position: -320px -40px;
	background-color: #cf3b28 !important;
}
.social.instagram {
	background-position: -360px 0;
}
.social.instagram:hover {
	background-position: -360px -40px;
	background-color: #517fa6 !important;
}
.social.lastfm {
	background-position: -400px 0;
}
.social.lastfm:hover {
	background-position: -400px -40px;
	background-color: #dc1303 !important;
}
.social.linkedin {
	background-position: -440px 0;
}
.social.linkedin:hover {
	background-position: -440px -40px;
	background-color: #24a9da !important;
}
.social.xing {
	background-position: -480px 0;
}
.social.xing:hover {
	background-position: -480px -40px;
	background-color: #046064 !important;
}
.social.paypal {
	background-position: -520px 0;
}
.social.paypal:hover {
	background-position: -520px -40px;
	background-color: #4c94de !important;
}
.social.pinterest {
	background-position: -560px 0;
}
.social.pinterest:hover {
	background-position: -560px -40px;
	background-color: #cb2027 !important;
}
.social.skype {
	background-position: -600px 0;
}
.social.skype:hover {
	background-position: -600px -40px;
	background-color: #63d5ff !important;
}
.social.tumblr {
	background-position: -640px 0;
}
.social.tumblr:hover {
	background-position: -640px -40px;
	background-color: #5c88af !important;
}
.social.twitter {
	background-position: -680px 0;
}
.social.twitter:hover {
	background-position: -680px -40px;
	background-color: #4fd7dc !important;
}
.social.vimeo {
	background-position: -720px 0;
}
.social.vimeo:hover {
	background-position: -720px -40px;
	background-color: #1ab7ea !important;
}
.social.youtube {
	background-position: -760px 0;
}
.social.youtube:hover {
	background-position: -760px -40px;
	background-color: #cd2525 !important;
}
a.social.grey-color {
	background-color: #ccc!important;
}
a.social.dark-color {
	background-color: #111!important;
}
/*** Skills ***/
.skill {
	margin-top: 20px
}
div .skill:first-child {
	margin-top: 0
}
.skill .skill_bar {
	background: #f2f2f1;
	height: 30px;
	width: 100%;
	position: relative
}
.skill-small .skill_bar {
	height: 15px;
	width: 100%
}
.skill .skill_bar .skill_active {
	background: #d0a068; /* color 1 */
	height: 100%
}
.skill .skill_bar span {
	color: #fff;
	position: absolute;
	top: 10px;
	left: 10px;
	line-height: 10px;
	font-size: 10px;
}
.skill-small .skill_bar span {
	top: 3px;
 left:3px;  font-size:10px
}
/*** jQuery toggles & tabs ***/
.toggle {
	padding: 10px 0;
	font-weight: bold;
}
.toggle a.switch {
	color: #999;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 21px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.toggle a.switch:first-child {
	border: none;
	padding: 0;
}
.toggle a.switch {
	background-color: #444;
	background-image: url(plus.png);
	background-size: 7px 7px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	margin-right: 10px;
	height: 21px;
	width: 21px;
}
.toggle a.switch.opened {
	background-color: #666;
	background-image: url(minus.png);
}
.toggle .content {
	margin: 10px 0 0;
	padding: 0;
}
/*** tabs ***/
ul.tabs-nav {
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.tabs-nav > li {
	display: inline-block;
	margin-right: 1px;
	margin-bottom: -1px;
}
ul.tabs-nav > li > a {
	background-color: #444;
	color: #ccc;
	font-size: 14px;
	display: block;
	text-decoration: none;
	padding: 8px 20px;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
}
ul.tabs-nav > li > a:hover {
	color: #fff;
	background-color: #666;
}
ul.tabs-nav > li.active > a {
	color: #fff;
	background-color: #666;
}
div.tabs-container {
	padding: 20px 0;
	border-top: 1px solid #444;
}
/* -------------------------------------------------------------------------------- /
	[7]	HELPER CLASSES
/ -------------------------------------------------------------------------------- */

/* text colors for dark backgrounds */
.color-white, .color-white p, .color-white td, .color-white table, .color-white span, .color-white h1, .color-white h2, .color-white h3 {
	color: #fff;
}
/* text colors for white backgrounds */
.color-dark, .color-dark p, .color-dark td, .color-dark table, .color-dark span, .color-dark h1, .color-dark h2, .color-dark h3 {
	color: #333;
}
.color-primary {
	color: #d0a068; /* color 1 */
}
.color-secondary {
	color: #ae895d;
}
.color-grey {
	color: #ccc;
}
/* backgrounds */
.bg-primary {
	background: #d0a068; /* color 1 */
}
.bg-secondary {
	background: #ae895d;
}
.bg-primary-dark {
	background: #343434;/* color 2 */
}
.bg-secondary-dark {
	background: #242424; /* color 3 */
}
.bg-grey {
	background: #ececec;
}
.bg-white {
	background: #ffffff;
}
.bg-white, .brand-bg .bg-white {
	background: #ffffff;
}
a.hs-button.bg-white {
	color: #333!important;
}
a.hs-button.bg-white:hover {
	color: #fff!important;
}
.bg-transparent {
	background: none;
}
/* links colors */
.link-dark a:link, .link-dark a:visited {
	color: #444;
}
.link-white a:link, .link-white a:visited {
	color: #fff;
}
#hs-container .link-grey a:link, #hs-container .link-grey a:visited {
	color: #ccc;
}
#hs-container .link-grey a:hover:link, #hs-container .link-grey a:visited:hover {
	color: #fff;
}
/* basic colors */
#hs-container .green {
	background: #90C695;
}
#hs-container .blue {
	background: #81CFE0;
}
#hs-container .red {
	background: #EF4836;
}
#hs-container .pink {
	background: #D2527F;
}
#hs-container .purple {
	background: #9B59B6;
}
#hs-container .yellow {
	background: #F5D76E;
}
#hs-container .conifer {
	background: #c0d34b;
}
#hs-container .grey {
	background: #ececec;
}
/*** flat color list ***/
/* source: https://flatuicolors.com/ */
#hs-container .turquoise {
	background: #1dd2af;
}
#hs-container .emerald {
	background: #2ecc71;
}
#hs-container .peter-river {
	background: #3498db;
}
#hs-container .amethyst {
	background: #9b59b6;
}
#hs-container .wet-asphalt {
	background: #34495e;
}
#hs-container .green-sea {
	background: #16a085;
}
#hs-container .nephritis {
	background: #27ae60;
}
#hs-container .belize-hole {
	background: #2980b9;
}
#hs-container .wisteria {
	background: #8e44ad;
}
#hs-container .midnight-blue {
	background: #2c3e50;
}
#hs-container .sun-flower {
	background: #f1c40f;
}
#hs-container .carrot {
	background: #e67e22;
}
#hs-container .alizarin {
	background: #e74c3c;
}
#hs-container .clouds {
	background: #efefef;
}
#hs-container .concrete {
	background: #95a5a6;
}
#hs-container .orange {
	background: #f39c12;
}
#hs-container .pumking {
	background: #d35400;
}
#hs-container .pomegranate {
	background: #c0392b;
}
#hs-container .silver {
	background: #bdc3c7;
}
#hs-container .asbestos {
	background: #7f8c8d;
}
#hs-container .jimdo-blue {
	background: #1ba9e1;
}
#hs-container .jimdo-green {
	background: #c0d34b;
}
#hs-container .bg-image {
	background-image: url(arches.png);
	background-repeat: repeat;
}
/* font-weight */
#hs-container .weight-300 {
	font-weight: 300;
}
#hs-container .weight-400 {
	font-weight: 400;
}
#hs-container .weight-600 {
	font-weight: 600;
}
#hs-container .weight-700 {
	font-weight: 700;
}
#hs-container .weight-800 {
	font-weight: 800;
}
/* remove uppercase style */
#hs-container .lowercase h1, #hs-container .lowercase h2, #hs-container .lowercase h3, #hs-container .lowercase .j-nav-variant-nested, #hs-container .lowercase .j-nav-variant-standard, #hs-container .lowercase .j-nav-variant-breadcrumb, .cc-page.lowercase .slicknav_nav a, #hs-container .lowercase a.readmore, #hs-container .lowercase .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .lowercase #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .lowercase #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .lowercase .j-blogarticle .blogreadmore:link, #hs-container .lowercase .j-blogarticle .blogreadmore:visited, #hs-container .lowercase .j-blogarticle .comment:link, #hs-container .lowercase .j-blogarticle .comment:visited, #hs-container .lowercase .post .blogreadmore:link, #hs-container .lowercase .post .blogreadmore:visited, #hs-container .lowercase .post .comment:link, #hs-container .lowercase .post .comment:visited, #hs-container .lowercase .commententry input[type="submit"], #hs-container .lowercase .j-formnew input[type='submit'], #hs-container .lowercase .j-downloadDocument .cc-m-download-link, #hs-container .lowercase .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .lowercase input[type="submit"].submitUser, #hs-container .lowercase .j-rss br+a[target="_blank"], #hs-container .lowercase input#mc-embedded-subscribe.button, .lowercase a.j-calltoaction-link.j-calltoaction-link-style-1, .lowercase a.j-calltoaction-link.j-calltoaction-link-style-2, .lowercase a.j-calltoaction-link.j-calltoaction-link-style-3, #hs-container .lowercase .hs-button, #hs-container .lowercase span.fn, #hs-container .lowercase .cc-catalog-wrapper span a, #hs-container .lowercase div.caption.cc-m-image-align-3, #hs-container .lowercase .cc-imagewrapper.cc-m-image-align-3 figcaption {
	text-transform: none;
}
/* remove letter-spacing */
#hs-container .no-space h1, #hs-container .no-space h2, #hs-container .no-space h3, #hs-container .no-space .j-nav-variant-nested, #hs-container .no-space .j-nav-variant-standard, #hs-container .no-space .j-nav-variant-breadcrumb, .cc-page .no-space .slicknav_nav a, #hs-container .no-space a.readmore, #hs-container .no-space .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .no-space #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .no-space #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .no-space .j-blogarticle .blogreadmore:link, #hs-container .no-space .j-blogarticle .blogreadmore:visited, #hs-container .no-space .j-blogarticle .comment:link, #hs-container .no-space .j-blogarticle .comment:visited, #hs-container .no-space .post .blogreadmore:link, #hs-container .no-space .post .blogreadmore:visited, #hs-container .no-space .post .comment:link, #hs-container .no-space .post .comment:visited, #hs-container .no-space .commententry input[type="submit"], #hs-container .no-space .j-formnew input[type='submit'], #hs-container .no-space .j-downloadDocument .cc-m-download-link, #hs-container .no-space .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .no-space input[type="submit"].submitUser, #hs-container .no-space .j-rss br+a[target="_blank"], #hs-container .no-space input#mc-embedded-subscribe.button, .no-space a.j-calltoaction-link.j-calltoaction-link-style-1, .no-space a.j-calltoaction-link.j-calltoaction-link-style-2, .no-space a.j-calltoaction-link.j-calltoaction-link-style-3, #hs-container .no-space .hs-button, #hs-container .no-space span.fn, #hs-container .no-space .cc-catalog-wrapper span a, #hs-container .no-space div.caption.cc-m-image-align-3, #hs-container .no-space .cc-imagewrapper.cc-m-image-align-3 figcaption {
	letter-spacing: 0;
}
/* remove google font */
#hs-container .no-g-font h1, #hs-container .no-g-font h2, #hs-container .no-g-font h3, #hs-container .no-g-font .j-nav-variant-nested, #hs-container .no-g-font .j-nav-variant-standard, #hs-container .no-g-font .j-nav-variant-breadcrumb, .cc-page .no-g-font .slicknav_nav a, #hs-container .no-g-font a.readmore, #hs-container .no-g-font .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .no-g-font #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .no-g-font #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .no-g-font .j-blogarticle .blogreadmore:link, #hs-container .no-g-font .j-blogarticle .blogreadmore:visited, #hs-container .no-g-font .j-blogarticle .comment:link, #hs-container .no-g-font .j-blogarticle .comment:visited, #hs-container .no-g-font .post .blogreadmore:link, #hs-container .no-g-font .post .blogreadmore:visited, #hs-container .no-g-font .post .comment:link, #hs-container .no-g-font .post .comment:visited, #hs-container .no-g-font .commententry input[type="submit"], #hs-container .no-g-font .j-formnew input[type='submit'], #hs-container .no-g-font .j-downloadDocument .cc-m-download-link, #hs-container .no-g-font .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .no-g-font input[type="submit"].submitUser, #hs-container .no-g-font .j-rss br+a[target="_blank"], #hs-container .no-g-font input#mc-embedded-subscribe.button, .no-g-font a.j-calltoaction-link.j-calltoaction-link-style-1, .no-g-font a.j-calltoaction-link.j-calltoaction-link-style-2, .no-g-font a.j-calltoaction-link.j-calltoaction-link-style-3, #hs-container .no-g-font .hs-button, #hs-container .no-space span.fn, #hs-container .no-g-font .cc-catalog-wrapper span a, #hs-container .no-g-font div.caption.cc-m-image-align-3, #hs-container .no-g-font .cc-imagewrapper.cc-m-image-align-3 figcaption {
	font-family: Helvetica, Arial, sans-serif;
}
/*** must have elements ***/
.size-11 {
	font-size: 11px;
}
.size-12 {
	font-size: 12px;
}
.size-13 {
	font-size: 13px;
}
.size-14 {
	font-size: 14px;
}
.size-15 {
	font-size: 15px;
}
.size-16 {
	font-size: 16px;
}
.size-17 {
	font-size: 17px;
}
.size-18 {
	font-size: 18px;
}
.size-19 {
	font-size: 19px;
}
.size-20 {
	font-size: 20px;
}
.size-25 {
	font-size: 25px;
}
.size-30 {
	font-size: 30px;
}
.max-height-40 img {
	max-height: 40px;
}
.max-height-50 img {
	max-height: 50px;
}
.max-height-60 img {
	max-height: 60px;
}
.max-height-70 img {
	max-height: 70px;
}
.max-height-80 img {
	max-height: 80px;
}
.max-height-90 img {
	max-height: 90px;
}
.max-height-100 img {
	max-height: 100px;
}
.big {
	font-size: 300%!important;
}
.small {
	font-size: 90%!important;
}
.dashed-border {
	outline: 1px dashed #ccc;
	outline-offset: -5px;
}
.solid-border {
	outline: 1px solid #ccc;
	outline-offset: -5px;
}
.white-solid-border {
	outline: 1px solid #ccc;
	outline-offset: -5px;
}
.no-border {
	border: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-bottom: none;
}
.add-border {
	border: 1px solid #303030;
}
.add-border2 {
	border: 2px solid #303030;
}
.add-border3 {
	border: 3px solid #303030;
}
/* paddings and margins */
.remove-padding {
	padding: 0;
}
.remove-padding-top {
	padding-top: 0;
}
.remove-padding-bottom {
	padding-bottom: 0;
}
.remove-padding-left {
	padding-left: 0;
}
.remove-padding-right {
	padding-right: 0;
}
.remove-margin {
	margin: 0;
}
.remove-margin-top {
	padding-top: 0;
}
.remove-margin-bottom {
	margin-bottom: 0;
}
.remove-margin-left {
	margin-left: 0;
}
.remove-margin-right {
	margin-right: 0;
}
.add-top-5 {
	padding-top: 5px;
}
.add-top-10 {
	padding-top: 10px;
}
.add-top-20 {
	padding-top: 20px;
}
.add-top-40 {
	padding-top: 40px;
}
.add-top-50 {
	padding-top: 50px;
}
.add-right-5 {
	padding-right: 5px;
}
.add-right-10 {
	padding-right: 10px;
}
.add-right-20 {
	padding-right: 20px;
}
.add-right-40 {
	padding-right: 40px;
}
.add-right-50 {
	padding-right: 50px;
}
.add-bottom-5 {
	padding-bottom: 5px;
}
.add-bottom-10 {
	padding-bottom: 10px;
}
.add-bottom-20 {
	padding-bottom: 20px;
}
.add-bottom-40 {
	padding-bottom: 40px;
}
.add-bottom-50 {
	padding-bottom: 40px;
}
.add-left-5 {
	padding-left: 5px;
}
.add-left-10 {
	padding-left: 10px;
}
.add-left-20 {
	padding-left: 20px;
}
.add-left-40 {
	padding-left: 40px;
}
.add-left-50 {
	padding-left: 50px;
}
.add-5 {
	padding: 5px;
}
.add-10 {
	padding: 10px;
}
.add-15 {
	padding: 15px;
}
.add-20 {
	padding: 20px;
}
.hs-left {
	float: left;
	width:33.3333%;
}
.hs-right {
	float: right;
	width:33.3333%;
}
.hs-center {
	float: none;
	margin: 0 auto;
	text-align: center;
	width:33.3333%;
}
.center-align {
	display: table;
	margin: 0 auto;
}
.left-align {
	float: left;
}
.right-align {
	float: right;
}
.hs-iframe {
	overflow: hidden;
}
/* horizontal line */
#hs-container .hr {
	border-bottom-width: 1px;
	height: 1px;
	border-bottom-width: 1px;
}
#hs-container .mid-line .hr {
	border-bottom-width: 2px;
	height: 2px;
	border-bottom-width: 2px;
	border-color: transparent;
}
#hs-container .big-line .hr {
	border-bottom-width: 4px;
	height: 4px;
	border-bottom-width: 4px;
	border-color: transparent;
}
#hs-container .hr .color-hr .hr {
	background: #d0a068; /* color 1 */
}
.dark-hr .hr {
	background: #222!important;
}
.grey-hr .hr {
	background: #ececec!important;
}
.white-hr .hr {
	background: #fff!important;
}
/*** display and hide widgets ***/
.only-mobile {
	display: none;
}
.matrix .only-mobile {
	display: block;
	border: 5px solid red;
}
.hidden, .invisible, .cd-btn {
	display: none;
}
.matrix .invisible {
	display: block;
	border: 5px solid #eb433e;
}
.matrix .cd-btn{
   position:fixed;
   bottom:0;
   left:0;
   width:100%;
   z-index:999999;
   font-family: "Brandon Text",Asap,Verdana,Arial,sans-serif!important;
   display:block;
   text-align:left;
   font-size:16px;
   padding:5px 20px;
   background: #F4F5F9;
   border-top: 2px solid rgba(50,51,53,.05);
   color:#747781!important;
   text-decoration:none!important;
}

.matrix .cd-btn:before {
    content: "\f0c9";
    font-family: FontAwesome;
     padding:0 5px 0 0;
 }

.matrix .cd-btn:hover {
   background:#E6E7F0!important;
}
.matrix-msg {
	background: #ff706b;
	color: #fff;
	padding: 7px;
}
#hs-container .invisible a:link, #hs-container .invisible a:visited {
	color: #fff!important;
}
/* -------------------------------------------------------------------------------- /
	追記　201704
/ -------------------------------------------------------------------------------- */
a img:hover{
	opacity: 0.75;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
.g-font h2 {
    font-size: 25px;
    color: #b29f62;
    font-weight: bolder;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	border-bottom:1px solid #b29f62;
	padding-bottom:10px;
text-align: center;
}



.topTitle1 p {
    font-size: 25px;
    text-align: center;
    font-weight: bolder;
    color: #b29f62;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    line-height: 2em;
}
.topTitle1 p.tTen {
    font-size: 12px;
}
.hs-left h1.h1text {
	font-size:18px;
	font-weight:2000;
}
#eyecatch {
	display:none;
}
.cc-indexpage #eyecatch {
	display:block;
	width:100%;
}
.cc-indexpage .eyecatch img {
	width:100%;
	height:auto;
}
.copyright {
	font-size:11px;
	text-align:center;
	padding:20px 0;
}
.f_nav ul {
    list-style: none;
    text-align: center;
}
.f_nav ul li {
	display:inline-block;
	padding:5px 10px;
	margin:0 11px;
}
.f_nav ul li a {
	color:#fff;
}
.f_nav ul li a:hover {
	opacity:0.7;
}
.jimdo-free-footer-ad.jimdo-kddi-footer {
    min-height: 30px;
    display: none;
}
div#cc-m-10973804393 {
    border-right: 1px solid #fff;
}
.infoBox {
    margin-top: 0px;
    height: 200px;
    overflow: auto;
    overflow-y: scroll;
}
/*施工実績*/
#cc-m-11175963572 .cc-m-hgrid-column {
    background: url(https://u.jimcdn.com/e/o/s61384b7d68f3b068/userlayout/img/futaba-19.jpg) no-repeat center center;
    background-size: cover;
	width:100%;
    margin: 0 -50%;
    padding: 0 50%;
    text-align: center;
}
img#cc-m-imagesubtitle-image-11175963672 {
	visibility:hidden;
}
@media only screen and (min-width:280px){
	#cc-m-11175963572 .cc-m-hgrid-column{
		min-height:200px;
	}
}
@media only screen and (min-width:400px){
	#cc-m-11175963572 .cc-m-hgrid-column{
		min-height:300px;
	}
}
@media only screen and (min-width:746px){
	#cc-m-11175963572 .cc-m-hgrid-column{
		min-height:350px;
	}
}
@media only screen and (min-width:1000px){
	#cc-m-11175963572 .cc-m-hgrid-column{
		min-height:350px;
	}
}
/*訪問レポート*/
#cc-m-11175970972 .cc-m-hgrid-column {
    background: url(https://u.jimcdn.com/e/o/s61384b7d68f3b068/userlayout/img/futaba-20.jpg?t=1494492931) no-repeat center center;
    background-size: cover;
	width:100%;
    margin: 0 -50%;
    padding: 0 50%;
    text-align: center;
}
img#cc-m-imagesubtitle-image-11175971172 {
	visibility:hidden;
}
@media only screen and (min-width:280px){
	#cc-m-11175970972 .cc-m-hgrid-column{
		min-height:200px;
	}
}
@media only screen and (min-width:400px){
	#cc-m-11175970972 .cc-m-hgrid-column{
		min-height:300px;
	}
}
@media only screen and (min-width:746px){
	#cc-m-11175970972 .cc-m-hgrid-column{
		min-height:350px;
	}
}
@media only screen and (min-width:1000px){
	#cc-m-11175970972 .cc-m-hgrid-column{
		min-height:350px;
	}
}
/*想い*/
#cc-m-11175982272 .cc-m-hgrid-column {
    background: url(https://u.jimcdn.com/e/o/s61384b7d68f3b068/userlayout/img/futaba-21.jpg) no-repeat center center;
    background-size: cover;
	width:100%;
    margin: 0 -50%;
    padding: 0 50%;
    text-align: center;
}
img#cc-m-imagesubtitle-image-11175982472 {
	visibility:hidden;
}
@media only screen and (min-width:280px){
	#cc-m-11175982272 .cc-m-hgrid-column{
		min-height:200px;
	}
}
@media only screen and (min-width:400px){
	#cc-m-11175982272 .cc-m-hgrid-column{
		min-height:300px;
	}
}
@media only screen and (min-width:746px){
	#cc-m-11175982272 .cc-m-hgrid-column{
		min-height:350px;
	}
}
@media only screen and (min-width:1000px){
	#cc-m-11175982272 .cc-m-hgrid-column{
		min-height:350px;
	}
}

.companyBtn {
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;
}
.companyBtn li {
	display:inline-block;
	padding:0 20px;
}
/* -------------------------------------------------------------------------------- /
	[8]	MEDIA QUERIES
/ -------------------------------------------------------------------------------- */


/*** Tablet Layout 768px ***/
@media only screen and (min-width: 746px) and (max-width: 1023px) {
.hs-logo {
	display:none;
}
.hs-left h1.h1text {
    font-size: 20px;
    font-weight: 500;
}
.hs-left {
	float: none;
	width:100%;
	text-align:right;
}
.hs-right {
	float: none;
	width:100%;
}
.hs-center {
	float: none;
	margin: 0 auto;
	text-align: center;
	width:100%;
}

.hs-logo-sp {
	display:inline-block;
	top: 5px;
    position: absolute;
}

/* main */
.inner {
	width:94%;
	margin:0 auto;
}
.cc-indexpage .hs-content, .hs-content {
	padding: 0;
}
.hs-content .gutter {
	padding: 20px 0 0px 0;
}
.sc-wrapper {
	top: 5px;
	right: 50px;
}
.fixed {
	position: relative!important;
}
.is-sticky .hs-header {
	background: transparent;
}
.j-cart--hover-popup {
	display: none!important;
}
.cc-indexpage #tubular-container, .main-page #tubular-container {
	display: none;
}
a.cd-btn.hs-button {
	padding: 3px 7px;
	text-align: center;
}
/* cms */
#hs-container ul.com-list .commententry, #hs-container ul.com-list .com-meta, #hs-container ul.com-list .com-locked {
	margin-left: 5px;
}
#hs-container ul.com-list li, #hs-container ul.com-list-noava li {
	width: 692px;
}
#hs-container .com-avatar.cc-entry-avatar {
	margin-right: 10px;
}
#hs-container div.j-imageSubtitle img, #hs-container .imgleft, #hs-container .cc-m-image-align-1, #hs-container .cc-m-image-align-2, #hs-container .cc-pinterest-overlay, #hs-container .cc-m-image-resizewrapper img, #hs-container .j-textWithImage img {
	max-width: 692px !important;
	height: auto!important;
}
#hs-container div.caption.cc-m-image-align-3, #hs-container .cc-imagewrapper.cc-m-image-align-3 figcaption, #hs-container .cc-imagewrapper.cc-m-image-align-3 {
	max-width: 692px;
}
#hs-container .cc-m-hgrid-column div.j-imageSubtitle img, #hs-container .cc-m-hgrid-column .imgleft, #hs-container .cc-m-hgrid-column .cc-m-image-align-1, #hs-container .cc-m-hgrid-column .cc-m-image-align-2, #hs-container .cc-m-hgrid-column .cc-m-image-align-3, #hs-container .cc-m-hgrid-column .cc-pinterest-overlay, #hs-container .cc-m-hgrid-column .cc-m-image-resizewrapper img {
	max-width: 100%!important;
	height: auto!important;
}
#hs-container div.caption.cc-m-image-align-1, #hs-container div.caption.cc-m-image-align-2, #hs-container div.caption.cc-m-image-align-3 {
	width: 100%!important;
	height: auto!important;
}
#hs-container form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label, #hs-footer form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label {
	float: left;
	width: 100%;
	max-width: 100%;
}
/* nav */
.m-wrapper {
	display: block;
}
.hs-menu, .hs-subnav, .hs-thirdnav {
	display: none;
}
.fixed {
	position: relative!important;
}
}

/*** Wide Mobile Layout: 480px ***/
@media only screen and (min-width: 460px) and (max-width: 745px) {
/* Typography */
#hs-container, #hs-container p {
	font-size: 14px;
}
#hs-container h1 {
	font-size: 20px;
}
#hs-container h2 {
	font-size: 16px;
}
#hs-container h3 {
	font-size: 16px;
}
#hs-container p, #hs-container table, #hs-container td, #hs-container h1, #hs-container h2, #hs-container h3, .cc-page .slicknav_nav a, #contentfooter {
	-webkit-text-size-adjust: none;
}

/* Main */
.inner {
	width:94%;
	margin:0 auto;
}
.cc-indexpage .hs-content, .hs-content {
	padding: 0;
}
.hs-content .gutter {
	padding: 10px 0 0px 0;
}
.hs-logo {
	display:none;
}
.hs-logo-sp {
	display:inline-block;
	position: absolute;
	top: -12px;
	left: 0;
}
#hs-container .hs-left h1.h1text {
    font-size: 12px;
    font-weight: 500;
	padding-bottom:10px;
}
.hs-left {
	float: none;
	width:100%;
	text-align:right;
}
.hs-right {
	float: none;
	width:100%;
}
.hs-center {
	float: none;
	margin: 0 auto;
	text-align: center;
	width:100%;
}

.hs-logo-sp {
	display:inline-block;
	top: 5px;
    position: absolute;
}
.hs-logo img {
	max-width: 300px;
	height: auto;
}
.content-teaser .hs-right {
	float: left;
}
.sc-wrapper {
	top: 5px;
	right: 50px;
}
.j-cart--hover-popup {
	display: none!important;
}
.owl-pagination {
	display: none;
}
.carousel-caption h1, .carousel-caption h2, .carousel-caption h3 {
	font-size: 11px!important;
}
.carousel-caption p {
	font-size: 11px!important;
}
.carousel-caption {
	bottom: 5%;
	padding-bottom: 5px;
	padding-top: 5px;
}
#hs-container .carousel-caption .hs-button {
	padding: 5px 10px;
	font-size: 11px;
}
.hide-mobile {
	display: none;
}
.only-mobile {
	display: block;
}
.mobile-left {
	float: left!important;
}
.mobile-right {
	float: right!important;
}
.mobile-center {
	float: none!important;
	margin: 0 auto!important;
	text-align: center!important;
}
.mid-box-left, .mid-box-right {
	width: 100%;
	margin: -5px -500%;
	padding: 1.5em 500%;
}
ul.tabs-nav > li {
	width: 100%;
	display: block;
	margin-bottom: 1px;
}
#hs-container ul.tabs-nav > li > a {
	border-right: none;
	border-bottom: none;
}
div.tabs-container {
	padding: 10px 0;
	border-top: none;
}
#hs-container .ccgalerie div.thumb_sq1, #hs-container .ccgalerie div.thumb_sq1 img, #hs-container .ccgalerie div.thumb_sq2 img, #hs-container .ccgalerie div.thumb_sq2, #hs-container .ccgalerie div.thumb_sq3 img, #hs-container .ccgalerie div.thumb_sq3, #hs-container .ccgalerie div.thumb_pro, #hs-container .ccgalerie div.thumb_pro2, #hs-container .ccgalerie div.thumb_pro3 {
	width: 80px!important;
	height: auto!important;
	margin: 0 5px 2px 5px!important;
}
.inner div.n, .inner div.flexmodul {
	padding: 5px 0;
}
.hs-header {
	position: relative!important;
}
.hs-header img {
	max-height:40px;
	width:auto;
}
.is-sticky .hs-header {
	background: transparent;
}
.cc-indexpage #tubular-container, .main-page #tubular-container {
	display: none;
}
a.cd-btn.hs-button {
	padding: 3px 7px;
	text-align: center;
}
/* cms */
#hs-container .cc-m-hgrid-column {
	width: 100%!important;
	padding-bottom: 10px;
}
#hs-container div.caption.cc-m-image-align-3 {
	text-align: left;
}
#hs-container div.caption.cc-m-image-align-3:before {
	content: "\00a0 \00a0 \00a0 ";
}
#hs-container div.j-imageSubtitle img, #hs-container .imgleft, #hs-container .cc-m-image-align-1, #hs-container .cc-m-image-align-2, #hs-container .cc-pinterest-overlay, #hs-container .cc-m-image-resizewrapper img, #hs-container .j-textWithImage img {
	max-width: 400px !important;
	height: auto!important;
}
#hs-container div.caption.cc-m-image-align-3, #hs-container .cc-imagewrapper.cc-m-image-align-3 figcaption, #hs-container .cc-imagewrapper.cc-m-image-align-3 {
	max-width: 100%;
}
#hs-container ul.com-list .commententry, #hs-container ul.com-list .com-meta, #hs-container ul.com-list .com-locked {
	margin-left: 5px;
}
#hs-container ul.com-list li, #hs-container ul.com-list-noava li {
	width: 390px;
}
#hs-container .com-avatar.cc-entry-avatar {
	margin-right: 10px;
}
#hs-container .cc-catalog-container.cc-catalog-sliderview.cc-catalog-st-3 {
	width: 400px!important;
}
#hs-container form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label, #hs-footer form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label {
	float: left;
	width: 100%;
	max-width: 100%;
}
/* Online store */
#hs-container div.cc-shop-product-size-1 div.cc-shop-product-img, #hs-container div.cc-shop-product-size-2 div.cc-shop-product-img, #hs-container div.cc-shop-product-size-3 div.cc-shop-product-img, #hs-container div.cc-shop-product-img-confines, #hs-container img.cc-shop-product-main-image {
	max-width: 380px!important;
	height: auto!important;
}
#hs-container div.cc-shop-product-size-1 div.cc-shop-product-desc, #hs-container div.cc-shop-product-size-2 div.cc-shop-product-desc, #hs-container div.cc-shop-product-size-3 div.cc-shop-product-desc {
	margin-left: 0px;
	clear: both;
	padding-top: 20px;
}
#hs-container .cc-catalog-container-new .cc-catalog-listview a.cc-webview-product-image {
	max-width: 380px !important;
	height: auto!important;
	float: none;
	margin: 10px 0;
}
/* nav */
.m-wrapper {
	display: block;
}
.hs-menu, .hs-subnav, .hs-thirdnav {
	display: none;
}
.fixed {
	position: relative!important;
}
}

/*** Mobile Layout: 320px ***/
@media only screen and (min-width: 290px) and (max-width: 459px) {
/* Typography */
#hs-container, #hs-container p {
	font-size: 14px;
}
#hs-container h1 {
	font-size: 20px;
}
#hs-container h2 {
	font-size: 16px;
}
#hs-container h3 {
	font-size: 16px;
}
/* Main */
.inner {
	width:94%;
	margin:0 auto;
}
.cc-indexpage .hs-content, .hs-content {
	padding: 0;
}
.hs-content .gutter {
	padding: 10px 0 0px 0;
}
.hs-logo {
	display:none;
}
#hs-container .hs-left h1.h1text {
    font-size: 10px;
    font-weight: 500;
	padding-bottom:7px;
}
.hs-left {
	float: none;
	width:100%;
	text-align:right;
}
.hs-right {
	float: none;
	width:100%;
}
.hs-center {
	float: none;
	margin: 0 auto;
	text-align: center;
	width:100%;
}

.hs-logo-sp {
	display:inline-block;
	top: 5px;
    position: absolute;
}

.hs-logo-sp img {
	max-width: 2200px;
	height: auto;
}
.sc-wrapper {
	top: 5px;
	right: 50px;
}
.content-teaser .hs-right {
	float: left;
}
.hs-footer #contentfooter div.leftrow, .hs-footer #contentfooter div.rightrow {
	float: none;
	text-align: center;
	width: 100%;
}
.owl-pagination {
	display: none;
}
.carousel-caption h1, .carousel-caption h2, .carousel-caption h3 {
	font-size: 11px!important;
}
.carousel-caption p {
	font-size: 11px!important;
}
.carousel-caption {
	bottom: 5%;
	padding-bottom: 5px;
	padding-top: 5px;
}
#hs-container .carousel-caption .hs-button {
	padding: 5px 10px;
	font-size: 11px;
}
.mid-box-left, .mid-box-right {
	width: 100%;
	margin: -5px -500%;
	padding: 1.5em 500%;
}
.hide-mobile {
	display: none;
}
.only-mobile {
	display: block;
}
.mobile-left {
	float: left!important;
}
.mobile-right {
	float: right!important;
}
.mobile-center {
	float: none!important;
	margin: 0 auto!important;
	text-align: center!important;
}
.j-cart--hover-popup {
	display: none!important;
}
.j-shop-addtocard-response--message, .j-shop-addtocard-response--item, .j-shop-addtocard-response--actions {
	width: 100%!important;
}
.footer-btm #contentfooter div.leftrow, .footer-btm #contentfooter div.rightrow {
	float: none;
	text-align: center;
	width: 100%;
}
ul.tabs-nav > li {
	width: 100%;
	display: block;
	margin-bottom: 1px;
}
#hs-container ul.tabs-nav > li > a {
	border-right: none;
	border-bottom: none;
}
div.tabs-container {
	padding: 10px 0;
	border-top: none;
}
#hs-container .ccgalerie div.thumb_sq1, #hs-container .ccgalerie div.thumb_sq1 img, #hs-container .ccgalerie div.thumb_sq2 img, #hs-container .ccgalerie div.thumb_sq2, #hs-container .ccgalerie div.thumb_sq3 img, #hs-container .ccgalerie div.thumb_sq3, #hs-container .ccgalerie div.thumb_pro, #hs-container .ccgalerie div.thumb_pro2, #hs-container .ccgalerie div.thumb_pro3 {
	width: 80px!important;
	height: auto!important;
	margin: 0 5px 2px 5px!important;
}
.inner div.n, .inner div.flexmodul {
	padding: 5px 0;
}
.hs-header {
	position: relative!important;
}
.hs-header img {
	max-height:40px;
	width:auto;
}
.is-sticky .hs-header {
	background: transparent;
}
.cc-indexpage #tubular-container, .main-page #tubular-container {
	display: none;
}
a.cd-btn.hs-button {
	padding: 3px 7px;
	text-align: center;
}
/* cms */
#hs-container .cc-m-hgrid-column {
	width: 100%!important;
	padding-bottom: 10px;
}
#hs-container div.caption.cc-m-image-align-3 {
	text-align: left;
}
#hs-container div.caption.cc-m-image-align-3:before {
	content: "\00a0 \00a0 \00a0 ";
}
#hs-container div.j-imageSubtitle img, #hs-container .imgleft, #hs-container .cc-m-image-align-1, #hs-container .cc-m-image-align-2, #hs-container .cc-pinterest-overlay, #hs-container .cc-m-image-resizewrapper img, #hs-container .j-textWithImage img {
	max-width: 282px !important;
	height: auto!important;
}
#hs-container div.caption.cc-m-image-align-3, #hs-container .cc-imagewrapper.cc-m-image-align-3 figcaption, #hs-container .cc-imagewrapper.cc-m-image-align-3 {
	max-width: 100%;
}
#hs-container ul.com-list .commententry, #hs-container ul.com-list .com-meta, #hs-container ul.com-list .com-locked {
	margin-left: 2%;
	width: 98%;
}
#hs-container ul.com-list li, #hs-container ul.com-list-noava li {
	width: 272px;
}
#hs-container strong.number, #hs-container .com-avatar {
	display: none;
}
#hs-container form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label, #hs-footer form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label {
	float: left;
	width: 100%;
	max-width: 100%;
}
/* Online store */
#hs-container div.cc-shop-product-size-1 div.cc-shop-product-img, #hs-container div.cc-shop-product-size-2 div.cc-shop-product-img, #hs-container div.cc-shop-product-size-3 div.cc-shop-product-img, #hs-container div.cc-shop-product-img-confines, #hs-container img.cc-shop-product-main-image {
	max-width: 252px!important;
	height: auto!important;
}
#hs-container div.cc-shop-product-size-1 div.cc-shop-product-desc, #hs-container div.cc-shop-product-size-2 div.cc-shop-product-desc, #hs-container div.cc-shop-product-size-3 div.cc-shop-product-desc {
	margin-left: 0px;
	clear: both;
	padding-top: 20px;
}
#hs-container .cc-catalog-container-new .cc-catalog-listview a.cc-webview-product-image {
	max-width: 252px !important;
	height: auto!important;
	float: none;
	margin: 10px 0;
}
#hs-container .cc-catalog-container.cc-catalog-sliderview .cc-catalog-wrapper {
	margin: 0 25px!important;
}
#hs-container .n.j-catalog {
	padding: 5px 0;
}
/* nav */
.m-wrapper {
	display: block;
}
.hs-menu, .hs-subnav, .hs-thirdnav {
	display: none;
}
.fixed {
	position: relative!important;
}
/* checkout page for mobile devices */
.cc-pagemode-sitetemplate #hs-content .hs-gutter {
	padding: 0px 0px;
}
#hs-container #cc-checkout-wrapper {
	margin-left: -20px;
	background: transparent;
	min-width: 320px;
}
#hs-container div#cc-checkout-gutter {
	padding: 5px 2px;
}
#hs-container input.cc-spinner-input {
	width: 35px!important;
}
#hs-container table.cc-checkout-products tbody, #hs-content #cc-checkout-gutter {
	background: #fff;
	border-top: 2px solid #888;
}
#hs-container div.cc-checkout-subheadings {
	font-size: 16px;
	padding-bottom: 5px;
}
#hs-container span#cc-checkout-address-head-differs, #hs-content span#cc-checkout-address-head-same {
	padding: 5px 0;
	float: left;
	width: 100%;
	font-size: 95%;
}
#hs-container table.cc-checkout-products {
	border-collapse: collapse;
	font-size: 10px;
	padding: 5px 5px;
	margin: 0;
	vertical-align: middle;
}
#hs-container table.cc-checkout-products th {
	padding: 5px 5px;
	margin: 0;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
}
#hs-container table.cc-checkout-products th.cc-desc {
	line-height: 1.3em;
}
#hs-container div#cc-checkout-shipping-address-form input, #hs-content div#cc-checkout-billing-address-form input, #hs-content div#cc-checkout-billing-contact-form input, #hs-content div#cc-checkout-shipping-address-form select, #hs-content div#cc-checkout-billing-address-form select {
	margin: 6px 0 10px;
	width: 202px;
}
#hs-container table, #hs-content td, #hs-content th {
	font: normal 10px/120% Helvetica, Arial, sans-serif;
	font-weight: normal;
}
#hs-container table.cc-checkout-products .cc-right {
	text-align: center !important;
}
#hs-container label#cc-checkout-address-checkbox-title {
	float: left;
	margin-top: 5px;
}
select#billing_country.cc-sa-country-code-select {
	width: 180px;
}
}
/* -------------------------------------------------------------------------------- /
	[9]	ADDITIONAL WIDGETS AND CUSTOMIZATIONS
/ -------------------------------------------------------------------------------- */

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

Main components

-------------------------------- */
html, body {
	height: 100%;
}
.cd-main-content {
	text-align: center;
}
.cd-main-content h1 {
	font-size: 20px;
	font-size: 1.25rem;
	color: #64788c;
	padding: 4em 0;
}
.cd-main-content .cd-btn {
	position: relative;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-radius: 50em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
	        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.no-touch .cd-main-content .cd-btn:hover {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
	        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 1170px) {
.cd-main-content h1 {
	font-size: 32px;
	font-size: 2rem;
}
}
.cd-panel {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	visibility: hidden;
	z-index: 3203003;
	-webkit-transition: visibility 0s 0.6s;
	transition: visibility 0s 0.6s;
}
.cd-panel::after {
	/* overlay layer */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	cursor: pointer;
	-webkit-transition: background 0.3s 0.3s;
	transition: background 0.3s 0.3s;
}
.cd-panel.is-visible {
	visibility: visible;
	-webkit-transition: visibility 0s 0s;
	transition: visibility 0s 0s;
}
.cd-panel.is-visible::after {
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition: background 0.3s 0s;
	transition: background 0.3s 0s;
}
.cd-panel.is-visible .cd-panel-close::before {
	-webkit-animation: cd-close-1 0.6s 0.3s;
	animation: cd-close-1 0.6s 0.3s;
}
.cd-panel.is-visible .cd-panel-close::after {
	-webkit-animation: cd-close-2 0.6s 0.3s;
	animation: cd-close-2 0.6s 0.3s;
}
 @-webkit-keyframes cd-close-1 {

 0%, 50% {
 -webkit-transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(45deg);
}
}
@keyframes cd-close-1 {
 0%, 50% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
@-webkit-keyframes cd-close-2 {
 0%, 50% {
 -webkit-transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(-45deg);
}
}
@keyframes cd-close-2 {
 0%, 50% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
.cd-panel-header {
	position: fixed;
	width: 50%;
	height: 50px;
	line-height: 50px;
	background: #C0D34B;
	z-index: 3203003;
	-webkit-transition: top 0.3s 0s;
	transition: top 0.3s 0s;
}
.cd-panel-header h1 {
	font-family: "Brandon Text", Asap, Verdana, Arial, sans-serif!important;
	font-size: 18px;
	color: #fff;
	padding-left: 2%;
	padding-top: 8px;
}
.from-right .cd-panel-header, .from-left .cd-panel-header {
	top: -50px;
}
.from-right .cd-panel-header {
	right: 0;
}
.from-left .cd-panel-header {
	left: 0;
}
.is-visible .cd-panel-header {
	top: 0;
	-webkit-transition: top 0.3s 0.3s;
	transition: top 0.3s 0.3s;
}

@media only screen and (min-width: 768px) {
.cd-panel-header {
	width: 50%;
}
}

@media only screen and (min-width: 1170px) {
.cd-panel-header {
	width: 50%;
}
}
.cd-panel-close {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 60px;
	background: url(close-btn.png) center right no-repeat;
	height: 50px;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.cd-panel-close::before, .cd-panel-close::after {
	/* close icon created in CSS */
	position: absolute;
	top: 22px;
	left: 20px;
	height: 3px;
	width: 20px;
	background-color: #424f5c;
	/* this fixes a bug where pseudo elements are slighty off position */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cd-panel-close::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-panel-close::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.no-touch .cd-panel-close:hover {
	background-color: #424f5c;
}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
	background-color: #ffffff;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.no-touch .cd-panel-close:hover::before {
	-webkit-transform: rotate(220deg);
	transform: rotate(220deg);
}
.no-touch .cd-panel-close:hover::after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.cd-panel-container {
	position: fixed;
	width: 50%;
	height: 100%;
	top: 0;
	background: #ecf0f1;
	-webkit-transition-property: -webkit-transform;

	transition-property: -webkit-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.cd-panel-container a:link, .cd-panel-container a:visited {
	color: #555!important;
	font-size: 15px!important;
	text-decoration: none!important;
	font-family: "Brandon Text", Asap, Verdana, Arial, sans-serif!important;
}
.cd-panel-container a:link:hover, .cd-panel-container a:visited:hover {
	color: #06A7E1!important;
}
.from-right .cd-panel-container {
	right: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.from-left .cd-panel-container {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
.cd-panel-container {
	width: 50%;
}
}

@media only screen and (min-width: 1170px) {
.cd-panel-container {
	width: 50%;
}
.hs-top {
	padding-top:20px;
}
}
.cd-panel-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	padding: 70px 2%;
	overflow: auto;
	/* smooth scrolling on touch devices */
	-webkit-overflow-scrolling: touch;
}
.cd-panel-content p {
	font-size: 14px;
	font-size: 0.875rem;
	color: #424f5c;
	line-height: 1.4;
	margin: 2em 0;
}
.cd-panel-content p:first-of-type {
	margin-top: 0;
}

@media only screen and (min-width: 768px) {
.cd-panel-content p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.6;
}
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}

10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp

}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
#cc-inner {
	overflow: hidden;
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}

/**********************************
追記201704
**********************************/
/* slider */
.slider_mask{
    width:440px;/*スライドの横幅*/
    margin:0 auto;
    position:relative;
}
.mask_left{
    position:absolute;
    bottom:-470px;/*スライドの高さ*/
    width:1000px;
    height:424px;/*スライドの高さ*/
    left:-1110px;
    background:rgba(255,255,255,0.7);
    z-index:100;
}
.mask_right{
    position:absolute;
    bottom:-470px;/*スライドの高さ*/
    width:1000px;
    height:424px;/*スライドの高さ*/
    right:-1110px;
    background:rgba(255,255,255,0.7);
    z-index:100;
}
/*矢印*/
.sp-arrow{
    position:absolute;
    display:block;
    width:56px;
    height:56px;
    cursor:pointer;
    z-index:101;
}
.sp-horizontal .sp-previous-arrow{
    left:50%;
    margin-left:-400px!important;
    background:url("https://u.jimcdn.com/e/o/s61384b7d68f3b068/userlayout/img/futaba-03.png") no-repeat;
}
.sp-horizontal .sp-next-arrow{
    right:50%;
    margin-right:-400px!important;
    background:url("https://u.jimcdn.com/e/o/s61384b7d68f3b068/userlayout/img/futaba-04.png") no-repeat;
}
.sp-bottom-thumbnails {
	background:#fff !important;
}
.sp-slides-container {
    background-color: #eee7d0 !important;
	padding:30px 0;
}
@media only screen and (max-width: 768px) {
.hs-footer .gutter {
	padding: 0px 0 10px 0;
}
div#cc-m-10973804393 {
    border-right: 0px solid #fff;
}
#hs-container div#cc-m-10973804393.j-imageSubtitle img {
    max-width: 245px !important;
    width: 80%;
	display:inline-block;
}
#hs-container div#cc-m-10974443493 img {
    max-width: 361px !important;
    width: 80%;
	display:inline-block;
}
#hs-container div#cc-m-10973804393.j-imageSubtitle .cc-m-image-align-2 img,
#hs-container div#cc-m-10974443493 img {
    float: none;
}
#hs-container div#cc-m-10973804393.j-imageSubtitle .cc-m-image-align-2,
#hs-container div#cc-m-10974443493 {
	text-align:center;
	margin: 0 auto;
}
.headerbg {
	width: 100%;
	padding: 0;
	background:url(https://u.jimcdn.com/e/o/s61384b7d68f3b068/userlayout/img/futaba-01.jpg) no-repeat top center;
	background-size:contain;
}

}
@media only screen and (max-width: 460px) {
.f_nav ul {
	text-align:left;
}
.f_nav ul li {
    display: inline-block;
    padding: 5px 5px;
    margin: 0 5px;
}
.sp-arrow {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 101;
}
.sp-horizontal .sp-arrows {
    bottom: 12%;
	top:inherit !important;
}
.sp-horizontal .sp-previous-arrow {
    background-size: cover;
    left: 55%;
}
.sp-horizontal .sp-next-arrow{
    background-size: cover;
	right:55%;
}
}


#cc-nav-view-2186636872 > a {
  pointer-events: none;
}

/**********************************
追記20170708
**********************************/
.circle-1 {
  color: #ffffff;
  background-color:#FB7C37;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 20%;
  -webkit-border-radius: 20%;
  -moz-border-radius: 20%
}
.circle-2 {
  color: #FB7C37;
  border: solid 1px;
  border-color:#FB7C37;
  background-color:#ffffff;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 20%;
}
.circle-3 {
  color: #FB7C37;
  border: solid 1px;
  border-color:#FB7C37;
  background-color:#ffffff;
  padding: 0;
  margin: 0;
  width: 380px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  border-radius: 10%;
}
.blinking{
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/**********************************
追記20170725
**********************************/
.resize1{
    max-width: 100%;
    height:auto;
}

.box10 {
    padding: 0.5em 1em;
    margin: 0;
    width: 77%;
    color: #00BCD4;
    background: #e4fcff;
    border-top: solid 6px #1dc1d6;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
            box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}
.box10 p {
    margin: 0;
    padding: 0;
}
/**********************************
追記20180207
**********************************/
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/**********************************
追記20190126
**********************************/
/* bread

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

#bread{

    margin-bottom:10px;

    padding-top:10px;

    font-size:12px;

}



#bread div{

    display:inline;

}



#bread ol{

    margin:0px;

    padding:0px;

    display:inline;

}

#bread ol li{

     display:inline;

     margin-right:10px;

     font-size:12px;

}


#bread ol li:before{

    content:"> ";

}
body.cc-page-index #bread{

   display:none;

}

@media only screen and (min-width: 1030px){
  #spMenuFixed{
    display: none;
  }
}

@media screen and (min-width:1023px) and ( max-width:1024px) {
  #spMenuFixed{
    display: none;
  }
}

@media only screen and (max-width: 1023px){

  #spMenuFixed{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #37a34a;
    box-sizing: border-box;
  }
  #spMenuFixed > *{
    box-sizing: border-box;
  }
  #spMenuFixed ul{
    list-style: none;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    margin: 0;

  }
  #spMenuFixed ul li{
    list-style: none;
    display: block;
    -webkit-box-flex:  0;
        -ms-flex:  0 0 33.333%;
            flex:  0 0 33.333%;
    max-width: 33.333%;
  }
  #spMenuFixed ul li a{
    height: 100%;
    padding: 10px;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
  }
  .spMenuFixed__img{
    font-size: 24px;
    display: block;
    text-align: center;
    padding-left: 8px;
  }
  .spMenuFixed__text{
    font-size: 10px;
    display: block;
    text-align: center;
  }
  .cc-FloatingButtonBarContainer{
    bottom: 80px !important;
  }
  .footer-btm{
    padding-bottom: 90px;
  }
}