@charset "utf-8";
/*variable
----------------------------------------------------------------------------------------------------*/
:root {
    /*font color*/
    --font-color: #4c4c4c;
    --fontsub-color: #ffffff;
    --fontsub-color-f0: #ffffff;
    /*main color
    -----------------------------------------------------------*/
    --base-color0: #ffffff; /*白*/
    --base-color1: #726e00; /*標準*/
    --base-color1_bg: #726e00; /*標準 背景用*/
    --base-color2: #dfdb63; /*薄い*/
    --base-color3: #565000; /*濃い*/
    --base-color4: #000000; /*黒*/
    --base-color4-2: #bfbfbf; /*黒、他のカラー時灰*/
    --base-color5: #565000; /*ちょっと濃い*/
    /*文字サイズ、背景色のボタン用　スタイルシート変更時
        -----------------------------------------------------------*/
    /*標準　白　白*/
    --normal-white-white: #726e00;
    /*標準　黒　黒*/
    --normal-black-black: #726e00;
    /*標準　白　黒*/
    --normal-white-black: #726e00;
    /*標準　黒　白*/
    --normal-black-white: #726e00;
    /*白　白　白*/
    --white-white-white: #ffffff;
    /*白　白　黒*/
    --white-white-black: #ffffff;
    /*黒　黒　黒*/
    --black-black-black: #000000;
    /*白　黒　黒*/
    --white-black-black: #ffffff;
    /*黒　白　黒*/
    --black-white-black: #000000;
    /*白  黒　黒*/
    --white-black-white: #ffffff;
    /*黒　白　白*/
    --black-white-white: #000000;
    /*白　黒　　白*/
    --white-black-white: #ffffff;
    /*黒 黒 白*/
    --black-black-white: #000000;
    /*標準 灰  黒灰*/
    --normal-gray-dgray: #726e00;
    /*濃い  灰  灰*/
    --dark-gray-gray: #565000;
    /*濃い  黒  白*/
    --dark-black-white: #565000;
    /*その他の色 アイコン他
        -----------------------------------------------------------*/
    --color-gray: #666666; /*灰*/
    --color-gray3: #bfbfbf; /*灰3*/
    --color-gray4: #757575; /*灰4*/
    --color-black: #000; /*黒　ずっと黒*/
    --color-red: #c40500; /*赤 pdf*/
    --color-green: #107c41; /*緑 exel*/
    --color-blue: #185abd; /*青 word*/
    --color-blue2: #132fa8; /*青 normal*/
    --color-yellow-scheme: #ffce00; /*黄色 */
    --color-purple: #8645db; /*紫 normal*/
    /*リスト用カラーバリエーション
        -----------------------------------------------------------*/
    --color-gray2: #a5a5a5; /*灰*/
    --color-blue3: #1f62cc; /*明るめ 青*/
    --color-blue4: #0f93bc; /*緑っぽい青*/
    --color-green2: #48aa6f; /*緑*/
    --color-green3: #91ba2d; /*黄緑*/
    --color-yellow: #ceb606; /*黄*/
    --color-yellow2: #ff9b0b; /*オレンジっぽい黄*/
    --color-orange: #d24603; /*オレンジ*/
    --color-orange2: #ff4545; /*オレンジっぽい赤*/
    --color-purple: #d161b1; /*紫*/
    --color-purple2: #9d6bd1; /*青紫*/
    /*grd　グラデーション
        -----------------------------------------------------------*/
    --grd-color1: linear-gradient(60deg, rgba(115,105,27,1) 0%, rgba(70,64,17,1) 100%);
    --grd-color2: linear-gradient(115deg, #b7a51f 0%, #dcdc0a 100%);
    --gra-color3: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, #dfdb63 100%);
    /*        --grd-color1: rgba(0, 58, 204, 1);
    --grd-color2: (50, 94, 204, 1);
    */
    /*bg 青
        -----------------------------------------------------------*/
    --bg-color1: #fcf8d9; /*薄い*/
    --bg-color2: #fbf7d8; /*標準*/
    --bg-color3: #fcf8d9; /*ヘッダー用*/
    /*bg 黄
        -----------------------------------------------------------*/
    --bg-color_y1: #fffaca; /*薄い黄色*/
    --bg-color_y2: #ef7100; /*濃い黄色*/
    --bg-color_y3: #fffaca; /*ちょっと薄い黄色*/
    --bg-color_y4: #ffdd79; /*ちょっと濃い黄色*
    /*bg グレイ
        -----------------------------------------------------------*/
    --bg-color_g1: #efefef;
    --bg-color_g2: #f7f7f7;
    --bg-color_g3: #e8e8e8;
    /*rgba 透明度のある色
        -----------------------------------------------------------*/
    --base-color1a85: rgba(197, 185, 16, 0.85); /*標準 85%*/
    --base-color2a85: rgba(196, 190, 113, 0.85); /*濃い*/
    /*影　shadow
        -----------------------------------------------------------*/
    --shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);

    /*fullcalender　用
----------------------------------------------------------------------------------------------------*/
    --fc-button-bg-color: #2c3e50;
    --fc-button-border-color: #2c3e50;
    --fc-button-active-bg-color: #1a252f;
    --fc-button-active-border-color: #151e27;
    --fc-button-hover-bg-color: #1e2b37;
    --fc-button-hover-border-color: #1a252f;
    --fc-button-text-color: #fff;
    /*祝日*/
    --col-holiday: #ffd8d8;

    /*cookie　用
----------------------------------------------------------------------------------------------------*/
    --cookie-black: rgba(0, 0, 0, 0.8); /*黒　透明*/
}
/*end　variable
----------------------------------------------------------------------------------------------------*/
/* 矢印
----------------------------------------------------------------------------------------------------*/
.sq_link_list li a span:before {
    background: url(../images/parts/arrow2_yellow.svg) no-repeat !important;
}
/* 検索アイコン */
.search_area input[type="text"] {
    background: var(--base-color0) url(../images/ico_search_black.svg) no-repeat !important;
    background-size: 1.8rem !important;
    background-position: top 50% right 1rem !important;
}
.more_btn a:hover {
    background: var(--base-color0) url(../images/parts/ico_all.svg) no-repeat;
    color: #000;
}
.more_btn a:hover {
    color: var(--base-color4) !important;
    background: var(--base-color0) url(../images/parts/ico_all.svg) no-repeat !important;
    background-position: top 50% left 1em !important;
    background-size: 1.3rem !important;
}
.more_btn.more_black a:hover,
.more_btn.more_black a:focus-visible {
    color: var(--base-color0) !important;
    background: var(--base-color4) url(../images/parts/ico_all_ff.svg) no-repeat !important;
    background-position: top 50% left 1em !important;
    background-size: 1.3rem !important;
}

/* 配色ボタン */
.c_scheme ul > li:nth-child(1) > *:focus-visible {
    background: var(--base-color1);
}
.c_scheme ul > li:nth-child(3) > *:focus-visible {
    background: #000000;
}

/* 文字ボタン */
.fz_change ul > li > .is-active-plus:focus-visible,
.hamburger_area .conversion_list > * :focus-visible {
    background: var(--base-color1);
}
.hamburger_area .fz_change ul > li > .is-active:focus-visible {
    background: #ffffff;
}

.hamburger_area .btn_close:focus-visible {
    background: var(--base-color1);
}
