/* =============================================
COLOR OPTION（カラーオプション） 
==============================================*/
:root {
	--main: #249D57;
	--sub: #29cd6e;
	--sub2: #FFBC00;
	--white: #ffffff;
	--black: #333333;
	--gray: #efefef;
	--gray2: #f3f3f3;
	--gray3: #f5f5f5;
	--orange: #e67f02;
  }
/* =============================================
DEIGN1（デザインパターン1）▼ 
==============================================*/
.scrollArea::-webkit-scrollbar-thumb {
    background-color: var(--main);
}
.section.bg-base .scrollArea::-webkit-scrollbar-thumb {
	background-color: var(--sub);
}

.bg-base {
	background-color: var(--main) ;
}

.bg-sub {
	background: rgb(237, 238, 224, 0.5);
}

.section.bg-base .sectionTtl-wrap .sectionTtl-h2:not(.section.bg-base .sectionTtl-wrap.design3 .sectionTtl-h2){
	color: var(--white);
}

.section.bg-sub .sectionTtl-wrap .sectionTtl-h2:not(.section.bg-sub .sectionTtl-wrap.design2 .sectionTtl-h2) {
	color: var(--black);
}

.section.bg-base .sectionTtl-h2::after {
	background: var(--white) !important;
}

.section.bg-sub .sectionTtl-h2::after {
	background: var(--main) !important;
}

/* ハンバーガーメニュー */
.menu-btn, 
.hamburger-menu  .widget_nav_menu {
	background: var(--main);
}

.widget_nav_menu li a::before {
	background-color: var(--sub);
}

/* パンくず */
.breadcrumb_wrap {
	background-color: var(--main);
}

/* マーカー */
.sec-introduction.bg-base .yellow_line{
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(214 145 8) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(214 145 8) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(214 145 8) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(214 145 8) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(214 145 8) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}
.sec-introduction.bg-base .yellow_line.active{
    background-position: -100% .8em;
}


/* 見出しデザイン1 */
.sec-introduction h1.design1 {
	background: rgb(237, 238, 224, 0.5);
	border-bottom: solid 3px var(--main);
}

