@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: linear-gradient(to right, #8dcd67,#66af3a); }
.btn-negativecolor { background: linear-gradient(to left, #A1A1A1,#ccc); }
.btn-accentcolor { background: linear-gradient(to right, #ffd736,#ff9d00); }
.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: #f5f5f5; }
#home section.bg-pattern, .bg-pattern { background: url(../img/common/bg-ami.png) repeat, #f2f2f2; }
#home section.bg-darkcolor, .bg-darkcolor { background: #545454; }

/* コンテンツのタイトル */
section h2 {
	color: #F75A32;
    background: linear-gradient(to right, #8dcd67,#66af3a);
	background-clip: text;
    -webkit-background-clip: text;
	text-fill-color: transparent;
    /* -webkit-text-fill-color: transparent; */
}
@media all and (-ms-high-contrast: none) { /* IE10,11用 */
    section h2{
        background: none;
        color: #F75A32;
    }
}

/* フォーム系の項目名 */
#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; }
}