@charset "utf-8";
/*---------------------------------
	Reset
---------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:none; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display:block; }
body { line-height:1.5; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
img,a img{ border:none; vertical-align:top; }
input, select { vertical-align:middle; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
iframe { border: 0; }
/*---------------------------------
	clearfix
---------------------------------*/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
/*---------------------------------
	common
---------------------------------*/
body {
	width:100%;
	background: url(../img/common/bg.jpg) repeat #fff;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:14px;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#bgMdl {
	display: none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0;
	z-index:100;
	transition: opacity 0.5s;
}
.scrollTop {
  display:none;
  position:fixed;
  bottom:0;
  right:0;
  width:165px;
  height:117px;
  border:none;
  background:url(../img/common/btn_top.png) no-repeat;
  background-size:100%;
  opacity:0;
  outline:none;
  cursor:pointer;
  transition:opacity 0.5s;
}

.scrollTop.disp {
  opacity:1;
}
/*---------------------------------
	sound - mdl
---------------------------------*/
#soundSelect {
	display: none;
}
#soundList {
	display: none;
}
/*---------------------------------
	layout
---------------------------------*/
main {
	display: block;
}
#contents {
	position: relative;
}
/*---------------------------------
	header
---------------------------------*/
header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height: 14vw;
  background: url(../img/common/bg_header.png) repeat-x center;
  background-size: auto 100%;
  z-index:50;
}
.index header {
	height: auto;
	background: none;
	z-index: 100;
}
header h1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.index header h1 {
  display:none;
}
header h1 a {
  display: block;
}
header h1 img {
	width: 100%;
	height: auto;
}
header nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}
header nav li a {
	display: block;
}
header .spNavBtn {
	position: absolute;
	background: url(../img/mobile/common/btn_nav.png) no-repeat;
	background-size: 100%;
}
header .spNavBtn label {
  display: block;
}
/*---------------------------------
	player
---------------------------------*/
.player {
	display: none;
}
/*---------------------------------
	menu
---------------------------------*/
nav {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  overflow: scroll;
  z-index: 1000;
}
nav ul {
  width: 96%;
  margin: 40px auto;
}
#menu-toggle:checked ~ header nav {
  display: block;
}
nav ul li a {
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px dotted #fff;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center
}
nav ul li.disabled {
  pointer-events:none;
}
nav ul li.disabled a {
  color:#666;
}
nav ul li img {
  display: none;
}
/*---------------------------------
	social
---------------------------------*/
#social {
  position: fixed;
  bottom: 10%;
  right: 0;
  transition: right 0.3s;
}
#social li {
  margin: 0 0 10px 0;
  transition: opacity 0.5s;
}
#social li a {
  display: block;
  width: 35px;
  height: 35px;
}
#social li.tw {
  background: url(../img/common/icon_tw.png) no-repeat;
  background-size:100%;
}
#social li.fb {
  background: url(../img/common/icon_fb.png) no-repeat;
  background-size:100%;
}
/*---------------------------------
	footer
---------------------------------*/
footer {
	margin:50px 0 0 0;
	background: #000;
	color:#fff;
	text-align:center;
}
.company {
	padding :25px 0 10px 0;
}
.company li {
	display: inline-block;
	width: 32%;
	padding: 0 1%;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}
.company li:last-of-type {
	width: 100%;
	margin: 20px 0 0 0;
}
.company li img {
	width: 100%;
	height: auto;
}
.copyright ul {
	margin: 0 0 20px 0;
}
.copyright p {
	padding: 5px 0;
	background: #111;
	font-size: 12px;
}
footer .counter {
	display: none;
}