/* COMMON */
* {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
	font-family: MP, sans-serif;
}

a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: #ffffff;
}

ul {
	display: block;
	position: relative;
	list-style: none;
}

li {
	overflow: hidden;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	height: 80px;
	margin: 0 27px;
}

li:last-child {
	margin-right: 0;
}

li:first-child {
	margin-left: 0;
}

img {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

nav,
main,
header,
article,
address,
summary {
	display: block;
}
/* COMMON END */

summary {
	padding-bottom: 40px;
}


/* MP */
@font-face {
	font-family: MP;
	src: url(../font/mp/mp___b/mp___b.otf) format('opentype');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: MP;
	src: url(../font/mp/mp___i/mp___i.otf) format('opentype');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
}

@font-face {
	font-family: MP;
	src: url(../font/mp/mp___l/mp___l.otf) format('opentype');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: MP;
	src: url(../font/mp/mp___r/mp___r.otf) format('opentype');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: MP;
	src: url(../font/mp/mp___s/mp___s.otf) format('opentype');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: MP;
	src: url(../font/mp/mp___bi/mp___bi.otf) format('opentype');
	font-weight: 600;
	font-style: italic;
	font-stretch: normal;
}

@font-face {
	font-family: MP;
	src: url(../font/mp/mp___si/mp___si.otf) format('opentype');
	font-weight: 500;
	font-style: italic;
	font-stretch: normal;
}
/* MP END */