@charset "utf-8";
/*////////////////////////////////////////////////////////////////////////
CSS変数定義（bace.cssに散在していた:rootをこのファイルに集約）
bace.css等より先に読み込むこと
////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////
基本カラー
////////////////////////////////////////////////////////////////////////*/
:root{
--cyan:#00fdfd;
--cyan20: rgba(0,253,253,0.20);
--cyan70: rgba(0,253,253,0.70);
--navy:#0d1642;
--navy70:rgba(13,28,58,0.70);


--red:#e60012;
--black:#000;
--gray:#555;
--white:#fefeff;
--gold:#c6a36a;

--grd1: linear-gradient(90deg,rgba(0,253,253,0.20) 0%, rgba(0,253,253,0.00) 70% , rgba(0,253,253,0.00) 100%);
--darkBlue:#120b1e;
--purple:#81088e;
--blue:#51488a;
--brown:#83623a;
--pink:rgba(207, 14, 255, 1) ;

--black50: rgba(0,0,0,0.5);
--black60: rgba(0,0,0,0.6);
--black70: rgba(0,0,0,0.7);
--white10: rgba(255,255,255,0.1);
--white30: rgba(255,255,255,0.3);
--white50: rgba(255,255,255,0.5);
--white70: rgba(255,255,255,0.7);

/* キャラクター名タグ配色（.galleryBox .txt .c0〜c12用・暫定値）
   現状 .galleryBox を使うページが存在せず未使用だが、
   var()未定義で無効化されていたため既存パレットで暫定定義。
   実際のキャラごとの色割当はデザイン確認のうえ差し替えてください。 */
--c0: var(--purple);
--c1: var(--black);
--c2: var(--white);
--c3: var(--gold);
--c4: var(--red);
--c5: var(--cyan);
--c6: var(--brown);
--c7: var(--pink);
--c8: var(--darkBlue);
--c9: var(--gray);
--c10: var(--navy);
--c11: var(--blue);
--c12: var(--white70);

/* footer.css .banner_series用（同様に未使用のため暫定値） */
--footer-color: var(--darkBlue);
}

/*////////////////////////////////////////////////////////////////////////
ヘッダー／ナビ　レイアウト比率（PC基準）
////////////////////////////////////////////////////////////////////////*/
:root{
	--nLogo:10.5%;
	--nShop:46%;
    --nShop1:14%;
    --nShop2:31%;
    --nShop3:14%;
	--nOther:16.5%;
	--iconBox:27%;
}

/*////////////////////////////////////////////////////////////////////////
ヘッダー／ナビ　レイアウト比率（画面幅800px以下）
////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 800px) {
:root{
	--nLogo:26.25%;
	--nShop:35%;
    --nShop1:13.5%;
    --nShop2:29%;
    --nShop3:13.5%;
	--nOther:20%;
    --nYoutube:11%;
    --nSns:11%;
	--iconBox:73.75%;
}
}