body, body * {
	margin: 0 ;
	padding: 0 ;
}

p { margin: 1em 0 ; }

body{
	font-family: 'Raleway' , 'Mplus 1p' , sans-serif ;
	font-size: medium;
	transform: rotate(0.03deg);
	letter-spacing: 2.5px;
	line-height: 1.7;
	margin: 0 auto ;
	overflow-x:hidden;
	max-width: 100%;
	text-align: center;
	background: #fff;
	color:#444;
}

a{ text-decoration: none; }
a:link { color: #ffd194; }
a:visited { color: #999; }
a:hover { color: #bbb; }
a:active { color: #000; }

h1 {
	position: relative ;
	top:30px;
	z-index: 100;
	font-size: 5em ;
	font-weight: 100 ;
}

mark{
	background: #fff ;
	border-bottom: double 4px #94b1d6;
}

#content{
	width: 50% ;
	margin: auto ;
	padding: 40px 0 ;
	text-align: left ;
}

.menu{
	margin: 15px auto ;
	padding:5px 20px;
	z-index: 500;
	vertical-align:middle;
	border-radius:25px;
	background-image:linear-gradient(to right,#b993d6,#dae2f8);
	background-color:#dae2f8;
	color: #000 ;
}

.head-menu{ text-align: left ;}
.foot-menu{ text-align: right ;}

.menu a{
	display:inline-block;
	margin: 0 2px ;
	padding: 2px 4px ;
}
.menu a:link, .menu a:visited { color: #000; }
.menu a:hover { color: gray; }

.main{
	text-align: left;
	padding:5px 20px;
	z-index: 300;
}

/* 小説本文 */
.text{
	font-family: 'Sawarabi Mincho' , sans-serif ;
	letter-spacing: normal;
}

input[type], select{
	margin: 5px 0;
	padding: 5px 8px ;
	font-size: medium ;
	border: #94b1d6 solid 2px;
	border-radius: 5px;
}
input[type="submit"]{
	margin: 5px 4px;
	padding: 5px 10px ;
	background: #fff ;
	color: #272e33 ;
	transition: .4s;
}
input[type="submit"]:hover{
	background: #94b1d6;
	color: #fff ;
}

/* 小説 名前変換フォーム */
#dream input[type="text"]{
	width: 8em ;
	background: #fff;
	color: #272e33 ;
}

/* メールフォーム */
#mail input[type="text"], #mail select{
	background: #daf7ef;
	color: #272e33 ;
}
#mail input[type="text"]{ width:95%; }
textarea{
	margin: 5px 0;
	padding: 5px 8px ;
	font-size: medium ;
	line-height: 1.6 ;
	width:95%;
	height:10em;
	background: #daf7ef;
	color: #272e33 ;
	border: #94b1d6 solid 2px;
	border-radius: 5px;
}