@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.rblock {
	position: relative;
}
.ablock {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.rblock img, .ablock img {
	display: block;
}
.pblock img {
    display: block;
	width: 100%;
}
.tx {
	width: 100%;
	position: absolute;
}
li {
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
}
a {
	color: #0099FF;
	outline: 0;
}
a:focus {
	outline: 0;
}

html {
	width: 100%;
	background: transparent;
	overflow-y: scroll;
}
body {
	width: 100%;
}
#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.wrapper {
	width: 100%;
}
.contents {
	position: relative;
	width: 860px;
	margin: 0 auto;
}


/* common */
#bg {
	position: relative;
	width: 100%;
}
#lovl {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    background: #ffffff;
}
#loadimg {
    position: absolute;
    width: 66px;
    height: 66px;
    left: 50%;
    top: 50%;
    margin-left: -33px;
    margin-top: -33px;
    -webkit-animation: a_load_img 3s linear 0s infinite;	
    animation: a_load_img 3s linear 0s  infinite;	
}
@-webkit-keyframes a_load_img {
	0%   {-webkit-transform:rotate(0%);}
	100% {-webkit-transform:rotate(360deg);}
}
@keyframes a_load_img {
	0%   {transform:rotate(0%);}
	100% {transform:rotate(360deg);}
}
@-webkit-keyframes turn {
    0%   { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@keyframes turn {
	0%   { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}
@-webkit-keyframes turn2 {
    0%   { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(-360deg); }
}
@keyframes turn2 {
	0%   { transform:rotate(0deg); }
	100% { transform:rotate(-360deg); }
}
#popup a {
    display: block;
    background: #fff;
    border-radius: 2.32% / 5.55%;
}
@media screen and (max-width:767px) {
    /* common */
    #wrapper {
    }
    .contents {
        width: 100%;
    }
    #bg {
        position: relative;
        width: 100%;
        left: 0;
        margin-left: 0;
    }
}