/*---- 全体基本 ----------------------------------*/
#container{overflow:hidden;}
body {padding:0;margin:0;width:100%;
	font-family: 'Hammersmith One',  'メイリオ','Hiragino Kaku Gothic Pro',sans-serif;
	line-height: 170%;
	background-image:url("g60dot.png"),url("top.jpg");
	background-position:left center;
	background-size: auto,cover;
	background-repeat: repeat,no-repeat;
	background-attachment:fixed;
	color: rgba(255,255,255,0.7);}

img		{border: none;
		vertical-align: top;}
a 	{color:#fff;
	text-decoration: none;  
	position: relative;
	display: inline-block;
	transition: .3s;}
a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #2ecc71;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);}
a:hover::after {width: 100%;}

p		{margin: 1rem;}
.s		{font-size:.8rem;}
article	{width:100%;margin:0;padding:30px 0;}
/*---- ナビゲーション ----*/
h1	{margin:0 50px;font-size:3.5em;}
nav ul	{transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	font-size:3.5em;
	margin: 150px 0;
	color:#fff;}
nav li	{list-style-type:none;
	padding: 1rem;
	margin: 0;}
			/*---- footerの真ん中寄せ ----*/
footer		{background:#111;
		font-size: 75%;
		padding: 50px 0;
		margin:0;
		width: 100%;
		line-height: 150%;}
footer ul	{width:1200px;
		margin:0 auto;}
footer li	{list-style-type:none;padding:10px;}