@charset "UTF-8";

body {
	font-size:20px;
	margin: 0;
	padding: 0;
	line-height:2;
	-webkit-text-size-adjust: 100%;
}
img {
	width: 100%;
	vertical-align: bottom;
}

/*--------------------------------------
本文用*/

[class^="container-float"] {
  height: 100vh; /* コンテナの高さ、ユニットとは無関係 */
}
[class^="container-float"]::after {
  content: "";
  display: table;
  clear: both;
}
[class^="centered-float"] {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inner {
	max-width: 620px;
	margin: 0 auto;
}
ul {
	width: 100%;
	margin: 0 auto;
	padding: 16% 3% 10% 0;
	text-align: center;
	background: url("../images/main.png")no-repeat center top/100% auto;
}
li {
	display: inline-block;
	width: 5%;
	margin-right: 2%;
	vertical-align: middle;
}
li:last-child {
	margin-right: 0;
}
li img {
	vertical-align: middle;
}
li.wb {
	width: 13%;
	opacity: 0.5;
}
li a {
	opacity: 0.5;
}
li a:hover {
	opacity: 1;
}

/*--------------------------------------
フッター用*/
footer {
	text-align: center;
	font-size: 50%;
	padding:2% 0;
	color: #3A3A3A;
	line-height: 1.5;
	margin-top: -7%;
}
footer a,footer a:link,footer a:visited,footer a:hover,footer a:active {
	text-decoration: none;
	color: #3A3A3A;
}

/*--------------------------------------
レスポンシブ*/

@media screen and (min-width: 800px){
	.sp{display:none;}
	br.sp {display: none;}
}
@media print, screen and (max-width: 800px) {
	body {
		font-size: 100%;
		line-height: 1.4;
	}
	img {
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.inner {
		width: 90%;
		margin: 0 auto;
	}
	ul {
		width: 100%;
	}
}