@charset "utf-8";

/* ------------------------------
コーディングルール
------------------------------ */

/* プロパティ順序
 * display
 * list-style
 * position
 * float
 * clear
 * z-index
 * min-width
 * max-width
 * width
 * min-height
 * max-height
 * height
 * margin
 * padding
 * border
 * background
 * outline
 * overflow
 * color
 * font
 * text-indent
 * text-decoration
 * text-align
 * vertical-align
 * line-height
 * letter-spacing
 * text-shadow
 * text-transform
 * white-space
 * word-spacing
 * other text
 * table-layout
 * border-side
 * border-collapse
 * other table
 * cursor
 * content
 */

/* ------------------------------
文字サイズ
------------------------------ */

/* 目安（デフォルト13px)
 * 7px = 53.8% = 5pt相当
 * 8px = 61.5% = 6pt相当
 * 9px = 69.2% = 7pt相当
 * 10px = 76.9% = 8pt相当
 * 11px = 84.6% = 8.5pt相当
 * 12px = 92.3% = 9pt相当
 * 13px = 100% = 10pt相当
 * 15px = 115.4% = 11pt相当
 * 16px = 123.1% = 12pt相当
 * 17px = 130.8% = 13pt相当
 * 18px = 138.5% = 14pt相当
 * 20px = 153.8% = 15pt相当
 * 21px = 161.5% = 16pt相当
 * 22px = 169.2% = 17pt相当
 * 24px = 184.6% = 18pt相当
 */

@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/css/foundation.min.css');

@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
/*@import url('https://cdnjs.cloudflare.com/ajax/libs/Modaal/0.4.4/css/modaal.min.css');*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/pushy/1.4.0/css/pushy.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css');

@import url('../_assets/styles/pushy.css');
@import url('../_assets/styles/swiper.min.css');
@import url('../_assets/styles/scroll-hint.min.css');

@import url('../_styles/base.css');
@import url('../_styles/layout.css');
@import url('../_styles/module.css');
@import url('../_styles/theme.css');
@import url('../_styles/state.css');

/* 源ノ角ゴシック Light 相当 */
/*@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 200;
	src: url('../_assets/fonts/NotoSansCJKjp-Light.woff2') format('woff2'),
		url('../_assets/fonts/NotoSansCJKjp-Light.woff') format('woff'),
		url('../_assets/fonts/NotoSansCJKjp-Light.eot') format('eot');
	font-display: swap;
}*/

/* 源ノ角ゴシック Normal 相当 */
/*@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	src: url('../_assets/fonts/NotoSansCJKjp-DemiLight.woff2') format('woff2'),
		url('../_assets/fonts/NotoSansCJKjp-DemiLight.woff') format('woff'),
		url('../_assets/fonts/NotoSansCJKjp-DemiLight.eot') format('eot');
	font-display: swap;
}*/

/* 源ノ角ゴシック Regular 相当 */
/*@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url('../_assets/fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
		url('../_assets/fonts/NotoSansCJKjp-Regular.woff') format('woff'),
		url('../_assets/fonts/NotoSansCJKjp-Regular.eot') format('eot');
	font-display: swap;
}*/

/* 源ノ角ゴシック Medium 相当 */
/*@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	src: url('../_assets/fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
		url('../_assets/fonts/NotoSansCJKjp-Medium.woff') format('woff'),
		url('../_assets/fonts/NotoSansCJKjp-Medium.eot') format('eot');
	font-display: swap;
}*/

/* 源ノ角ゴシック Bold 相当 */
/*@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: url('../_assets/fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
		url('../_assets/fonts/NotoSansCJKjp-Bold.woff') format('woff'),
		url('../_assets/fonts/NotoSansCJKjp-Bold.eot') format('eot');
	font-display: swap;
}*/

@font-face {
	font-family: 'CONDENSE-icon';
	font-style: normal;
	font-weight: 400;
	src: url('../_assets/fonts/CONDENSEicon.woff2') format('woff2'),
		url('../_assets/fonts/CONDENSEicon.woff') format('woff'),
		url('../_assets/fonts/CONDENSEicon.eot') format('eot');
	font-display: swap;
}