/* 見出しデザイン2*/
.sec-introduction h1.design2 {
	color: var(--main);
    border-top: solid 3px var(--main);
    border-bottom: solid 3px var(--main);
}
.sec-introduction h1.design2 {
    background: -webkit-repeating-linear-gradient(-45deg, #dcdecb, #ffffff 3px,#ffffff 3px, #edefd0 7px);
    background: repeating-linear-gradient(-45deg, #dcdecb, #ffffff 3px,#ffffff 3px, #edefd0 7px);
}
.sec-introduction.bg-base h1.design2 {
    background: transparent;
	color: var(--white);
    border-top: solid 3px var(--white);
    border-bottom: solid 3px var(--white);
	color: var(--white);
}

/* 見出しデザイン3*/ 
.sec-introduction h1.design3 {
	border: 3px solid var(--main);
    box-shadow: 3px 3px 0 0 var(--main);
}
.sec-introduction h1.design3::before {
	border-top-color: var(--main);
    border-right-color: var(--main);
}
.sec-introduction.bg-base  h1.design3 {
	border: 3px solid var(--sub);
    box-shadow: 3px 3px 0 0 var(--sub);
}
.sec-introduction.bg-base  h1.design3::before {
	border-top-color: var(--sub);
    border-right-color: var(--sub);
}

/* 導入文 */
.sec-introduction .introduction-text {
	border: 3px solid var(--main);
	background-color: var(--white);
}

/* デザイン3 */
.sec-introduction.bg-base .introduction-text.design3 {
	border: 3px solid var(--white);
}

/* セクションタイトル(H2) デザイン1*/
.sectionTtl-wrap.design1 .sectionTtl-h2::after {
	background: var(--sub2);
}
/* セクションタイトル(H2) デザイン2*/
.sectionTtl-wrap.design2 {
    background: var(--main);
}
.sectionTtl-wrap.design2 span{
    background: var(--sub);
}


/* おすすめコンテンツ（デザイン2） */
#recommend.rb_design2 .recommend-box,
.single-pickup .recommend-box.rb_design2 {
	border: 5px solid var(--main);
}

#recommend.rb_design2 .recommend-box .recommend-ttl_h3::after,
.single-pickup .recommend-box.rb_design2 .recommend-ttl_h2::after {
	background-color: var(--sub);
}

/* おすすめコンテンツ（デザイン3） */
#recommend.rb_design3 .recommend-box,
.single-pickup .recommend-box.rb_design3 {
	border: 3px solid var(--main);
}

#recommend.rb_design3 .recommend-box .recommend-ttl_h3,
.single-pickup .recommend-box.rb_design3 .recommend-ttl_h2 {
	background-color: var(--main);
}

/* おすすめコンテンツ（デザイン1）詳細ページ */
.single-pickup .recommend-box.rb_design1  {
	background-color: var(--white);
}
/* おすすめコンテンツ（デザイン2）詳細ページ */
.single-pickup .recommend-box.rb_design2  {
	background-color: var(--white);
}
/* おすすめコンテンツ（デザイン3） 詳細ページ*/
.single-pickup .recommend-box.rb_design3  {
	background-color: var(--white);
}


/***************************************
RECOMMEND TITLE（TOPページH3&詳細ページH2）
***************************************/
/* デザイン1 */
#recommend.rb_design1 .recommend-ttl_h3,
.single .recommend-box.rb_design1 .recommend-ttl_h2 {
	background-image: linear-gradient(-90deg, var(--main) 0 96.5%, var(--sub) 15% 100%);
}

@media screen and (min-width: 768px) {
	#recommend.rb_design1 .recommend-ttl_h3,
	.single .recommend-box.rb_design1 .recommend-ttl_h2 {
		background-image: linear-gradient(-90deg, var(--main) 0 97.5%, var(--sub) 10% 100%);
	}
}

@media screen and (min-width: 1024px) {
	#recommend.rb_design1 .recommend-ttl_h3,
	.single .recommend-box.rb_design1 .recommend-ttl_h2 {
		background-image: linear-gradient(-90deg, var(--main) 0 98.5%, var(--sub) 7% 100%);
	}
}

/***************************************
RECOMMEND TITLE（TOPページH4&詳細ページH3）
***************************************/
/* デザイン1 */
.recommend-box .design1 .recommend-ttl_h4,
.single .recommend-box .recommend-ttl_h3.design1 {
	border-bottom: 3px solid var(--main);
}

.recommend-box .design1 .recommend-ttl_h4::before,
.single .recommend-box .recommend-ttl_h3.design1::before {
	background-color: var(--main);
}

/* デザイン2 */
.recommend-box .design2 .recommend-ttl_h4,
.single .recommend-box .recommend-ttl_h3.design2 {
	background-color: var(--main);
	border: 3px solid var(--main);
    box-shadow: 3px 3px 0 0 #1c8347;
}

.recommend-box .design2 .recommend-ttl_h4::before,
.single .recommend-box .recommend-ttl_h3.design2::before {
	border-top-color: var(--main) !important;
	border-right-color: var(--main) !important;
}
.recommend-box .design2 .recommend-ttl_h4::after,
.single .recommend-box .recommend-ttl_h3.design2::after {
	border-top-color: var(--main) !important;
    border-right-color: var(--main) !important;
}

/* デザイン3 */
.recommend-box .design3 .recommend-ttl_h4::after,
.single .recommend-box .recommend-ttl_h3.design3::after {
	background: var(--main);
}

/* テーブルコンテンツ（基本情報） */
.table table tbody th {
	background-color: var(--sub2);
}

/* 目次TOP（デザイン1） */
.sec-contents.design1 #toc_container .contents-subheading {
	background-image: url(../img/object_green.svg);
}
.sec-contents.design1 #toc_container .contents-subheading:before {
	background: var(--main);
}
.sec-contents.design1 #toc_container .contents-subheading {
	border-top: 0.2rem solid var(--main);
}
.sec-contents.design1 #toc_container .toc_list .toc-link{
	border-bottom: 0.1rem solid var(--main);
}
.sec-contents.design1 #toc_container .toc_list .toc-link a::before{
	color: var(--sub2);
}
/* 目次詳細ページ（デザイン1） */
.single .recommend-box.toc_design1 #toc_container {
	background: var(--white) !important;
    border: 0.2rem solid var(--sub2) !important;
}
.single .recommend-box.toc_design1 #toc_container .toc_title::before {
	color: var(--sub2);
}
.single .recommend-box.toc_design1 #toc_container .toc_title span a {
	color: var(--sub);
}
.single .recommend-box.toc_design1 #toc_container .toc_list li::before {
	background-color: var(--sub);
}

