@use "foundation/import" as f;

/* =reset.css
-------------------------------------------------------------- */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote,
th, td
{
	margin: 0;
	padding: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
  font-weight: f.$base-fontBold;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ins {
	background-color: #ff9;
	color: rgb(51, 51, 51);
	text-decoration: none;
}

mark {
	background-color: transparent;
	font-style: normal;
	font-weight: inherit;
  color: inherit;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

caption, th {
	text-align: left;
}

ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: inherit;
}

img, abbr, acronym, fieldset {
	border: 0;
}

a img{
	border: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

hr, legend {
  display: none;
}

audio, canvas, progress, video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

sup {
  font-size: 75%;
  vertical-align: top;
}

sub {
  font-size: 75%;
  vertical-align: bottom;
}

input, select {
	vertical-align: middle;
}
input, textarea {
	margin: 0;
	font-size: 100%;
}
input, select, textarea, button {
  outline: none;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
}
input::-ms-clear {
  visibility:hidden;
}

input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="password"], textarea {
  font-size: 16px;
}
input[type="button"], input[type="submit"], input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="password"], textarea, button {
	-webkit-appearance: none;
  border-radius: 0;
}
input[type="submit"], input[type="button"], button {
  padding: 0;
  appearance: none;
	cursor: pointer;
	outline: none;
  background-color: transparent;
  border: none;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance: textfield;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
input[type="search"]:focus {
  outline-offset: -2px;
}

label { cursor: pointer; }


/* =Fonts family,size
-------------------------------------------------------------- */
html, body {
  width: 100%;
}
html {
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: f.$base-fontSize;
  cursor: default;
}
body {
  position: relative;
  font-family: f.$base-fontFamily;
  line-height: 1.2;
  font-size: f.$base-fontSize;
  font-weight: f.$base-fontWeight;
  color: f.$base-fontColor;
  background-color: f.$base-bgColor;
  -ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
  @media print {
    overflow-y: visible;
    overflow-x: visible;
  }
}
strong, b {
  font-weight: f.$base-fontBold;
}


/* =a style
-------------------------------------------------------------- */
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
  outline: none;
	color: f.$base-linkColor;
}

.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}