/* Variables */
:root {
  --siteWidth: 1500px;
  --white: #ffffff;
  --black: #000000;
  --sumi: #333333;
  --grey: #666666;
  --green: #0c716c;
  --blue: #2b3c70;
  --red: #e03a3a;
  --pink: #b85f5f;
  --charGrey: #888888;
  --tabBorder: #c3d8d7;
  --tabChar: #81a9a7;
  --tabFill: #58a9a5;
  --nblue: #296380;
  --dotColor: #dddddd;
  --cream: #eeeeaa;

  --headerBg: #f5eebd;
  --defaultFontColor: #296380;
  --subFontColor: #a8530d;
  --langChangeFontColor: #f5f5f5;
  --transColor: rgba(255, 255, 255, 0);

  --menuBgColor: rgba(50, 50, 50, 0.95);
  --menuItemBgColor:#ddddddff;
  --menuItemColor: #a8530d;

  --POButtonColor: #006600;
  --ENButtonColor: #012169;
  --JPButtonColor: #bc002d;

  --currentLangBorderColor: #deb06b;

  --musicPlayerBgColor:#5c5c1f;
  --musicPlayBtnColor: #296380;

  --videoPlayerBgColor:#deb06b;
  --videoControllerBgColor:#bcbcbc;
  --videoPlayBtnColor: #296380;
  --videoPlayerFontSize: 20px;
  --videoPlayerFontSizeSP: 12px;

  --playerDisplayColor: #000b1e;

  --downloadBgColor: #dfbd8c; 
  --downloadBtnColor: #296380;

  --BGColor: rgb(255, 240, 195);
  --h3BgColor: rgb(230, 212, 122);
  --h3FontColor: #222222;
  --h3PinSize: 10px;
  --h3PinColor: #a8530d;
  --h3PinPosition: 20px;
  --LyricsWidth: 80%;
  --LyricsBgColor: #f0d69d;
  --LyricsFontColor: #2a2a2a;
  --btnColor: #81a9a7;
  --ContactBgColor: #ecd7a1;
  --submitBtnColor: #296380;
  --shadowColor: #555555;
  --blur: blur(0.8px);
  --blurStrong: blur(3px);
  --fSize: 16px;
  --fSizeJP: 15px;
  --fSizeSP: 14px;
  --fSizeSPJP: 13px;
  --fontSizeLyrics: 20px;
  --fontSizeLyricsSP: 14px;
  --headerBgOpacity: 0.15;
  --baseRadius: 5px;
  --mediumRadius: 10px;
  --strongRadius: 20px;
}