@charset "utf-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
株式会社ジェイ・シー
	ver.2021.08.01
	スタイルシート
────────────────────────────────────────
FileName:		/resources/css/index.css
Editor:			TRUSTEC
Description:	スタイルシート。
────────────────────────────────────────
2021/09/27:		公開。
2021/08/09:		カテゴリメニューのデザインを修正。
2022/07/28:		カテゴリメニューのデザインを修正。
2021/07/19:		開発開始。
────────────────────────────────────────
背景色:					#ffffff	rgba(255, 255, 255, 1)
本文文字色:				#000000	rgba(0, 0, 0, 1)
ハイライトカラー:
サブカラー：
ポイントカラー:
リンク:

フォント
	本文:				serif
	見出し:				serif
	標準サイズ:			16px
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





/* ::::: [COMMON] ::::: */

/* Layout
--------- --------- --------- ------- */
html, body {
		-ms-scroll-padding-top: 60px;
		-webkit-scroll-padding-top: 60px;
		-moz-scroll-padding-top: 60px;
		-o-scroll-padding-top: 60px;
		scroll-padding-top: 60px;
}

/* Font
--------- --------- --------- ------- */
html {
  font-size: 16px;
}

/* Common Tags
--------- --------- --------- ------- */
body {
	background-color: #ffffff;
	color: #000000;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", "Osaka", sans-serif, system-ui;
	line-height: 1.5em;
}

p {
	font-size: 1em;
	line-height: 1.5em;
}

a {
	text-decoration: none;
	transition: 0.4s;
}
a:hover {
	text-decoration: none;
}

b, strong {
}

h1, h2, h3, h4, h5, h6 {
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5em;
}



/* ::::: [SECTION : HEADER] ::::: */

/* Header
--------- --------- --------- ------- */
header {
	background-color: #ffffff;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
header .information {
	text-align: right;
}

header .biz-hours {
	font-size: .8rem;
	vertical-align: middle;
}



/* ::::: [SECTION : GLOBAL MENU] ::::: */
#pageHeader {
	font-size: 90%;
}

#globalMenu {
	background-color: #ffffff;
}

.navbar-brand {
	display: inline-block;
}
@media (max-width: 768px) {
	.navbar-brand {
	max-width: calc(100% - 60px);
	}
	.navbar-brand img {
		max-width: 100%;
	}
}

/* Toggle Button
--------- --------- --------- ------- */
.navbar-toggler {
	background-color: rgba(255, 255, 255, 0.8);
	color: rgba(0, 0, 0, 0.7);
	padding: 0.25rem 0.3rem;
	border-color: rgba(0, 0, 0, 0.3);
}
.navbar-toggler:active {
	background-color: rgba(0, 0, 0, 0.7);
	color: rgba(255, 255, 255, 1);
	border-color: rgba(0, 0, 0, 0.5);
}
.navbar-toggler:focus {
	background-color: rgba(0, 0, 0, 0.2);
}

.navbar-toggler-icon {
	background-image: none;
}
.navbar-toggler-icon::before {
	width: 100%;
	height: 100%;
}

.fas.fa-ellipsis-v.navbar-toggler-icon {
	line-height: 1.5em;
}

/* Toggle Menu
--------- --------- --------- ------- */
#navbarGlobalMenu {
	transition: 0.3s;
}
#navbarGlobalMenu .navbar-nav {
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
#navbarGlobalMenu .navbar-nav .nav-item {
	flex-basis: auto;
	width: 100%;
}
#navbarGlobalMenu .navbar-nav .nav-item a {
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #404040;
	display: block;
	width: 100%;
	height: 100%;
	transition: 0.4s;
}

#navbarGlobalMenu .navbar-nav .nav-item a:hover,
#navbarGlobalMenu .navbar-nav .nav-item a:focus,
#navbarGlobalMenu .navbar-nav .nav-item a:active {
	background-color: rgba(100, 100, 100, 0.1);
}

@media (max-width: 768px) {
	#navbarGlobalMenu .navbar-nav .nav-item:not(:last-child) {
		border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	}
}

/* Dropdown Menu
--------- --------- --------- ------- */
#navbarGlobalMenu .navbar-nav .dropdown-menu  {
	border-top: none;
	border-radius: 0;
}

#navbarGlobalMenu .navbar-nav .dropdown-menu a {
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
}


/* ::::: [SECTION : FOOTER] ::::: */

