@charset "utf-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
img{vertical-align:bottom;}
ol,ul {list-style:none;}


html,body{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
    font-size: 13px;
    line-height: 100%;
    font-weight: 300;
    color: #313131;
    background-color: #172244;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

img{
  width: 100%;
  height: auto;
}
i{
  margin-right: 6px;
}

/*----------------------------------------------------
 webfont
--------------------------------------------------- */

/*----------------------------------------------------
 link
--------------------------------------------------- */

a:link,
a:visited,
a:active{
    color: #313131;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
a:hover{
    color: #000;
    text-decoration: none;
}

/*----------------------------------------------------
  #wrapper
--------------------------------------------------- */
#loading{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #172244;
  z-index: 100;
}
#loading.out{
  opacity: 0;
    -webkit-transition: all 1s linear;
       -moz-transition: all 1s linear;
        -ms-transition: all 1s linear;
         -o-transition: all 1s linear;
            transition: all 1s linear;
}
/*----------------------------------------------------
  #wrapper
--------------------------------------------------- */
#wrapper{
  position: relative;
  width: 100%;
  height: 100%;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#wrapper.out{ 
  opacity: 0.8;
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
/*----------------------------------------------------
  #lamp
--------------------------------------------------- */
#lamp{
  position: absolute;
  top: 50%;
  left:50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#lamp ul.lamp{
  position: absolute;
  top: 33.0%;
  left:27.8%;
  width: 44.31%;
  height: 34.875%;

}
#lamp ul.lamp.fPos{
    -webkit-transition: all 1.3s ease;
       -moz-transition: all 1.3s ease;
        -ms-transition: all 1.3s ease;
         -o-transition: all 1.3s ease;
            transition: all 1.3s ease;
  position: absolute;
  top: 68.25%;
  left:13.52%;
  width: 44.31%;
  height: 34.875%;
    -webkit-transform-origin: center bottom;
       -moz-transform-origin: center bottom;
            transform-origin: center bottom;
}
#lamp ul.lamp li{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#lamp ul.lamp li.lamp_body{
  opacity: 1;

}
#lamp ul.lamp.view{
  -webkit-animation:lampMove 0.5s 0s alternate ease;
     -moz-animation:lampMove 0.5s 0s alternate ease;
          animation:lampMove 0.5s 0s alternate ease;
}
#lamp ul.lamp.view .lamp_move{
  opacity: 1;
}
@-webkit-keyframes lampMove {
  0% {
    -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
  }
  20% {
    -webkit-transform: scale3d(1,1,1) translate3d(5px,0%,0px) rotate(2deg);
  }
  40% {
    -webkit-transform: scale3d(1,1,1) translate3d(-5px,0%,0px) rotate(-2deg);
  }
  60% {
    -webkit-transform: scale3d(1,1,1) translate3d(5px,0%,0px) rotate(2deg);
  }
  80% {
    -webkit-transform: scale3d(1,1,1) translate3d(-5px,0%,0px) rotate(-2deg);
  }
  100% {
    -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
  }
}

@-moz-keyframes lampMove {
  0% {
    -moz-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
  }
  20% {
    -moz-transform: scale3d(1,1,1) translate3d(5px,0%,0px) rotate(2deg);
  }
  40% {
    -moz-transform: scale3d(1,1,1) translate3d(-5px,0%,0px) rotate(-2deg);
  }
  60% {
    -moz-transform: scale3d(1,1,1) translate3d(5px,0%,0px) rotate(2deg);
  }
  80% {
    -moz-transform: scale3d(1,1,1) translate3d(-5px,0%,0px) rotate(-2deg);
  }
  100% {
    -moz-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
  }
}


@keyframes lampMove {
  0% {
    transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
  }
  20% {
    transform: scale3d(1,1,1) translate3d(5px,0%,0px) rotate(2deg);
  }
  40% {
    transform: scale3d(1,1,1) translate3d(-5px,0%,0px) rotate(-2deg);
  }
  60% {
    transform: scale3d(1,1,1) translate3d(5px,0%,0px) rotate(2deg);
  }
  80% {
    transform: scale3d(1,1,1) translate3d(-5px,0%,0px) rotate(-2deg);
  }
  100% {
    transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
  }
}
#lamp ul.pop{
  position: absolute;
  top: 8.375%;
  left:8.06%;
  width: 83.4%;
}
#lamp ul.pop li{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
}
#lamp ul.pop li.pop_body{
    -webkit-transform-origin: 10% bottom;
       -moz-transform-origin: 10% bottom;
            transform-origin: 10% bottom;
  -webkit-transform: scale3d(0,0,0) translate3d(0px,0%,0px) rotate(0deg);
     -moz-transform: scale3d(0,0,0) translate3d(0px,0%,0px) rotate(0deg);
      -ms-transform: scale3d(0,0,0) translate3d(0px,0%,0px) rotate(0deg);
       -o-transform: scale3d(0,0,0) translate3d(0px,0%,0px) rotate(0deg);
          transform: scale3d(0,0,0) translate3d(0px,0%,0px) rotate(0deg);

}
#lamp ul.pop.view li.pop_body{
  opacity: 1;

    -webkit-transition: all 1.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
       -moz-transition: all 1.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -ms-transition: all 1.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
         -o-transition: all 1.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 1.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);

}
#lamp ul.pop.view li.pop_text.view{
  opacity: 1;
    -webkit-transition: all 0.5s ease-out;
       -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
         -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
}
#lamp .dog{
  position: absolute;
  top: 67.625%;
  left:67.84%;
  width: 18.4%;
  opacity: 0;
  display: none;
}
#lamp .dog.view{
  opacity: 1;
    -webkit-transition: all 0.5s ease-out;
       -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
         -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;

}
#lamp .dog_pop{
  position: absolute;
  top: 53.18%;
  left:33.0%;
  width: 40.45%;
  opacity: 0;
  display: none;
    -webkit-transform-origin: 90% bottom;
       -moz-transform-origin: 90% bottom;
            transform-origin: 90% bottom;
  -webkit-transform: scale3d(0,0,0) translate3d(0px,0%,0px) rotate(0deg);
     -moz-transform: scale3d(0,0,0) translate3d(0px,0%,0px) rotate(0deg);
      -ms-transform: scale3d(0,0,0) translate3d(0px,0%,0px) rotate(0deg);
       -o-transform: scale3d(0,0,0) translate3d(0px,0%,0px) rotate(0deg);
          transform: scale3d(0,0,0) translate3d(0px,0%,0px) rotate(0deg);
}
#lamp .dog_pop.view{
  opacity: 1;

    -webkit-transition: all 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
       -moz-transition: all 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -ms-transition: all 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
         -o-transition: all 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);

}
#lamp .dog_pop img.sp{
    -webkit-transform-origin: 90% bottom;
       -moz-transform-origin: 90% bottom;
            transform-origin: 90% bottom;
/*  -webkit-transform: scale3d(1.8,1.8,1.8) translate3d(0px,0%,0px) rotate(0deg);
     -moz-transform: scale3d(1.8,1.8,1.8) translate3d(0px,0%,0px) rotate(0deg);
      -ms-transform: scale3d(1.8,1.8,1.8) translate3d(0px,0%,0px) rotate(0deg);
       -o-transform: scale3d(1.8,1.8,1.8) translate3d(0px,0%,0px) rotate(0deg);
          transform: scale3d(1.8,1.8,1.8) translate3d(0px,0%,0px) rotate(0deg);*/

}