@charset "UTF-8";
/* CSS Document */


/*
	common
*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);


html {
    font-size: 62.5%;
}

* {
    max-height: 99999px;
}

a{
	text-decoration:none;
}

body {
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    -webkit-text-size-adjust: 100%;
    font-size: 1.4rem;
    color: #555555;
	background:url(../images/main/bg_bla.jpg) no-repeat !important;
	background-size: cover !important;
	height:100vh;
}

.mincho {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', "游明朝体", "Yu Mincho" , "HG明朝E", "メイリオ", Meiryo, sans-serif;
}

.left{
	float:left;
}

.right{
	float:right;
}

.wrap{
	    padding-bottom: 160px;
}

footer{
	background:rgba(255,255,255,0.30);
	width:100%;
	position:fixed;
	bottom:0;
	padding:0 20px;
	box-sizing:border-box;
	z-index:9999;
}

footer .left ul li,footer .right ul li{
	display:inline-block;
	margin-right:20px;
	vertical-align:middle;
}

footer .left ul li{
	    margin-top: 10px;
}

footer .left ul li a{
	color:#fdd000;
	position: relative;
  display: inline-block;
}

footer .left ul li a:before{
  position: absolute;
  top: 1.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
  background: #fdd000;
  transition: 0.5s;
}

footer .left ul li a:hover:before{
  width: 100%;
}

footer .right ul li:first-child{
	color:#fdd000;
	font-weight:bold;
}


#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:#000;
  z-index: 999999;
  background-size:cover;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 9999999;
}

footer .right{
	    margin-top: 16px;
}

footer .left ul li:last-child{
	margin:0;
}

footer .left ul li:last-child a{
	    background: #fdd000;
    color: #222;
    padding: 25px;
}

footer .left ul li:last-child a:hover{
	opacity:0.6;
}