/* 目次TOP（デザイン2） */
.sec-contents.design2 #toc_container,
.single .recommend-box.toc_design2 #toc_container {
	background-color: var(--white) !important;
	border: 3px solid var(--main) !important;
}
.sec-contents.design2 #toc_container .toc_title::before, 
.sec-contents.design2 #toc_container .toc_title::after,
.single .recommend-box.toc_design2 #toc_container .toc_title::before,
.single .recommend-box.toc_design2 #toc_container .toc_title::after {
	background-color: var(--sub);
}
.sec-contents.design2 #toc_container .contents-subheading {
	border-top: 2px solid var(--main);
    border-bottom: 2px solid var(--main);
}
.sec-contents.design2 #toc_container .contents-subheading::before {
	background-color: var(--sub);
}
.sec-contents.design2 #toc_container .toc_list .toc-link a,
.single .recommend-box.toc_design2 #toc_container .toc_list li a{
	background-color: #EDEEE0;
}
.sec-contents.design2 #toc_container .toc_list .toc-link a::before,
.single .recommend-box.toc_design2 #toc_container .toc_list li a::before {
	color: var(--sub2);
}
.sec-contents.design2 #toc_container .toc_title span a,
.single .recommend-box.toc_design2 #toc_container .toc_title span a {
	color: var(--main);
}


/* おすすめポイント(デザイン1) */
.point-list .point-item.design1,
.point-list .point-item.design2,
.point-list .point-item.design3 {
	background: rgba(237, 238, 224, 0.5);
}

.point-list .point-item.design1 .point-icon,
.point-list .point-item.design2 .point-icon,
.point-list .point-item.design3 .point-icon {
	background-color: var(--sub2);
}


/* 口コミ */
#recommend .recommend-box .reviews.design1 .review-box,
.single .recommend-box .reviews.design1 .review-box {
	background: rgba(237, 238, 224, 0.5);
}

.reviews.design1 .review-title {
    border-bottom: 0.2rem solid var(--main);
}

.reviews.design1 .review-title::before {
    color: var(--main);
}

/* 運営者コメント（デザイン1） */
.reviews.design1 .admin-box {
	background-color: rgba(237, 238, 224, 0.5);
}

.reviews.design1 .admin-title {
	background-color: var(--sub2);
	color: var(--white);
}

/* 口コミ （デザイン2）*/
.reviews.design2 .review-box  {
	border: 3px solid var(--main);
}

.reviews.design2 .review-title span {
    background-color: var(--main);
}
.reviews.design2 .review-title span::before {
	border-right: solid 20px var(--main);
}

/* 運営者コメント（デザイン2） */
.reviews.design2 .admin-box {
	background-color: var(--white);
	border: 3px solid var(--orange);
}

.reviews.design2 .admin-title {
	background-color: var(--orange);
	color: var(--white);
}

/*FAQ（よくある質問）*/

/* 「Q」アイコン背景色 */
.sec-faq.design1 .question span {
	background-color: var(--main);
}

/* 矢印アイコン */
.sec-faq.design1 .question::before {
	color: var(--main);
}

