@charset "utf-8";
/*
 *
 *	設定用 css
 *
 *	01. 基本色
 *	02. パーツ毎
 *
 */

:root {

 /*----------------------------------------

	01. 基本色

----------------------------------------*/

    /* green1      #39c8a1 / #1eb787 / #1a9c73 */
    /* green2      #52d47e / #32c75f / #2baa52 */
    /* blue        #59bde0 / #39a9d6 / #2d8fb5 */
    /* purple      #a77ac5 / #8f5bb3 / #8147aa */
    /* dark-blue   #556e7c / #354e5d / #2d424f */
    /* orange1     #efba2c / #eaa615 / #ec8018 */
    /* orange2     #e88645 / #e06827 / #cd3e06 */
    /* red         #e96165 / #e24145 / #bb2f32 / #d4363a */
    /* pink        #e961af / #e24198 / #ba2f79 */
    /* gray        #f1f5f5 / #ecf1f1 / #bdc3c6 / #7f8c8b / #454b4b / #282c2c / #111212 */
    /* gray2       #e1e6e6 / #dce1e1 */
    /* black       #000 */
    /* white       #fff */

    /* green1 --------*/
    --green1-01: #39c8a1;
    --green1-02: #1eb787;
    --green1-03: #1a9c73;

    /* green2 --------*/
    --green2-01: #52d47e;
    --green2-02: #32c75f;
    --green2-03: #2baa52;

    /* blue --------*/
    --blue-01: #59bde0;
    --blue-02: #39a9d6;
    --blue-03: #2d8fb5;

    /* purple --------*/
    --purple-01: #a77ac5;
    --purple-02: #8f5bb3;
    --purple-03: #8147aa;

    /* dark-blue --------*/
    --darkBlue-00: #5991aa;
    --darkBlue-01: #556e7c;
    --darkBlue-02: #354e5d;
    --darkBlue-03: #2d424f;

    /* orange1 --------*/
    --orange1-01: #efba2c;
    --orange1-02: #eaa615;
    --orange1-03: #ec8018;

    /* orange2 --------*/
    --orange2-01: #e88645;
    --orange2-02: #e06827;
    --orange2-03: #cd3e06;

    /* red --------*/
    --red-01: #e96165;
    --red-02: #e24145;
    --red-03: #bb2f32;
    --red-04: #f00;

    /* gray1 --------*/
    --gray1-01: #f1f5f5;
    --gray1-02: #ecf1f1;
    --gray1-03: #bdc3c6;
    --gray1-04: #e1e6e6;

    /* gray2 --------*/
    --gray2-01: #acb9b8;
    --gray2-02: #95a5a4;
    --gray2-03: #7f8c8b;
    --gray2-04: #454b4b;
    --gray2-05: #282c2c;
    --gray2-06: #111212;

    /* black --------*/
    --black: #000;

    /* white --------*/
    --white: #fff;

    /* x-wing --------*/
    --body-01: #f1f5f5;
    --body-02: #dce1e1;
    --body-03: #bdc3c6;
    --body-04: #acb9b8;
    --body-05: #95a5a4;
    --body-06: #7f8c8b;

    --window-01: #59bde0;
    --window-02: #39a9d6;
    --window-03: #2d8fb5;

    /* kamiyasan style --------*/
    --kc-f5f5f5: #f5f5f5;
    --kc-d0cece: #d0cece;
    --kc-bcbcbc: #bcbcbc;
    --kc-919595: #919595;
    --kc-595959: #595959;

    --kc-6896b8: #6896b8;
    --kc-4472c4: #4472c4;
    --kc-156082: #156082;
    --kc-134275: #134275;
    --kc-05284d: #05284d;
    --kc-042445: #042445;
    --kc-042433: #042433;
    --kc-042964: #042964;
    --kc-0c445e: #0c445e;
    --kc-0e2841: #0e2841;

    --kc-39c8a1: #39c8a1;

    --kc-feed3c: #feed3c;

    --k-shadow: 6px 6px 8px 0px #acb9b8;

 /*----------------------------------------

	02. パーツ毎

----------------------------------------*/

    /* 共通 --------*/
    --max-w-1500: 1500px;      /* ヘッダの最大幅 */
    --max-w-1260: 1260px;      /* コンテンツの最大幅 */
    --max-w-1196: 1196px;      /* コンテンツの最大幅 */
    --max-w-1012: 1012px;      /* 左右画像リストの最大幅 */
    --max-w-980: 980px;        /* 左右画像リストの最大幅 */
    --max-w-728: 728px;        /* テキストボックスの最大幅 */

    --def-txt-00: #282C2C; /* デフォルトテキストカラー */
    --def-txt-01: #454B4B; /* 本文薄い */
    --def-txt-02: #7f8c8b; /* 本文極薄 */

    /* NEW 共通フォントサイズ --------*/
    --f-s-10:  0.63rem;  /* 10px */
    --f-s-12:  0.75rem;  /* 12px */
    --f-s-14:  0.88rem;  /* 14px メインメニュー */
    --f-s-18:  1.125rem; /* 18px table h5 */

    --f-s-s:  0.707rem;  /* 11.312px 白銀比 */
    --f-s-m:       1rem; /* 16px 白銀比 デフォルト */
    --f-s-l:    1.43rem; /* 23px 白銀比 h4 */
    --f-s-ll:  2rem;     /* 32px 白銀比 h2-3 */
    --f-s-xl:  2.81rem;  /* 45px 白銀比 h1 */
    --f-s-xxl: 4rem;     /* 64px 白銀比 */

    /* 共通フォントサイズ --------*/
    --fs-xxs:  0.63rem; /* 10px */
    --fs-xs:  0.707rem; /* 11.312px */
    --fs-ss:   0.75rem; /* 12px */
    --fs-s:    0.88rem; /* 14px */
    --fs-m:       1rem; /* 16px */
    --fs-l:   1.125rem; /* 18px */
    --fs-ll:  1.5rem;   /* 24px */
    --fs-xl:  2rem;     /* 32px */
    --fs-xxx: 2.25rem;  /* 36px */
    --fs-xxl: 2.5rem;   /* 40px */
    --fs-xxxl: 3rem;    /* 48px */
    --fs-max: 4rem;     /* 64px */

    /* border --------*/
    --def-bdr: #e1e6e6;          /* デフォルト border color */

    /* input --------*/
    --def-input-bdr: #bdc3c6;    /* デフォルト input border color */

    /* button --------*/
    --def-btn-bg: #556e7c;        /* デフォルト button */
    --def-btn-bg-hvr: #2d424f;

    --blue-btn-bg: #39a9d6;       /* blue button */
    --blue-btn-bg-hvr: #2d8fb5;

    --orange-btn-bg: #e88645;     /* orange button */
    --orange-btn-bg-hvr: #e06827;

    --green-btn-bg: #32c75f;      /* green button */
    --green-btn-bg-hvr: #2baa52;

    --gray-btn-bg: #7f8c8b;       /* gray button */
    --gray-btn-bg-hvr: #454b4b;

    --bdr-r-4: 4px;                       /* 角丸 4px */
    --bdr-r-8: 8px;                       /* 角丸 8px */
    --bdr-r-16: 16px;                     /* 角丸 16px */

    --def-line-height: 1.6;                      /* デフォルトのline-height */
    --def-hvr-opacity: .7;                       /* hover opacity */
    --def-shadow: 0 2px 2px rgba(0,0,0,.2);      /* hover shadow */
    --def-hvr-shadow: 0 3px 6px rgba(0,0,0,.3);  /* hover shadow */
    --def-transition: all .3s ease-in-out;       /* デフォルトtransition */

	/*--btm-btn-bg: rgba(255,255,255,.6); */     	 /* hover shadow */
    --btm-btn-bg: rgba(0,0,0,.6); 
	--list-info-bg: rgba(255,255,255,.9);      	 /* hover shadow */
}