/*
Theme Name: RINXs Theme
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: Custom theme converted from HTML
Version: 1.0
*/


/* ボタンの基本スタイル */
.header_btns a {
    text-decoration: none; /* リンクの下線をなくす */
}

.header_btn {
    background-color: #4CAF50; /* ボタンの基本色 */
    color: white; /* ボタン内のテキストカラー */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease; /* マウスオーバー時のスムーズな色変更 */
}

/* マウスオーバー時に白っぽくする */
.header_btn:hover {
    background-color: #f1f1f1; /* 白っぽい背景に変更 */
    color: #333; /* テキストカラーをダークグレーに変更 */
}


/* リンクの基本スタイル */
.header_links a {
    color: inherit; /* 親要素の文字色を引き継ぐ */
    text-decoration: none; /* 下線をなくす */
}

/* マウスオーバー時にグレーに変わる */
.header_links a:hover {
    color: #888888; /* グレーに変える */
}


.top_footer_item a {
    color: inherit; /* 親要素の文字色を引き継ぐ */
    text-decoration: none; /* 下線をなくす */
}

/* リンクが訪問済みのとき */
.top_footer_item a:visited {
    color: inherit; /* 親要素の文字色を引き継ぐ */
}

/* リンクにカーソルを合わせた時 */
.top_footer_item a:hover {
    color: #888888; /* グレーに変える（色コードを調整） */
    text-decoration: none; /* 下線をなくす */
}

/* リンクがクリックされているとき */
.top_footer_item a:active {
    color: inherit; /* 親要素の文字色を引き継ぐ */
}

/* リンクの基本スタイル */
.top_footer_blogs a {
    color: inherit; /* 親要素の文字色を引き継ぐ */
    text-decoration: none; /* 下線をなくす */
}

/* リンクにカーソルを合わせた時 */
.top_footer_blogs a:hover {
    color: #888888; /* グレーに変える */
}

/* アイコン画像のスタイル（必要なら） */
.top_footer_blogs a img {
    max-width: 100%; /* 必要に応じてアイコンのサイズを調整 */
}


/* リンクの基本スタイル */
.top_footer3 a {
    color: inherit; /* 親要素の文字色を引き継ぐ */
    text-decoration: none; /* 下線をなくす */
}

/* リンクにカーソルを合わせた時 */
.top_footer3 a:hover {
    color: #888888; /* グレーに変える */
}

/* コピーライトはリンクではないのでそのまま */
.top_footer3 .top_copyright {
    color: inherit; /* 親要素の文字色を引き継ぐ */
}




/* リンクの基本スタイル */
.top_course_btn_container a {
    text-decoration: none; /* リンクの下線をなくす */
}

/* ボタンの基本スタイル */
.top_course_btn {
    background-color: #4CAF50; /* ボタンの基本色 */
    color: white; /* ボタン内のテキストカラー */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background-color 0.3s ease; /* マウスオーバー時のスムーズな色変更 */
}

/* マウスオーバー時にグレーに変わる */
.top_course_btn:hover {
    background-color: #888888; /* グレーに変更 */
    color: white; /* テキストカラーを白に保つ */
}

/* アイコンのスタイル */
.top_arrow_container {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}