@charset "UTF-8";

body{
	margin: 0;
	letter-spacing: 0.2em;/*文字間*/
/*	font-family: 'Comfortaa', cursive;
	background-color: #888;*/
	font-family: 'Nunito', sans-serif;

	background-image:;
	background-repeat: no-repeat;
	background-attachment: fixed;
	

}




/*タイトルとナビを横並び*/
.boxA:after{
	content:"";
	display: block;
	clear: both;
}
.box1{
	float: left;
	width: auto;
}

.box3{
	float: right;
	width: auto
}



.topname{
	font-weight: 900; /* フォントの太さをいくつか選択した場合はその太さの数字を入力 */
	font-size: 200%;
}

.topse{
	font-size: 60%;
	font-weight: 600; /* フォントの太さをいくつか選択した場合はその太さの数字を入力 */
	letter-spacing: 0.85em;
}




.box4{
	padding-top: 15px;
	background-color: #fff;
	animation: fadeIn 4s ease 0s 1 normal;
	-webkit-animation: fadeIn 4s ease 0s 1 normal;
}

@keyframes fadeIn { /*「fadeIn」と名前をそろえる*/
0% {opacity: 0} /*アニメーション開始時は完全に透過*/
100% {opacity: 1} /*アニメーション終了時は透過しない*/
}

/*旧 Safari 用のベンダー処理*/
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}






/*メニュー*/
.menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	
}

.menu li a{
	display: block;
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 32px;
	padding-bottom: 0px;
	color: #000;
	font-size: 100%;
	letter-spacing: 0.1em;/*文字間*/
	text-decoration: none;
}


.menu li a:hover{
	color: #E6E6E6;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}


.menu ul:after{
	content: "";
	display: block;
	clear: both;
}

.menu li{
	float: left;
	width:auto;
}

/*フッター*/
.copyright{
	color: 666;
	line-height:0.5em;
	font-size: 60%;
	font-weight: 300; /* フォントの太さをいくつか選択した場合はその太さの数字を入力 */
	text-align: right;
}

.boxA{
padding-top: 20px;
}




/*全体の横幅固定*/
.boxA, .box4, .boxB,.boxC, .bC{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}





/*_______________________________________________artwork*/





/*___________________________________________________me*/