/* Common
--------- --------- --------- ------- */
footer {
	font-size: .9rem;
	line-height: 1em;
	width: 100%;
}
footer a {
	color: #666;
	text-decoration: none;
}
footer a:hover {
	color:#999;
	text-decoration: none;
}
footer ul {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}
footer ul li {
	margin: 5px 0;
}

/* Layout
--------- --------- --------- ------- */
.footer-sitemap-1 {
	background-color: #f2f2f2;
	border-top: solid 1px rgba(0, 0, 0, 0.1);
	padding-top: 15px;
}
.footer-sitemap-2 {
	background-color: rgba(210, 176, 113, 0.6);
}
.footer-address {
	background-color: #404040;
	color: #f0f0f0;
	border-top: solid 1px rgba(0, 0, 0, 0.2);
	padding-top: 15px;
}
.footer-copyright {
	background-color: #a0a0a0;
	padding: 10px 0;
}

/* Sitemap 1
--------- --------- --------- ------- */
.footer-sitemap-1 h3 {
	font-size: 1.2rem;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
}
.footer-sitemap-1-search h3 {
	border-bottom: solid 2px #006633;
	color: #006633;
}
.footer-sitemap-1-sell h3 {
	border-bottom: solid 2px #006633;
	color: #006633;
}
@media (max-width: 767px) {
	.footer-sitemap-1-sell h3 {
		margin-top: 30px;
	}
}
.footer-sitemap-1 h4 {
	font-size: 1rem;
	margin: 0;
}
.footer-sitemap-1 ul.footer-menu {
	margin: 20px 0 0 30px;
}
.footer-sitemap-1 ul.footer-menu li {
	margin-bottom: 12px;
}
@media (max-width: 991px) {
	.footer-sitemap-1 ul.footer-menu {
		margin: 40px 0 20px 0;
	}
	.footer-sitemap-1 ul.footer-menu li {
		margin-bottom: 12px;
	}
}

/* Sitemap 2
--------- --------- --------- ------- */
.footer-sitemap-2 a {
	color: #404040;
}
.footer-sitemap-2 ul {
	margin: 15px 0 15px 10px;
}
.footer-sitemap-2 ul li {
	display: inline-block;
	margin: 0 50px 0 0;
}
@media (max-width: 479px) {
	.footer-sitemap-2 ul li {
		display: block;
		margin: 0 0 15px 0;
	}
}

/* Address
--------- --------- --------- ------- */
.footer-address h2 {
	color: #f0f0f0;
	font-size: 1.2rem;
	margin: 0;
	text-align: left;
}
.footer-address p {
	margin-top: 5px;
}
.footer-address p.contact-lead {
	font-size: .7rem;
	line-height: 1em;
	margin: 0 0 5px 0;
}
.footer-address a {
	color: #ffffff;
}

.footer-address .list-icon-sns {
}
.footer-address .icon-sns::before {
	font-size: 36px;
	line-height: 1em;
}
.footer-address .icon-sns.twitter,
.footer-address .icon-sns.facebook,
.footer-address .icon-sns.line,
.footer-address .icon-sns.instagram,
.footer-address .icon-sns.blog {
	color: #ffffff;
}

.footer-address .icon-sns.blog {
	background-color: #ffffff;
	border-radius: .2em;
	padding: .25em;
	vertical-align: bottom;
}
.footer-address .icon-sns.blog::before {
	color: #404040;
	color: #006633;
}


/* Copyright
--------- --------- --------- ------- */
.copyright {
	color: #ffffff;
	font-size: .8rem;
	margin: 0;
	text-align: center;
}


/* ::::: [SECTION : COMMON PARTS] ::::: */

/* TelephoneNumber
--------- --------- --------- ------- */
.telephone {
	background-color: rgba(17, 153, 54, 1);
	color: #ffffff;
	font-size: 1.5rem;
	line-height: initial;
	vertical-align: middle;
	text-decoration: none;
	margin-left: .5rem;
	padding: .2rem .5rem;
	border-radius: 3px;
}
a.telephone:hover,
a.telephone:active {
	background-color: rgba(17, 153, 54, 0.2);
	color: rgba(17, 153, 54, 1);
}

.telephone .telephoneNumber {
	margin-left: .5rem;
}

