@charset "UTF-8";

/*リセット系*/
*{
margin:0;
padding:0;
border:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
img{
vertical-align:bottom;
}
a:focus, *:focus { outline:none; }
html,body {
min-height: 100%;
}
.preload{
display: none;
width: 0;
height: 0;
}
a{
cursor: pointer;
}
.preload{
width: 0;
height: 0;
opacity: 0;
}
body{
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", Meiryo, メイリオ, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", arial, sans-serif;
}

/*ローディング*/
#loading{
position: fixed;
width: 100%;
min-width: 1100px;
height: 100%;
background: #FFF;
z-index: 10;
}
#load1,#load2{
display: block;
position:absolute;
width:200px;
height: auto;
top:50%;
left: 50%;
margin-left: -100px;
margin-top: -100px;
}
#white{
position: fixed;
width: 100%;
height: 100%;
background: #FFF;
z-index: 20;
display: none;
}


.newMark{
position: absolute;
height: 30px;
width: auto;
top:0;
left: 0;
}
/*ボタンフェード*/
.fade{
opacity: 1;
transition: all .2s ease-out;
/*
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
*/
}
.fade:hover{
opacity: 0.6;
}
/*ボタンフラッシュ*/
.flash{
animation: btnFlashEnd 0.2s ease-out forwards;
}
.flash:hover{
animation: btnFlash 0.3s ease-out forwards;
}
@keyframes btnFlash {
  0% {opacity: 0;}
  100% {opacity: 0.75;}
}
@keyframes btnFlashEnd {
  0% {opacity: 0.75;}
  100% {opacity: 1;}
}