@charset "UTF-8";

/* スマホ版グロナビハンバーガーメニューの色
------------------------------*/
@media only screen and (max-width: 991px) {
	.navbar-default .navbar-toggle .icon-bar {
		background-color: white;
	}
	.navbar-default .navbar-toggle {
		border-color: white;
		float: left;	}
}

/* キーカラーエリアの指定（エリアの背景、テキスト）
------------------------------*/
.bg_pattern_key_color,
.bg_pattern_key_color .part_title_lv2,
.bg_pattern_key_color .part_title_lv3 {
	background-color: #005400;
	background-image: url(https://makaaniani.com/hbc/wp-content/uploads/42-1.png);
	color: white;
}

.bg_pattern_key_color a,
#header .bg_pattern_key_color a,
#footer p a {
	color: white;
}

/* サブカラーエリアの指定（エリアの背景）
------------------------------*/
.bg_pattern_sub_color,
.wpcf7 form,
.mw_wp_form form {
	background-color: #ffd966;
	background-image: url(https://makaaniani.com/hbc/wp-content/uploads/42-1.png);
	color: black;
}

.bg_pattern_sub_color a,
#header .bg_pattern_sub_color a {
	color: black;
}

/* ホワイトカラーエリアの指定（エリアの背景）
------------------------------*/
.bg_pattern_white {
	background: #fff;
	color: #000;
}

#header .bg_pattern_white a {
	color: #000;
}

/* 下層ページ小見出しの配色
------------------------------*/
.main h2,
#cart_top .ec_part_title {
	background-color: #005400;
	color: white;
}

.main h3 {
	border-top: 2px solid #005400;
	border-bottom: 2px solid #005400;
	background-color: #b4ffb4;
}

.main h4,
#shoppinguide dt {
	border-left: 10px solid #005400;
	border-bottom: 1px solid #005400;
}

.main h5 {
	border-left: 10px solid #005400;
}

/* 引用 blockquoteの配色
------------------------------*/
blockquote {
  background: #b4ffb4;
}

blockquote::before,
blockquote::after {
  color: #005400;
}

/* サイドバーの配色
------------------------------*/
#sidebar .sidebar_title {
	background-color: #005400 !important;
	background-image: url(https://makaaniani.com/hbc/wp-content/uploads/42-1.png);
	background-position: top center;
	color: white;
}

#sidebar .sidebar_title a {
	color: white !important;
}

#sidebar ul.list-menu li.active a,
#sidebar ul.list-menu li a:hover {
	color: #005400;
}

#sidebar ul.list-menu li.active a::before,
#sidebar ul.list-menu li:hover a::before {
	background-color: #005400;
}

/* ページネーションの配色
------------------------------*/
.pagination span,
.pagination a {
	border: solid 1px #005400;
}

.pagination .current {
	background-color: #005400;
	color: white;
}

.pagination a:hover {
	background-color: #005400;
	color: white;
}

/* ヘッダーお問い合わせボタン
------------------------------*/
#header .header_btn,
.search_btn_realestate,
.realestate_btn {
	background-color: #f08300;
	color: white!important;
}

#header .header_btn a,
#under_content .realestate_btn a {
	color: white!important;
}

/* ヘッダーカートボタン
------------------------------*/
#header .gocart_btn,
#header input[type="submit"].skubutton,
#header .incart_btn {
	background-color: #f08300;
	color: white!important;
}

#header .incart_btn a {
	color: white!important;
}

/* もっと見るボタン
------------------------------*/
.link_btn,
.area_block .link_btn,
.content_inner .link_btn,
.cta_area .link_btn {
	background-color: #77b700;
	color: white!important;
}

/* ポップアップボタン
------------------------------*/
.link_btn.popup_btn {
	background-color: #77b700;
	color: white!important;
}

.link_btn a,
.area_block .link_btn a,
.content_inner .link_btn a,
.cta_area .link_btn a {
	color: white!important;
	display: block;
}

#message2 .link_btn {
	background-color: #ffffff;
}

#message2 .link_btn a {
	color: black!important;
}

/* お問い合わせボタン
------------------------------*/
.contact_mail.link_btn_contact {
	background-color: #b22222;
}

.contact_mail.link_btn_contact .mail_icon {
	fill: white!important;
}

.contact_mail.link_btn_contact span {
	color: white;
}

.contact_tel.link_btn_contact {
	background-color: #f08300;
}

.contact_tel.link_btn_contact .tel_icon {
	fill: white!important;
}

.contact_tel.link_btn_contact span {
	color: white;
}

#header .header_contact_tel,
#header .header_contact_tel a {
	color: #000000;
}

#header .header_contact_tel .tel_icon {
	fill: #000000;
}

#inspection .link_btn {
	background-color: #77b700;
	color: white!important;
}

/* カートに入れるボタン（SKUフォーム内）
------------------------------*/
.skuform .skubutton,
.jump_cart_position_button {
	background-color: #383838;
	color: white;
}

/* 商品についてのお問い合わせボタン（SKUフォーム内）
------------------------------*/
.skuform button.inquiry {
	background-color: #383838;
	color: white;
}

/* 価格を見るログインボタン（SKUフォーム内）
------------------------------*/
.skuform .button {
	background-color: #383838;
}
.skuform .usces_login_a {
	color: white;
}

/* フッターSNSアイコンカラー
------------------------------*/
.sns_icon svg {
	fill: ;
}