*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

body {
	color: #EEEFEF;
	background: #2f3238;
	font-size: 0.8em;
	font-family: CenturyGothic, Meiryo, sans-serif,;
}

p {
	font-size: 1.5em;
	font-weight: bold;
}

img.logo {width: 70%;}
img.title {width: 40%;}
img.sam {width: 30%;}
img.icon {width: 8%;}

body {background-image: url(../img/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;}

#cent{
	text-align: center;
}

.menu{
	text-align: center;
}

#cent{
  position: relative;
}
#cent{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

#comment { 
	position: fixed; 
	bottom: 10px; 
 	left: 50%;
	 transform: translateX(-50%);
 	-webkit- transform:  translateX(-50%);
} 

#left{
	margin-left: 20%;
	margin-right: 10%;
	margin-top: 8%;
}

#left2{
	margin-left: 20%;
	margin-right: 10%;
	margin-top: 8%;
}

a {
	color: #FA5858;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #ffffff;
	outline: none;
}

.content {
	min-height: 250px;
	margin: 0 auto;
	padding-bottom: 2em;
}

.content--tiny {
	max-width: 800px;
}