@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: #bbbbbb;
	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: #ffffff;
	color: black;
}

.part_title.bg_pattern_sub_color {
	border: 1px solid #dcdcdc;
}

.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: #bbbbbb;
	color: white;
	}
.heading-arrow h2,
.heading-cover h2,
.heading-voice h2 {
	background-color: inherit;
	color: inherit;
	border: none;
}

.main h3 {
	border-top: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	background-color: #ffffff;
}
.heading-arrow h3,
.heading-cover h3,
.heading-voice h3 {
	background-color: inherit;
	border: none;
}


.main h4,
#shoppinguide dt {
	border-left: 10px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}
.heading-arrow h4,
.heading-cover h4,
.heading-voice h4 {
	border: none;
}


.main h5 {
	border-left: 10px solid #bbbbbb;
}
.heading-arrow h5,
.heading-cover h5,
.heading-voice h5 {
	border: none;
}


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

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

/* サイドバーの配色
------------------------------*/
#sidebar .sidebar_title {
	background-color: #bbbbbb !important;
	color: white;

}

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

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

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

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

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

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

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

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

@media only screen and (max-width: 767px) {
	#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: #b22222;
	color: white!important;
}

#header .incart_btn a {
	color: white!important;
}
@media only screen and (max-width: 767px) {
	#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: #b22222;
	color: white!important;
}

/* ポップアップボタン
------------------------------*/
.link_btn.popup_btn {
	background-color: #b22222;
	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: #b22222;
}

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

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

.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: #ffffff;
}

.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: #505050;
}

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

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

/* カートに入れるボタン（SKUフォーム内）
------------------------------*/
.skuform .skubutton,
.item-info .jump_cart_position_button,
.send input.to_customerinfo_button,
.send input.to_memberlogin_button,
.send input.to_deliveryinfo_button,
.send input.to_confirm_button,
.send input#purchase_button,
#wc_customer .send input.to_reganddeliveryinfo_button,
#wc_login .loginbox #member_login, #wc_member .loginbox #member_login,
.send input.to_customerinfo_button:hover,
.send input.to_memberlogin_button:hover,
.send input.to_deliveryinfo_button:hover,
.send input.to_confirm_button:hover,
.send input#purchase_button:hover,
#wc_customer .send input.to_reganddeliveryinfo_button:hover,
#wc_login .loginbox #member_login:hover, #wc_member .loginbox #member_login:hover {
	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: #999;
}