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


.img-bnr {
	border: none;
	vertical-align: top;
	max-width: 100%;
	height: auto;
	width : auto;
}

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/




body {
	background-color: #000;
	background: url(../img2017/index/image.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    margin: 0;
    padding: 0;
}
.header {
    background:rgba(0,0,0,0.80);
    padding: 5px 10px;
    margin: 0;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
h1 {
    margin: 0;
    padding: 0;
    float: left;
}
.ul-btn {
    float: right;
    padding: 0;
    margin: 6px 0 0 0;
}
.ul-btn li {
    display: inline-block;
    margin-right: 5px;
}
@media only screen and (max-width:1023px) {
	body {
	background-color: #000;
	background: url(../img2017/index/image-sp.png) no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
}
@media only screen and (max-width:736px) {
body {
	background-color: #000;
	background: url(../img2017/index/image2.png) no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
}

@media only screen and (max-width:667px) {
	body {
	background-color: #000;
	background: url(../img2017/index/image-sp.png) no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
        h1 {
    margin: 0;
    padding: 0;
    float: none;
        text-align: center;
}
.ul-btn {
    float: none;
    text-align: center;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 10px auto 0;
}
    .ul-btn li {
    }
    .ul-btn li img {
        width: 80%;
    }
}