/* =============================================
COLOR OPTION（カラーオプション） 
==============================================*/
:root {
	--main: #fcbb4e;
	--sub: #ffa30a;
	--sub2: #f07c67;
	--white: #ffffff;
	--black: #333333;
	--gray: #efefef;
	--gray2: #f3f3f3;
	--gray3: #f9f9f9;
	--orange: #AD981F;
  }
/* =============================================
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:rgba(220, 190, 26, 0.2);
}

.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(--white);
}

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

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


/* 見出しデザイン1 */
.sec-introduction h1.design1 {
	background: rgba(220, 190, 26, 0.05);
	border-bottom: solid 3px var(--sub);
}
.sec-introduction.bg-sub h1.design1,
.sec-introduction.bg-gray h1.design1 {
	background-color: var(--white);
}

/* 見出しデザイン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, #ffffff, #ffffff 3px,#ffffff 3px, #ffe4b6 7px);
    background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#ffffff 3px, #ffe4b6 7px);
}
.sec-introduction.bg-base h1.design2 {
    color: var(--white);
    border-top: solid 3px var(--white);
    border-bottom: solid 3px var(--white);
	background: transparent;
}


/* 見出しデザイン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.bg-base .introduction-text.design3 {
	border-color: var(--sub);
	background-color: var(--white);
}
.sec-introduction.bg-base .introduction-text.design3 p {
	color: var(--black);
}

/* セクションタイトル(H2) デザイン1*/
.sectionTtl-wrap.design1 .sectionTtl-h2::after {
	background: var(--main);
}
/* セクションタイトル(H2) デザイン2*/
.sectionTtl-wrap.design2 {
    background: var(--main);
}
.sectionTtl-wrap.design2 span{
    background: var(--sub2);
}
/* おすすめコンテンツ（デザイン1） */

/* おすすめコンテンツ（デザイン2） */
#recommend.rb_design2 .recommend-box,
.single-pickup .recommend-box.rb_design2 {
	border: 4px 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(--main);
}

/* おすすめコンテンツ（デザイン3） */
#recommend.rb_design3 .recommend-box,
.single-pickup .recommend-box.rb_design3 {
	border: 3px solid var(--main);
}
#recommend.rb_design3.bg-base .recommend-box {
	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);
}

#recommend.rb_design3.bg-base .recommend-box .recommend-ttl_h3 {
	background: rgba(220, 190, 26, 0.2);
}
#recommend.rb_design3.bg-base .recommend-box .recommend-ttl_h3 a {
	color: var(--black);
}

/* おすすめコンテンツ（デザイン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_h2,
	.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 #e1a848;
}

.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_orange.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: rgba(220, 190, 26, 0.08);
}
.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(--sub);
}
.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(220, 190, 26, 0.08);
}

.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);
}


/* 口コミ （デザイン1）*/
#recommend .recommend-box .reviews.design1 .review-box,
.single .recommend-box .reviews.design1 .review-box {
	background: rgba(220, 190, 26, 0.08);
}

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

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

/* 運営者コメント（デザイン1） */
.reviews.design1 .admin-box {
	background: rgba(220, 190, 26, 0.08);
}

.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(--sub2);
}

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

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

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

.sec-faq.design1 .answer {
	background-color: var(--white);
}
/* 矢印アイコン */
.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);
}

.sec-faq.design2.bg-base .faq-item::before {
	border: 4px solid var(--sub);
	border-bottom: none;
}

.sec-faq.design2.bg-base .faq-item::after {
	border: 4px solid var(--sub);
	border-top: none;
}

.sec-faq.design2.bg-base .question span {
	color: var(--sub);
}
.sec-faq.design2.bg-base .question i, 
.sec-faq.design2.bg-base .question i::after {
	background-color: var(--sub);
}


