@charset "utf-8";
/* 色の変更用css */

/*=========================================
		要素の背景色 - 一括変更用
=========================================*/
.bg-maincolor,
#rank_wrap #tabmenu_wrap li a.selected,
#announce-list #tabmenu_wrap li a.selected,
header #gnav-parent > li:hover:after {
	background: #3b7846;
	color: #fff !important;
}
.bg-alertcolor { background: #BA0000; }
.bg-attentioncolor { background: #F9F937; }
.bg-basecolor { background: #f2f2f2; }
.bg-white { background: #fff; }
.btn-maincolor { background: #3b7846; }
.btn-basecolor { background: #A1A1A1; }
.btn-subcolor { background: #fff; }
.btn-positivecolor { background: #4a9c5d; }
.btn-negativecolor { background: #9e9e9e; }
.btn-accentcolor { background: #e8a020; }
.btn-cannot { background: #D8D8D8; }
.btn-alertcolor { background: #BA0000; }
.btn-delete { background: #E60023; }
.sm-switch span { background: #141414; }

@media screen and (max-width: 480px) {
	.bg-maincolor_sp {
		background: #3b7846;
		color: #fff;
	}
}

/*=========================================
		要素の線の色 - 一括変更用
=========================================*/
#announce-list #tabmenu_wrap li a.selected,
.border-maincolor,
a.double-arrow::before,
a.double-arrow::after { border-color: #3b7846 !important; }
#announce-list #tabmenu_wrap li a,
.border-basecolor,
.border-formcolor { border-color: #ccc !important; }
.border-palegray { border-color: #f2f2f2 !important; }
.border-alertcolor { border-color: #E60023 !important; }
.border-black { border-color: #141414;}
.border-white { border-color: #fff; }
.border-accentcolor { border-color: #F5C007 !important; }

/*=========================================
		要素の文字色 - 一括変更用
=========================================*/
.txt-black { color: #141414 !important; }
.txt-basecolor { color: #ccc !important; }
strong,
.txt-accentcolor { color: #F5C007 !important; }
.txt-maincolor,
#pan li.visited a { color: #3b7846 !important; }
.item .price { color: #3b7846; }
.btn a { color: #fff !important; }
.btn-subcolor a { color: #141414 !important; }
.txt-palecolor { color: #fff !important; }
.txt-darkcolor { color: #fff !important; }
.required, .txt-alertcolor, .red, .error { color: #E60023 !important; }
.bg-darkcolor .slick-prev:before,
.bg-darkcolor .slick-next:before {
	color: #fff !important;
}
.bg-darkcolor .slick-dots li,
.bg-darkcolor .slick-dots li button:before {
	background: rgba(255,255,255,.25);
}
.bg-darkcolor .slick-dots li.slick-active button:before { background: rgba(255,255,255,.75); }

/*=========================================
		partsごと
=========================================*/
/* トップページのコンテンツエリアごとの背景 */
#home section:nth-of-type(odd) { background: #fff; }
#home section:nth-of-type(even) { background: #f8f8f7; }
#home section.bg-pattern, .bg-pattern { background: url(../img/common/bg-ami.png) repeat, #f4f4f2; }
#home section.bg-darkcolor, .bg-darkcolor { background: #1e2128; color: rgba(255,255,255,.85); }

/* コンテンツのタイトル */
section h2 {
	color: #1a1a1a;
	position: relative;
	display: inline-block;
	padding-bottom: 1rem;
}
section h2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 2px;
	background: currentColor;
	opacity: 0.25;
	border-radius: 1px;
}
section .section-ttl {
	display: block;
}

/* フォーム系の項目名 */
#what_wrap h3,
.form h3 { color: #3b7846; }

/* 入金受付状況 */
.status-notpay {
	background: #BA0000;
	color: #fff;
}
.status-pay { background: #ccc; }

/* 配送状況 */
.status-pre {
	background: #BA0000;
	color: #fff;
}
.status-deli {
	background: #F9F937;
	color: #141414 !important;
}
.status-arrival { background: #ccc; }

/* 配送方法 */
.type-jyouon { background: #fa812f; }
.type-reizou { background: #91B93F; }
.type-reitou { background: #3fbab6; }
.type-other { background: #75726A; }

/* 寄附受付状況 */
.type-limitime,
.type-limi,
.item-list_wrap .item.limi a:after,
.item-list_wrap .item.limitime a:after,
.recommended .item.limi .img-block:after,
.recommended .item.limitime .img-block:after { background: #F9F937; }
.item-list_wrap .item.sold .item-img:after,
.item-list_wrap .item.yet .item-img:after,
.item-list_wrap .item.end .item-img:after,
.recommended .item.sold .item-img:after,
.recommended .item.yet .item-img:after,
.recommended .item.end .item-img:after {
	color: #fff;
}
.status-sold,
.status-end {
	background: #BA0000;
	color: #fff;
}
.type-time {
	background: #3b7846;
	color: #fff;
}

/* お知らせ、活用事業のご紹介カテゴリ */
.newscate-all { background: #3b7846; }
.newscate-1,
.usecate-1 { background: #f5f5f5; }
.newscate-2,
.usecate-2 { background: #f5f5f5; }
.newscate-3,
.usecate-3 { background: #f5f5f5; }
.newscate-4,
.usecate-4 { background: #f5f5f5; }
.newscate-5,
.usecate-5 { background: #f5f5f5; }
.newscate-6,
.usecate-6 { background: #f5f5f5; }
.newscate-7,
.usecate-7 { background: #f5f5f5; }

/* タブメニュー */
.tab-menu .selected { color: #3b7846; }
.tab-menu .selected:after { border-color: #3b7846; }
.tab-menu a:after { border-color: #ccc; }
.tab-menu .selected:before { border-top-color: #3b7846; }

/* ページャー */
.pager_wrap li.visited a {
    background: #3b7846;
    color: #fff;
}

/* ステップ */
.cd-multi-steps.text-top.count li:not(.current) em::before, .cd-multi-steps.text-bottom.count li:not(.current) em::before, .cd-multi-steps li > *, .cd-multi-steps li.current > * {
	color: #141414;
}

@media screen and (min-width: 481px) {
	.cd-multi-steps.text-top li.current > *::before,
	.cd-multi-steps.text-bottom li.current > *::before,
	.cd-multi-steps li.visited::after {
		background: #3b7846;
	}
	.cd-multi-steps li::after { background: #ccc; }
	.cd-multi-steps li.visited em::before { background: #3b7846 !important; }
}

@media screen and (max-width: 480px) {
	.cd-multi-steps.count li.current em,
	.cd-multi-steps.count li.visited > *::before,
	.cd-multi-steps li.visited em { color: #3b7846 !important; }
}