/* Contact link
--------- --------- --------- ------- */
a.contact {
	background-color: transparent;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #ffffff;
	border-radius: 20px;
	margin: 0 auto;
	padding: 6px 15px 4px 15px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
a.contact:hover {
	background-color: rgba(255, 255, 255, 0.3);
	color: #ffffff;
	text-decoration: none;
}
a.contact .fa {
	font-size: 20px;
	font-weight: 900;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

/* Contact Banner
--------- --------- --------- ------- */
.contact-banner {
	padding: 40px 0;
}
.contact-banner a {
	background-color: #006633;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	width: 80%;
	margin: 0 auto;
	padding: 3px;
	border-radius: 10px;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
	display: block;
	transition: opacity 200ms ease 0s, box-shadow 200ms ease 0s;
}
.contact-banner a:hover {
	text-decoration: none;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.6);
	opacity: .9;
}
.contact-banner-inner {
	padding: 10px;
	border: solid 2px #ffffff;
	border-radius: 9px;
}
.contact-banner p {
	margin: 15px 0 0 0;
}
.contact-banner h3 {
	font-size: 1.5rem;
	font-weight: bold;
	padding: 0;
}
@media (max-width: 480px) {
	.contact-banner h3 {
		font-size: 1rem;
	}
}



/* :::::  [SECTION : MAIN] ::::: */

/* Intro
--------- --------- --------- ------- */
.intro {
	background-color: #f2f2f2;
	width: 100%;
	padding: 2rem 1rem;
}
.intro h1 {
	background-color: transparent;
	color: #404040;
	text-align: center;
	letter-spacing: .1rem;
	padding: 0;

	font-size: clamp(1.5rem, 4vw, 2.5rem);
	line-height: 1.2em;
}
.intro p {
	margin-bottom: 0;
}

/* Content Lead
--------- --------- --------- ------- */
.content-lead {
}

/* Subtitle
--------- --------- --------- ------- */
.subtitle {
	font-size: 1.4rem;

}

/* More
--------- --------- --------- ------- */
.more {
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	padding: 0.7em 0;
	transition: 0.4s;
	width: 15rem;
}
.more:hover {
}

.more.arrow-left::before {
	content: "\f060";
	color: inherit;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	margin-right: 0.5em;
}
.more.arrow-right::before {
	content: "\f061";
	color: inherit;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	margin-right: 0.5em;
}


/* Headline
--------- --------- --------- ------- */
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.h2 {
	font-size: 2.2em;
	line-height: 1.5em;
	text-align: center;
	margin: 0;
}
.h2-small {
	color: #606060;
	font-size: 1.1rem;
	margin: 0;
	text-align: center;
}

.h3 {
	color: #606060;
	font-size: 1.5em;
	line-height: 1.5em;
}

.h4 {
	font-size: 1.2em;
	line-height: 1.5em;
}


/* Topic Path
--------- --------- --------- ------- */
.topicpath {
	background-color: rgba(0, 0, 0, 0.1);
	padding : 5px 0;
	border-top: solid 1px rgba(200, 200, 200, 0.5);
	border-bottom: solid 1px rgba(200, 200, 200, 0.5);
}

.topicpath .container {
}

.topicpath .breadcrumb {
	justify-content: flex-end;
	margin-bottom: 0;
}

.topicpath a {
	display: inline-block;
}


/* Text Decoration
--------- --------- --------- ------- */
.edge_white1 {
	text-shadow:
		  -1px -1px 0px #ffffff
		, -1px  0px 0px #ffffff
		, -1px  1px 0px #ffffff
		, 0px -1px 0px #ffffff
		, 0px  1px 0px #ffffff
		, 1px -1px 0px #ffffff
		, 1px  0px 0px #ffffff
		, 1px  1px 0px #ffffff
	;
}
.edge_white2 {
	text-shadow:
		  -2px -2px 0px #ffffff
		, -2px -1px 0px #ffffff
		, -2px  0px 0px #ffffff
		, -2px  1px 0px #ffffff
		, -2px  2px 0px #ffffff
		, -1px -2px 0px #ffffff
		, -1px -1px 0px #ffffff
		, -1px  0px 0px #ffffff
		, -1px  1px 0px #ffffff
		, -1px  2px 0px #ffffff
		, 0px -2px 0px #ffffff
		, 0px -1px 0px #ffffff
		, 0px  1px 0px #ffffff
		, 0px  2px 0px #ffffff
		, 1px -2px 0px #ffffff
		, 1px -1px 0px #ffffff
		, 1px  0px 0px #ffffff
		, 1px  1px 0px #ffffff
		, 1px  2px 0px #ffffff
		, 2px -2px 0px #ffffff
		, 2px -1px 0px #ffffff
		, 2px  0px 0px #ffffff
		, 2px  1px 0px #ffffff
		, 2px  2px 0px #ffffff
	;
}


/* Text Indent
--------- --------- --------- ------- */
.indent {
	text-indent: 1em;
}



/* :::::  [SECTION : CATEGORY MENU] ::::: */
#category-menu {
}

