@charset "utf-8";


/* ==========================================
 For SmartPhone Styles (Portrait Orientation)
========================================== */



/* ======== Header ======== */

header h1.logo{
	margin-top:20px;
}

header div.inner p.catch br{
	display:none;
}

header nav ul,
body#toppage header nav ul{
	margin:0;
}

header nav ul{
	box-shadow:0 0 2px 2px rgba(0,0,0,0.2);
	border-radius:4px;
	margin-left:-4px;
	position:fixed;
	margin:0;
	right:15px;
	top:15px;
	padding-top:50px;
	width:50px;
	height:0;
	overflow:hidden;
	background:rgba(255,255,255,0.9);
	z-index:999;
}

header nav ul li{
	display:block;
	margin:0;
	float:none;
	font-size:150%;
	border-top:1px solid #999;
}

header nav ul li a{
	padding:15px;
	display:inline-block;
	width:100%;
}

header nav ul.open{
	height:auto;
	width:80%;
}

header nav ul li.menu{
	display:block;
	margin:0;
	width:30px;
	height:30px;
	position:absolute;
	right:10px;
	top:10px;
	border:none;
}

header nav ul li.menu a{
	width:30px;
	height:30px;
	background:url(/images/menu_open.png) no-repeat;
	background-size:contain;
	padding:0;
}

header nav ul.open li.menu a{
	background:url(/images/menu_close.png) no-repeat;
	background-size:contain;
}





/* ======== Footer ======== */





/* ======== Contents ======== */