/* FAQデザイン1 */
.sec-faq.design1 .answer span {
	background-color: var(--sub2);
}
/* FAQデザイン2 */
.sec-faq.design2 .faq-item::before {
	border: 4px solid var(--main);
    border-bottom: none;
    border-top-left-radius: 70px 60px;
    border-top-right-radius: 70px 60px;
}
.sec-faq.design2 .faq-item::after {
	border: 4px solid var(--main);
    border-top: none;
    border-bottom-left-radius: 70px 60px;
    border-bottom-right-radius: 70px 60px;
}
.sec-faq.design2 .question span {
	color: var(--main);
}
.sec-faq.design2 .question i, 
.sec-faq.design2 .question i::after {
	background-color: var(--main);
}
.sec-faq.design2 .answer span {
	color: var(--sub2);
}

/* FAQデザイン3 */
.sec-faq.design3 .faq-item  {
    border: 3px solid var(--main);
}
.sec-faq.design3 .question_design3 {
	background-color: var(--main);
}
.sec-faq.design3 .question_design3 span {
	background-color: var(--sub);
}
.sec-faq.design3 .answer_design3 span {
	background-color: var(--sub2);
}


/* その他リスト・投稿一覧 （FAQ形式）*/
/* その他リスト・投稿一覧デザイン1 */
.sec-postList.design1 .view span {
	background-color: var(--main);
}

/* デザイン3（投稿一覧デザインパターン3）*/
.sec-postList.design3 .post-icon span {
	background-color: var(--sub2);
}

/* デザイン3（その他の企業のデザインパターン）*/
.sec-postList.design5 .title {
	border-bottom: 3px solid var(--main);
}
.sec-postList.design5.bg-none .post-item {
    background-color: var(--main);
    border: 3px solid var(--main);
}

/* デザイン6*/
.sec-postList.design6 ul li a .title {
	border-left: 5px solid  var(--main);
}

/* Tablepress */
.sec-tablepress.column_table .tablepress td:first-child {
	background: var(--sub2);
}

.sec-tablepress.row_table .tablepress td:first-child {
	background: var(--gray3);
}

/* 横並びテーブル */
/* 背景がグレーの場合 */
.sec-tablepress.row_table.bg-gray .tablepress td:first-child {
    background: rgba(1, 105, 184, 0.1);
}
/* 新テーブル */
.sec-tablepress.column_table-2 tr.row-1 td {
	background-color: var(--sub2) !important;
}

/* 背景がベースカラーの場合*/
.sec-tablepress.column_table-2.bg-base .tablepress td:first-child {
    background: var(--gray3);
    border: 1px solid var(--gray3);
    color: var(--black);
}


/* テーブルプレスボタンデザイン1 */
.tablepress tr td a.tp_btn-1 {
	background: var(--main);
	border-color: var(--main);
}
/* テーブルプレスボタンデザイン1 */
.scrollArea.design1 .tablepress tr td a.tp_btn-1:hover {
	background: var(--white);
	color: var(--main);
}

/* テーブルプレスボタンデザイン2 */
.scrollArea.design2 .tablepress tr td a.tp_btn-1,
.scrollArea.design2 .tablepress tr td a.tp_btn-2 {
	background-color: var(--main);
	-webkit-box-shadow: 0 3.5px 0 #1c8347;
    box-shadow: 0 3.5px 0 #1c8347;
}
.scrollArea.design2 .tablepress tr td a.tp_btn-1:hover,
.scrollArea.design2 .tablepress tr td a.tp_btn-2:hover {
	-webkit-box-shadow: 0 2px 0  #1c8347;
    box-shadow: 0 1px 0 #1c8347;
}

/* テーブルプレスボタンデザイン3 */
.scrollArea.design3 .tablepress tr td a.tp_btn-1,
.scrollArea.design3 .tablepress tr td a.tp_btn-2 {
	background-color: var(--main);
	-webkit-box-shadow: 0 3.5px 0 #1c8347;
    box-shadow: 0 3.5px 0 #1c8347;
}
.scrollArea.design3 .tablepress tr td a.tp_btn-1:hover,
.scrollArea.design3 .tablepress tr td a.tp_btn-2:hover {
	-webkit-box-shadow: 0 2px 0  #1c8347;
    box-shadow: 0 1px 0 #1c8347;
}

