@charset "utf-8";

@import "style.css";

@import "font.css";

@import "fade.css";


/*--------------------初期化--------------------*/

html,body{
width:100%;
-webkit-appearance: none;
}

body{
font-size:0px;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
background: #000;
color:#000;
}

body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


*{
margin:0px;
padding:0px;
box-sizing:border-box;
outline: 0;
}

ul,li{
list-style:none;
}

ul{
width:100%;
display: table;
table-layout: fixed;
}

li{
display: table-cell;
}

img{
max-width:100%;
display:block;
}

a{
transition: 0.2s;
text-decoration: none;
}



.center{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

div.contener{
width:100%;
max-width: 700px;
margin: 0px auto;
background: #fff;
}

.w90{
width:90%;
margin: 0px auto;
}

.w80{
width:80%;
margin: 0px auto;
}

.mb10{
margin-bottom: 10px!important;
}

.mb20{
margin-bottom: 20px!important;
}

.mb30{
margin-bottom: 30px!important;
}

.mb40{
margin-bottom: 40px!important;
}

.mb50{
margin-bottom: 50px!important;
}

.mb60{
margin-bottom: 60px!important;
}

p.txt{
font-size:12px;
line-height: 22px;
font-weight: bold;
}

div.screen{
position: absolute;
top:0px;
left:0;
width:100%;
height:100%;
background: rgba(0,0,0,0.6);
}

/*--------------------ハンバーガー―メニュー--------------------*/

a.menu-trigger,
a.menu-trigger span {
display: inline-block;
transition: all .4s;
position: relative;
}

a.menu-trigger {
position: absolute;
width: 20px;
height: 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

a.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background: #fff;
}

a.menu-trigger span:nth-of-type(1) {
top: 0;
}
a.menu-trigger span:nth-of-type(2) {
top: 7px;
}
a.menu-trigger span:nth-of-type(3) {
bottom: 0;
}

a.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(7px) rotate(-45deg);
transform: translateY(7px) rotate(-45deg);
}

a.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}

a.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-7px) rotate(45deg);
transform: translateY(-7px) rotate(45deg);
}


/*--------------------ローディング--------------------*/

div.loadingWrap{
width: 100%;
height: 100%;
background: #000;
position: fixed;
top: 0;
left: 0;
z-index:9999;
}

div.loadingWrap img{
width:40%;
max-width: 120px;
}

/*--------------------news--------------------*/

div.news{
position: fixed;
padding: 20px 0px 20px 0px;
width: 84%;
max-width: 650px;
background: rgba(255,255,255,0.95);
top:50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 20;
text-align: center;
font-size:12px;
color:#000;
line-height: 1.8;
font-weight: bold;
display: none;
}

p.news{
font-size: 140%;
}

img.close_icon{
width: 30px;
position: absolute;
right: -15px;
bottom: -15px;
}