@charset "UTF-8";
/*------------------------------------------
* o-icon base
------------------------------------------*/
.o-icon {
    &::before,
    &::after {
		font-family: var(--googleicon);
		font-weight: 900;
    }
}
/*------------------------------------------
* o-icon icon
------------------------------------------*/

.o-icon {
	/*ペン*/
	&.__pen01 {
		&::before {
			content: "\e3c9";
		}
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e3c9";
                 
            }
        }
	}

	/*手*/
	&.__hand01 {
		&::before {
			content: "\e769";
		}
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e769";
                 
            }
        }
	}

	/*いいね*/
	&.__thumbsup01 {
		&::before {
			content: "\e8dc";
		}
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e8dc";
                 
            }
        }
	}

	/*プレゼント*/
	&.__present01 {
		&::before {
			content: "\e8f6";
		}
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e8f6";
                 
            }
        }
	}

	/*カート*/
	&.__cart01 {
		&::before {
			content: "\e8cc";
		}
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e8cc";
                 
            }
        }
	}

    /*ログイン*/
    &.__login01 {
        &::before {
            content: "\ea77";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\ea77";
                 
            }
        }
    }
    /*ログアウト*/
    &.__logout01 {
        &::before {
            content: "\e9ba";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e9ba";
                 
            }
        }
    }
    /*ユーザー*/
    &.__user01 {
        &::before {
            content: "\e853";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e853";
                 
            }
        }
    }

    /*エクスターナルリンク*/
    &.__external01 {
        &::before {
            content: "\e89e";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e89e";
                 
            }
        }
    }
    /*検索*/
    &.__search01 {
        &::before {
            content: "\e8b6";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e8b6";
                 
            }
        }
    }
    /*リセット*/
    &.__reset01 {
        &::before {
            content: "\f053";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\f053";
                 
            }
        }
    }
    /*コンサル・無料相談*/
    &.__consult01 {
        &::before {
            content: "\e9bc";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e9bc";
                 
            }
        }
    }
    /*お気に入り 前*/
    &.__bookmark01 {
        &::before {
            content: "\e8e6";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e8e6";
                 
            }
        }
    }
    /*お気に入り 後*/
    &.__bookmarked01 {
        &::before {
            content: "\e599";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e599";
                 
            }
        }
    }
    /*フォルダ・カテゴリー*/
    &.__folder01 {
        &::before {
            content: "\e2c7";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e2c7";
                 
            }
        }
    }
    /*ハッシュタグ*/
    &.__hashtag01 {
        &::before {
            content: "\e9ef";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e9ef";
                 
            }
        }
    }
    /*ロック・南京錠*/
    &.__lock01 {
        &::before {
            content: "\e897";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e897";
                 
            }
        }
    }
    /*リンク・右向き矢印*/
    &.__arrowRight01 {
        &::before {
            content: "\f1df";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\f1df";
                 
            }
        }
    }
    /*リンク・上向き矢印*/
    &.__arrowUp01 {
        &::before {
            content: "\e5d8";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e5d8";
                 
            }
        }
    }

    /*丸チェック*/
    &.__check01 {
        &::before {
            content: "\e86c";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e86c";
                 
            }
        }
    }

    /*ラジオ・チェックマークのみ*/
    &.__checkOnly01 {
        &::before {
            content: "\e9bc";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e9bc";
                 
            }
        }
    }
    /*トグル・下向きアングル*/
    &.__angleDown01 {
        &::before {
            content: "\e313";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e313";
                 
            }
        }
    }
    /*トグル・右向きアングル*/
    &.__angleRight01 {
        &::before {
            content: "\e409";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e409";
                 
            }
        }
    }
    /*トグル・左向きアングル*/
    &.__angleLeft01 {
        &::before {
            content: "\e5cb";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e5cb";
                 
            }
        }
    }


    /*情報・日時*/
    &.__date01 {
        &::before {
            content: "\e935";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e935";
                 
            }
        }
    }
    /*情報・場所*/
    &.__area01 {
        &::before {
            content: "\e55f";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e55f";
                 
            }
        }
    }
    /*情報・値段*/
    &.__price01 {
        &::before {
            content: "\f05b";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\f05b";
                 
            }
        }
    }
    /*情報・講義時間*/
    &.__estimate01 {
        &::before {
            content: "\e858";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e858";
                 
            }
        }
    }
    /*情報・人*/
    &.__human01 {
        &::before {
            content: "\e7ff";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e7ff";
                 
            }
        }
    }

    /*状態・良い・まる*/
    &.__good01 {
        &::before,
        &::after {
            color: var(--line-color0);
        }
        &::before {
            content: "\ef4a";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\ef4a";
                 
            }
        }
    }
    /*状態・微妙・三角*/
    &.__warn01 {
        &::before,
        &::after {
            color: var(--accent-color03);
        }
        &::before {
            content: "\f083";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\f083";
                 
            }
        }
    }
    /*状態・だめ・ばつ*/
    &.__close01 {
        &::before,
        &::after {
            color: var(--accent-color03);
        }
        &::before {
            content: "\e5cd";
        }
        &.__afterItem {
            &::before {
                content: none;
            }
            &::after {
                content: "\e5cd";
                 
            }
        }
    }
    
}

/*------------------------------------------
* o-icon var
------------------------------------------*/
.o-icon.__withItem {
    display: flex;
    gap: .3rem;
}

.o-icon.__afterItem {

}