/* テーブルプレスボタンカラー1 */
.scrollArea.btn1_1 .tablepress tr td .tp_btn-1,
.scrollArea.btn2_1 .tablepress tr td .tp_btn-2 {
    background-color: var(--main);
    border-color: var(--main);
}

/* テーブルプレスボタンデザイン1 × カラー1 */
.scrollArea.btn1_1.design1 .tablepress tr td .tp_btn-1:hover,
.scrollArea.btn2_1.design1 .tablepress tr td .tp_btn-2:hover {
    color: var(--main);
}

/* スクロールバー */
.horizonal-scroll::-webkit-scrollbar-thumb {
	background-color: var(--sub2);
}

.horizonal-scroll::-webkit-scrollbar {
	height: 7px;
}
  
.horizonal-scroll::-webkit-scrollbar-track {
	background-color: var(--gray);
}
  
.horizonal-scroll::-webkit-scrollbar-thumb{
	background-color: #ccc;
	border-radius: 50px;
}

/* CAT LIST（投稿一覧） */
.cat-list .cat-item .text-wrap .title {
	border-color: var(--main);
}

/* SIDEBAR（サイドバー） */
#sidebar .sidebar-list.design1 .sidebar-title {
	background-color: var(--main);
}

#sidebar .sidebar-list.design1 .title {
	border-color: var(--main);
	background: rgba(237, 238, 224, 0.5);
}

.sidebar-list.post .sidebar-item:before {
	color: var(--sub2);
}

/* 一覧ページボタン */
.btn-wrap.wide .btn.btn_top a {
	background-color: var(--sub2);	
	border-color: var(--sub2);
}

.btn-wrap.wide .btn.btn_top:hover a {
	background-color: var(--white);
	color: var(--sub2);
}

/* 3BOX */
/* 共通デザイン */
.sec-3box .point li::before  {
	background-color:var(--sub2);
}
.sec-3box.design1 .box,
.sec-3box.design2 .box,
.sec-3box.design3 .box {
	background: var(--white);
}
.sec-3box.bg-none.design1 .box,
.sec-3box.bg-none.design2 .box,
.sec-3box.bg-none.design3 .box {
	background: rgb(237, 238, 224, 0.25);
}

/* デザイン1 */
.sec-3box.design1 .name::before,
.sec-3box.design1 .name::after {
	background-color:var(--sub2);
}

/* デザイン2 */
.sec-3box.design2 .box {
	border: 3px solid var(--main);
}
.sec-3box.design2 .name::after {
	background-color: var(--sub2);
}
.sec-3box.design2.bg-base .box {
    background-color: var(--white);
}


/* デザイン3（縦並び） */
.sec-3box.design3 .box {
	border: 3px solid var(--main);
}
.sec-3box.design3 .name {
	border-bottom: 3px solid var(--main);
}
.sec-3box.design3 .name::before {
	background-color: var(--main);
}


/* おすすめ関連記事 */
.rl_post ul li a .img-wrap .category {
	background-color: var(--gray);
	color: var(--main);
}

.rl_post ul li a .text-wrap h4 {
	border-color: var(--main);
}

.related_post_title {
	border-color: var(--main);
}

.related_post_title::after {
	color: var(--main);
}


/* ボタンレイアウト */
.btn.btn1 .btn-copy::before,
.btn.btn1 .btn-copy::after {
	background-color: var(--main);
}

.btn.btn1 a{
	background: var(--main);
}

.btn.btn1:hover a {
	background-color: var(--white);
	color: var(--main);
}

/* カラーオプション1 × レイアウトオプション1 */
.btn.btn1.design1 .btn-copy::before,
.btn.btn1.design1 .btn-copy::after {
	background-color: var(--main);
}

