@charset "utf-8";

@media screen and (max-width: 760px) {
/*==================================================

outline
==================================================*/

body {
	min-width: 0;
}
.wrap-l, .wrap-m {
	margin-left: 16px;
	margin-right: 16px;
	padding: 0;
	width: auto;
}
/*==================================================

header
==================================================*/

#header {
	padding: 16px;
	height: 48px;
}
#header #menu {
	display: block;
}
#header #global-navi {
	min-width: initial;
	width: 240px;
	height: 100%;
	max-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	box-sizing: border-box;
	background: #FFF;
	-webkit-transform: translateX(-250px);
	transform: translateX(-250px);
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	overflow: hidden;
	overflow-y: auto;
	z-index: 10;
}
#header #global-navi.is-visible {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
#header #global-navi li {
	margin: 0;
	float: none;
	border-bottom: 1px solid hsla(0, 0%, 0%, .12);
}
#header #global-navi li a {
	display: block;
	padding: 16px;
}
/*==================================================

contents
==================================================*/

#contents {
	margin-top: 40px;
}
/*==================================================

title
==================================================*/

#title {
	margin-top: 80px;
}
#title .wrap-m {
	padding: 40px;
	margin: 0 40px 0 -16px;
}
#title:before {
	display: none;
}
#title:after {
	width: 16px;
}
#title h1 {
	letter-spacing: 0;
	font-size: 246%;
}
/*==================================================

footer
==================================================*/

#footer {
	margin-top: 80px;
	padding: 16px;
}
}