#category-menu .h4 {
	color: #606060;
}

#category-menu .list-group {
}

#category-menu .list-group {
}

#category-menu .list-group-item {
	background-color: rgba(255, 255, 255, 0.8);
	color: #404040;
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	border-color: #a0a0a0;
}
#category-menu .list-group-item.more {
	background-color: #d0d0d0;
	color: #ffffff;
	border-right-color: #d0d0d0;
	min-width: 3em !important;
}
#category-menu .list-group-item.active,
#category-menu .list-group-item:hover,
#category-menu .list-group-item:focus,
#category-menu .list-group-item:active {
	background-color: #808080;
	color: #ffffff;
	border-color: #808080;
}



/* ::::: [SECTION : COMMON-CONTACT] ::::: */
#common-contact {
}

#common-contact .btn-contact {
	background-color: rgba(255, 255, 255, 0.8);
	color: #000000;
	font-weight: bold;
	width: 100%;
	max-width: 400px;
	padding: 1.2em;
	border-color: #000000;
	transition:
		all 0.4s,
		box-shadow 0.2s linear;
}

#common-contact .btn-contact:hover,
#common-contact .btn-contact:focus,
#common-contact .btn-contact:active {
	background-color: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	border-color: #ffffff;
	box-shadow: rgba(0, 0, 0, 0.8) 0 0px 0px 40px inset;
}




/* :::::  [SECTION : PAGER] ::::: */

/*
--------- --------- --------- ------- */
.pager-wrap {

}
.pager-wrap span,
.pager-wrap a {
	background-color: rgba(255, 255, 255, 0.7);
	text-align: center;
	width: 3em;
	padding: 0.5em;
	border: solid 2px rgba(100, 100, 100, 0.2);
	display: inline-block;
}
.pager-wrap span {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(100, 100, 100, 1);
	border-color: rgba(100, 100, 100, 1);
}



/* :::::  [SECTION : LISTS] ::::: */

/* Contents List
--------- --------- --------- ------- */
.list-contents,
.list-contents li {
	list-style: none;
}

.list-contents {
	margin-left: 2em;
	padding-left: 0;
}

.list-contents li:not(:last-child) {
	margin-bottom: 0.5em;
}
.list-contents li::before {
	content: "\f138";
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	vertical-align: bottom;
	margin-right: 0.2em;
}

/* Return Page List
--------- --------- --------- ------- */
.list-return,
.list-return li {
	list-style: none;
}

.list-return {
	margin-left: 2em;
	margin-bottom: 0;
}

.list-return li:not(:last-child) {
	margin-bottom: 0.5em;
}
.list-return li::before {
	content: "\f137";
	color: #808080;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.5em;
}

/*
--------- --------- --------- ------- */
.list-address,
.list-address li {
	list-style: none;
}

.list-address {
	margin-bottom: 0;
}

.list-address li:not(:last-child) {
}
.list-address li::before {
	color: #808080;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.5em;
}
.list-address li.icon-mail::before {
	content: "\f0e0";
}
.list-address li.icon-address::before {
	content: "\f041";
}
.list-address li.icon-telephone::before {
	content: "\f879";
}
.list-address li.icon-normal::before {
	content: "\f192";
}

/* Error List
--------- --------- --------- ------- */
.list-error,
.list-error li {
	list-style: none;
}

.list-error,
.list-error li:last-child {
}

.list-error {
	color: #cc0000;
	margin-left: 2em;
	margin-bottom: 0;
}

.list-error li:not(:last-child) {
	margin-bottom: 0.5em;
}
.list-error li::before {
	content: "\f058";
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.5em;
}

/* SNS Icon List
--------- --------- --------- ------- */
.list-icon-sns,
.list-icon-sns li {
	list-style: none;
}
.list-icon-sns {
	margin: 0;
	padding: 0;
}

/* SNS Icons
--------- --------- --------- ------- */
.icon-sns {
	display: inline-block;
	transition: 0.4s;
}

.icon-sns:hover {
	opacity: 0.7;
}

.icon-sns::before {
    font-family: "Font Awesome 5 Brands";
	font-weight: 400;
	display: inline-block;
}