.btn.btn1.design1 a {
	background-color: var(--main);
	border-color: var(--main);
	color: var(--white);
}

.btn.btn1.design1:hover a {
	background-color: var(--white);
	color: var(--main);
}

/* カラーオプション1 × レイアウトオプション2 */
.btn.btn1.design2 .btn-copy {
	border-color: var(--main);
	color: var(--main);
}

.btn.btn1.design2 a {
	background-color: var(--main);
	color: var(--white);
	-webkit-box-shadow: 0 5px 0 #1c8347;
    box-shadow: 0 5px 0 #1c8347;
}

.btn.btn1.design2:hover a {
	-webkit-box-shadow: 0 2px 0  #1c8347;
    box-shadow: 0 2px 0 #1c8347;
}

/* カラーオプション1 × レイアウトオプション3 */
.btn.btn1.design3 .btn-copy::before,
.btn.btn1.design3 .btn-copy::after {
	border-color: var(--main);
}

.btn.btn1.design3 a {
	background-color: var(--main);
	color: var(--white);
	-webkit-box-shadow: 0 5px 0 #1c8347;
    box-shadow: 0 5px 0 #1c8347;
}

.btn.btn1.design3:hover a {
	-webkit-box-shadow: 0 1px 0  #1c8347;
    box-shadow: 0 1px 0 #1c8347;
}


/* テキストコンテンツデザイン1 */
.sec-bottomContent h2.design1:not(.sectionTtl2_h2),
.single .recommend-box h2.design1:not(.single .recommend-box .recommend-ttl_h2) {
    background-image: url(../img/object_green.svg);
	border-top: 0.3rem solid var(--main);
}

.sec-bottomContent h2.design1::before,
.single .recommend-box h2.design1:not(.single .recommend-box .recommend-ttl_h2)::before {
	background-color: var(--main);
    background-image: url(../img/object_08.png);
}

.sec-bottomContent h3.design1,
.single .recommend-box h3.design1 {
	border-bottom: 3px solid var(--main);
}

.sec-bottomContent h3.design1::before,
.single .recommend-box h3.design1:not(.single .recommend-box .recommend-ttl_h3)::before {
	background-color: var(--main);
}

.sec-bottomContent h4.design1,
.single .recommend-box h4.design1 {
    border-bottom: 3px dashed var(--main);
}

/* テキストコンテンツデザイン2 */
.sec-bottomContent h2.design2:not(.sectionTtl-h2),
.single .recommend-box h2.design2:not(.single .recommend-box .recommend-ttl_h2) {
    border: 2px solid var(--main);
    box-shadow: 5px 5px var(--main);
    color: var(--black);
	background-color: var(--white);
}

.sec-bottomContent h3.design2,
.single .recommend-box h3.design2:not(.single .recommend-box .recommend-ttl_h3) {
	background-color: var(--main);
}

.sec-bottomContent h4.design2,
.single .recommend-box h4.design2 {
	background: rgb(237, 238, 224, 0.5);
}

/* テキストコンテンツデザイン3 */
.sec-bottomContent h2.design3:not(.sectionTtl-h2),
.single .recommend-box h2.design3:not(.single .recommend-box .recommend-ttl_h2) {
	background-color: var(--main); 
}

.sec-bottomContent h3.design3,
.single .recommend-box h3.design3:not(.single .recommend-box .recommend-ttl_h3) {
	border-bottom: 3px solid var(--sub2);
}

.sec-bottomContent h3.design3::before, 
.single .recommend-box h3.design3:not(.single .recommend-box .recommend-ttl_h3)::before {
	background-color:  var(--sub2);
}

.sec-bottomContent h4.design3,
.single .recommend-box h4.design3 {
	border-right: 20px solid var(--main);
}

/* ポイントボックスレイアウト1 */
.sec-bottomContent .point-wrap.design1 {
	background-color: var(--main);
}

