@charset "utf-8";

/* Layout 縦長
------------------------------------------------------------ */
html {
　  scroll-behavior:smooth;
}
body {
	font-size : 20px;
	line-height : 30px;
	letter-spacing : 3px;
	color : #666666;
	background : #ffffff;
	width : 100%;
	min-height : 100%;
	height : auto;
	margin : 0 auto;
	font-family: "メイリオ", sans-serif;
/*	-webkit-text-size-adjust: 100%;*/
}

header {
	width : 100%;
	height : 74px;
	color : #ffffff;
	margin : 0 auto;
	padding : 15px 0 15px 30px;
	background: #ee9ca7;
	background: -webkit-linear-gradient(to top, #ffdde1, #ee9ca7);
	background: linear-gradient(to top, #ffdde1, #ee9ca7);
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-box;
	display:box;
	position: fixed;
	top: 0;
	z-index:10;
}

div#wrap {
	width : 100%;
	height : auto;
	margin-top : 74px;
}

div#wrap div#main {
	width : 100%;
	height : auto;
	background : #ffffff;
}

div#wrap div#side {
	width : 100%;
	display: none;
	min-height : 100%;
	background : #ffffdb;
	position: absolute;
	z-index: 1;
	position: fixed;
	text-align : center;
	top: 74px;
	right: 0;
}

footer {
	width : 100%;
	font-size : 16px;
	margin : 0 auto;
	padding : 10px;
	text-align : center;
	background: #eadce1;
	background: -webkit-linear-gradient(to bottom, #ffffff, #eadce1);
	background: linear-gradient(to bottom, #ffffff, #eadce1);
}