// く使用するstyleを変数化し、ここに集約
$white: #fff;
$black: #000;
$darkblue: #0026ab;
$indigo: #6610f2;
$blue: #0c44e2;
$blue2: #406ff2;
$purple: #6f42c1;
$pink: #facece;
$red: #a51365;
$brown: #956c00;
$brown2: #723734;
$orange: #e87370;
$yellow: #ffe139;
$yellow2: #fce77b;
$green: #00b1c3;
$teal: #20c997;
$cyan: #71dce8;
$white: #fff;
$gray: #5e5a4f;
$gray2: #555555;
$gray3: #ccc;
$gray4: #f6f6f6;
$gray5: #d3d3d3;
$gray6: #333;
$gray7: #999;
$gray-dark: #222;
$primary: #ccc16a;
$secondary: #a3000d;
$third: #0a749f;
$success: #28a745;
$info: #a1bffa;
$warning: #f6f101;
$danger: #df4b4b;
$light: #fff8ec;
$dark: #1a318f;
$bgcolor: #f5f5f5;
$facebook: #1877f2;
$twitter: #1da1f2;
$instagram: #cf2e92;
$line: #00b900;
$txt: #000;
$breakpoint-xs: 0;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;

//setting z-index
$layer: (
	blackbg: 50,
	openbn: 120,
	closebtn: 155,
	navlink: 200,
	topnav: 100,
	snsnav: 96,
	notice: 3000,
	sideline: 920,
	tmcheader: 900,
	header: 800,
	navilayer: 80,
	sharebtn: 720,
	topbtn: 700,
	mainimg: 650,
	articlelink: 20,
	article2: 90,
	article3: 40,
	article: 50,
	articlebg: 12,
	mainlayer: 10,
	mainbg: -1,
	mainbg2: -2,
	default: 1,
);

//font
$font-normal: "M PLUS Rounded 1c", sans-serif;
$font-jp: "M PLUS Rounded 1c", sans-serif;
$font-cursive: "Dancing Script", cursive; /*'Meow Script', cursive;*/
$font-en: "Playfair Display", serif;