/* ポイントボックスレイアウト2 */
.sec-bottomContent .point-wrap.design2 {
	background-color: var(--gray2);
    border: 3px solid var(--main);
}
.sec-bottomContent .point-wrap.design2 .point-title span {
	background-color: var(--main);
}
.sec-bottomContent .point-wrap.design2 .point-title span::after {
	border-right: solid 20px var(--main);
}
.sec-bottomContent .point-wrap.design2 p::before {
	color: var(--sub);
}

/* ポイントボックスレイアウト3 */
.sec-bottomContent .point-wrap.design3 .point-inner {
	border: solid 3px var(--sub2);
}
.sec-bottomContent .point-wrap.design3 .point-title {
	background-color: var(--sub2);
}
.sec-bottomContent .point-wrap.design3 p + p {
    border-top: dashed 1px var(--sub2);
}
.sec-bottomContent .point-wrap.design3 p::before {
    background-color: var(--sub2);
}


/* PRコンテンツ*/
.pr-bottom {
	background-color: var(--main);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255,255,255,0.05) 2px, rgba(255, 255, 255, 0.05) 4px);
}
.pr-bottom a.btn-c {
    background: var(--sub2);
    -webkit-box-shadow: 0 5px 0 rgba(255, 188, 0, 0.2);
    box-shadow: 0 5px 0 rgba(255, 188, 0, 0.2);
}
.pr-bottom a.btn-c:hover {
	background: var(--main);
}
.pr-bottom a.btn-c:hover span {
	color: var(--main);
}

/* PRクライアント詳細ページ */
.single-pickup .recommend-box.rb_design1 h2.recommend-ttl_h3.recommend-ttl_pr .pr, 
.single-pickup .recommend-box.rb_design3 h2.recommend-ttl_h3.recommend-ttl_pr .pr {
    background-color: #EDEEE0;
    color: var(--black);
}

/* PR迷ったらここコンテンツ */
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title,
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title::before,
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::before,
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::after {
    background-color: var(--main);
}