.icon-sns.twitter::before {
	content: "\f081";
}
.icon-sns.twitter-share::before {
	content: "\f099";
}

.icon-sns.facebook::before {
	content: "\f082";
}
.icon-sns.facebook-share::before {
	content: "\f09A";
}

.icon-sns.line::before {
	content: "\f3c0";
}
.icon-sns.line-share::before {
	content: "\f3c0";
}

.icon-sns.instagram::before {
	content: "\e055";
}
.icon-sns.instagram-share::before {
	content: "\f16d";
}

.icon-sns.blog::before {
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	/*
	content: "\f0c1";
	content: "\f56b";
	content: "\f781";
	*/
	content: "\f5ad";
	font-size: 24px;
	line-height: 1em;
}
.icon-sns.blog-share::before {
}





/* :::::  [SECTION : MESSAGE] ::::: */

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

.border.border-primary h1:first-child,		.border.border-primary h2:first-child,		.border.border-primary h3:first-child,		.border.border-primary h4:first-child,		.border.border-primary h5:first-child,		.border.border-primary h6:first-child,
.border.border-secondary h1:first-child,	.border.border-secondary h2:first-child,	.border.border-secondary h3:first-child,	.border.border-secondary h4:first-child,	.border.border-secondary h5:first-child,	.border.border-secondary h6:first-child,
.border.border-success h1:first-child,		.border.border-success h2:first-child,		.border.border-success h3:first-child,		.border.border-success h4:first-child,		.border.border-success h5:first-child,		.border.border-success h6:first-child,
.border.border-danger h1:first-child,		.border.border-danger h2:first-child,		.border.border-danger h3:first-child,		.border.border-danger h4:first-child,		.border.border-danger h5:first-child,		.border.border-danger h6:first-child,
.border.border-warning h1:first-child,		.border.border-warning h2:first-child,		.border.border-warning h3:first-child,		.border.border-warning h4:first-child,		.border.border-warning h5:first-child,		.border.border-warning h6:first-child,
.border.border-info h1:first-child,			.border.border-info h2:first-child,			.border.border-info h3:first-child,			.border.border-info h4:first-child,			.border.border-info h5:first-child,			.border.border-info h6:first-child,
.border.border-light h1:first-child,		.border.border-light h2:first-child,		.border.border-light h3:first-child,		.border.border-light h4:first-child,		.border.border-light h5:first-child,		.border.border-light h6:first-child,
.border.border-dark h1:first-child,			.border.border-dark h2:first-child,			.border.border-dark h3:first-child,			.border.border-dark h4:first-child,			.border.border-dark h5:first-child,			.border.border-dark h6:first-child,
.border.border-white h1:first-child,		.border.border-white h2:first-child,		.border.border-white h3:first-child,		.border.border-white h4:first-child,		.border.border-white h5:first-child,		.border.border-white h6:first-child {

	font-size: 1.2rem;
	line-height: 1.5em;
	text-align: center;
}

.border.border-primary {}
.border.border-secondary {}
.border.border-success {}
.border.border-danger {}
.border.border-warning {}
.border.border-info {}
.border.border-light {}
.border.border-dark {}
.border.border-white {}

.area-error {
}





/* :::::  [SECTION : SNS Share] ::::: */

/* SNS Share
--------- --------- --------- ------- */
.sns-share {
	background-color: #f2f2f2;
	margin: 2rem auto;
	padding: 1rem;
	border: solid 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.sns-share h2 {
	color: #606060;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", "Osaka", sans-serif, system-ui;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.5em;
}

.sns-share .icon-sns::before {
	font-size: 42px;
	line-height: 1em;
}
.sns-share .icon-sns.twitter-share {
	color: #1d9bf0;
}
.sns-share .icon-sns.facebook-share {
	color: #1877f2;
}
.sns-share .icon-sns.line-share {
	color: #00b300;
}
.sns-share .icon-sns.instagram-share {
	color: #cc3366;
}
.sns-share .icon-sns.blog-share {
}



/* :::::  [SECTION : Buttons] ::::: */

/* btn-primary
--------- --------- --------- ------- */
.btn-primary {
	background-color: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	border-color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active  {
	background-color: rgba(255, 255, 255, 0.8);
	color: #000000;
	border-color: #000000;
}

.btn-outline-primary {
	background-color: rgba(255, 255, 255, 0.8);
	color: #000000;
	border-color: #000000;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active  {
	background-color: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	border-color: #ffffff;
}