/* 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);
}

.sec-faq.design3.bg-base .question_design3 {
	background-color: var(--sub);
	color: var(--white);
}

.sec-faq.design3.bg-base .question_design3 span {
	background-color: var(--main);
}

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

/* デザイン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(--sub);
}

.sec-tablepress.column_table.bg-base .tablepress td:first-child {
	background: var(--gray3);
	color: var(--black);
}
/* 横並びテーブル */
.sec-tablepress.row_table .tablepress td:first-child {
	background: var(--gray3);
}
.sec-tablepress.row_table.bg-sub .tablepress td:first-child {
	background: var(--gray3);
}

/* 新テーブル */
.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 #e1a848;
    box-shadow: 0 3.5px 0 #e1a848;
}
.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  #e1a848;
    box-shadow: 0 1px 0 #e1a848;
}

/* テーブルプレスボタンデザイン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 #e1a848;
    box-shadow: 0 3.5px 0 #e1a848;
}
.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  #e1a848;
    box-shadow: 0 1px 0 #e1a848;
}

/* テーブルプレスボタンカラー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(220, 190, 26, 0.08);
}

.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(--sub);
}
.sec-3box.design1 .box,
.sec-3box.design2 .box,
.sec-3box.design3 .box {
	background: rgba(220, 190, 26, 0.05);
}

.sec-3box.bg-sub.design1 .box,
.sec-3box.bg-sub.design2 .box,
.sec-3box.bg-sub.design3 .box {
	background-color: var(--white);
}

.sec-3box.bg-base.design1 .box,
.sec-3box.bg-base.design2 .box,
.sec-3box.bg-base.design3 .box {
	border: 3px solid var(--sub);
	background-color: var(--white);
}

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

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


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


/* おすすめ関連記事 */
.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 #e1a848;
    box-shadow: 0 5px 0 #e1a848;
}

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

/* カラーオプション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 #e1a848;
    box-shadow: 0 5px 0 #e1a848;
}

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


/* テキストコンテンツデザイン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_orange.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: 2px dashed var(--sub);
}

/* テキストコンテンツデザイン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: rgba(220, 190, 26, 0.08);
}

/* テキストコンテンツデザイン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(--sub);
}

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

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

/* ポイントボックスレイアウト1 */
.sec-bottomContent .point-wrap.design1 {
	background-color: var(--main);
}
/* ポイントボックスレイアウト2 */
.sec-bottomContent .point-wrap.design2 {
	background-color: var(--white);
    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(--sub2);
}

/* ポイントボックスレイアウト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);
}
.sec-pr.bg-base .pr-bottom{
	background-color: var(--sub);
}
.pr-bottom a.btn-c {
    background: var(--sub2);
    -webkit-box-shadow: 0 5px 0 rgba(220, 190, 26, 0.2);
    box-shadow: 0 5px 0 rgba(220, 190, 26, 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: var(--white);
    color: var(--main);
}
/* PR専用ページ */
.mv.mv_pr .time {
	background: var(--gray3);
	color: var(--black) !important;
}

.pr-page .pr-main {
	background:rgba(220, 190, 26, 0.08)
}
.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 #d86e5a;
}

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

/* 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(--sub2);
    -webkit-box-shadow: 0 5px 0 #c25946;
    box-shadow: 0 5px 0 #c25946;
}

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

.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(220, 190, 26, 0.08);
}

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

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

/* Footer（フッター） */
.footer {
	background: var(--main);
}
/* バナー（通常） */

/* トップボタン（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(220, 190, 26, 0.08);
}
.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(220, 190, 26, 0.08);
}

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

/*********************************
詳細ページページ上キャッチコピー
*********************************/
/* デザイン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 #f9b749;
}
.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: #e6a943 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(--sub2) !important;
}
/* カスタムプロパティ（変数） */
:root {
    --select-primary-color: var(--sub);
  	--select-box-topCatch-color: var(--sub);
  	--select-box-txtTitle-color: var(--sub);
    --select-box-content-height: 130px;
    --select-box-btn1-color: var(--sub2);
    --select-box-btn2-color: var(--sub2);
}