[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title::after {
    color: var(--main);
}

[class*="is-BrSearchContents-style_pickupBox_"] dl {
    border: 5px solid var(--main);
}

[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn a {
    background: var(--orange);
    -webkit-box-shadow: 0 5px 0 #c56c01;
    box-shadow: 0 5px 0 #c56c01;
}

[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn:hover a {
    box-shadow: 0 2px 0 #c56c01;
}

.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointTitle {
    border-bottom: 3px solid var(--main);
}
  
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem {
    background: rgba(239, 239, 239,0.5);
}

.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem .pickupBox-pointIcon {
    background-color: var(--orange);
}

/* PR専用ページ */
.mv.mv_pr .time {
	background: var(--sub);
}

.pr-page .pr-main {
	background: rgb(237, 238, 224, 0.5);
}
.pr-page .pr-main h2 {
	color: var(--main);
	border-top: solid 3px var(--main);
	border-bottom: solid 3px var(--main);
}
.pr-page-btm h2 {
	background-color: var(--sub);
}

.pr-btn2 {
    background: var(--sub2);
    border: 1px solid var(--sub2);
    box-shadow: 0 6px 0 #d39c02;
}

.pr-btn2:hover {
    color: var(--sub2);
    border: 1px solid var(--sub2);
    box-shadow: 0 0 0 #d39c02;
}

/* PRバナー */
.pr-inner {
    display: block;
    background-color: var(--main);
	border-color: var(--main);
}
.pr-inner:hover .pr-title{
	color: var(--main);
}
.pr-title span {
	color: var(--main);
}
.pr-inner:hover .pr-title span {
	background-color: var(--main);
	color: var(--white);
	transition-delay: 0.05s;
}

/* Footer（フッター） */
.footer {
	background: #616161;
}
/* バナー（通常） */

/* トップボタン（TOPに戻るボタン） */
.footer-totop-btn {
	background: var(--sub2);
	color: var(--white);
}	

/* ページャー */
.pager .page-numbers.current {
	background-color: var(--main);
}


/* 運営者情報 */
.page-box h2 {
	border: 3px solid var(--main);
    box-shadow: 3px 3px 0 0 var(--main);
}
.page-box h2::before {
	border-top-color: var(--main);
    border-right-color: var(--main);
}


/* SITEMAP（サイトマップ） */
.sitemap-home, .sitemap-rank {
	background: rgba(237, 238, 224, 0.5);
}
.sitemap-home::before, .sitemap-rank::before {
	background: var(--main);
}
.sitemap-home::after, .sitemap-rank::after {
	color: var(--sub);
}
.sitemap-ul > li > a::before {
	color: var(--main);
}
.sitemap-pickup a::after,
.sitemap-ul ul a::after,
.sitemap-pages a:after {
	color: var(--sub);
}

/* CONTACT（お問い合わせページ） */
input.wpcf7-submit {
	background-color: var(--main);
    border: 2px solid var(--main) !important;
}
input.wpcf7-submit:hover {
	color: var(--main);
}

/* 監修者情報 */
.sv-info {
	background-color: var(--main);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255,255,255,0.05) 2px, rgba(255, 255, 255, 0.05) 4px);
}

/*********************************
BLOG CARD（ブログカード）
*********************************/
.blog-card .title {
	border-bottom: 2px solid var(--main);
}

.blog-card .title::before {
	background-color: var(--main);
}

/*********************************
画像＋公式ボタン
*********************************/
.campaign-box {
	background: rgba(237, 238, 224, 0.5);
}

.campaign-box .text-wrap a {
	background-color: var(--sub2);
}


/*********************************
PR特集ページ追加CSS
*********************************/
.pr-main2 {
  position: relative;
	background: #BDE1CC;
}
.pr-main2:after {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 20px 25px 0 25px;
  border-color: #BDE1CC transparent transparent transparent;
  content: "";
}

.pr-page--btn {
	background: #BDE1CC;
}

/*********************************
詳細ページページ上キャッチコピー
*********************************/
/* デザイン1 */
.single .pickup-mainCopy.copy_design1::before,
.single .pickup-mainCopy.copy_design1::after {
	background: var(--main);
}

/* デザイン2 */
.single .pickup-mainCopy.copy_design2 .copy-inner {
	background: var(--main);
}
.single .pickup-mainCopy.copy_design2::before,
.single .pickup-mainCopy.copy_design2::after {
	border: 1em solid #1d924f;
}
.single .pickup-mainCopy.copy_design2::before {
	border-left-color: transparent;
}
.single .pickup-mainCopy.copy_design2::after {
	border-right-color: transparent;
}
.single .pickup-mainCopy.copy_design2 .copy-inner::before,
.single .pickup-mainCopy.copy_design2 .copy-inner::after {
	border-color: #137f41 transparent transparent transparent;
}

/* デザイン3 */
.single .pickup-mainCopy.copy_design3 {
	border-color: var(--main);
}
.single .pickup-mainCopy.copy_design3::before {
	border-color: var(--main) transparent transparent transparent;
}

/* デザイン4 */
.single .pickup-mainCopy.copy_design4 {
	border-color: var(--main);
}
.single .pickup-mainCopy.copy_design4 .copy-inner::before {
	color: var(--main);
}

/* デザイン5 */
.single .pickup-mainCopy.copy_design5 {
	border-color: var(--main);
	color: var(--main);
}
.single .pickup-mainCopy.copy_design5::before {
    border-color: var(--main) transparent transparent; 
}

/*********************************
3BOX(セレクション)
*********************************/
[class*="is-BrSearchContents-style_selectBoxes_selection"] .select-box .select-catch {
	color: var(--orange) !important;
}

/* カスタムプロパティ（変数） */
:root {
    --select-primary-color: var(--main);
  	--select-box-topCatch-color: var(--main);
  	--select-box-txtTitle-color: var(--main);
    --select-box-content-height: 130px;
    --select-box-btn1-color: var(--orange);
    --select-box-btn2-color: var(--orange);
}