@-webkit-keyframes hoverOn { 0% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0.5; filter: alpha(opacity=50); } }

@keyframes hoverOn { 0% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0.5; filter: alpha(opacity=50); } }

@-webkit-keyframes hoverOff { 0% { opacity: 0.5; filter: alpha(opacity=50); }
  100% { opacity: 1; filter: alpha(opacity=100); } }

@keyframes hoverOff { 0% { opacity: 0.5; filter: alpha(opacity=50); }
  100% { opacity: 1; filter: alpha(opacity=100); } }

@-webkit-keyframes hoverOn0 { 0% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }

@keyframes hoverOn0 { 0% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }

@-webkit-keyframes hoverOff0 { 0% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 1; filter: alpha(opacity=100); } }

@keyframes hoverOff0 { 0% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 1; filter: alpha(opacity=100); } }

@-webkit-keyframes slideUp { 0% { opacity: 0; filter: alpha(opacity=0);
    -webkit-transform: translateY(5px);
            transform: translateY(5px); }
  100% { opacity: 1; filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes slideUp { 0% { opacity: 0; filter: alpha(opacity=0);
    -webkit-transform: translateY(5px);
            transform: translateY(5px); }
  100% { opacity: 1; filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes intro-shake { 20% {
    -ms-transform: translateX(-38px);
    -webkit-transform: translateX(-38px);
    transform: translateX(-38px); }
  60% {
    -ms-transform: translateY(18px);
    -webkit-transform: translateY(18px);
    transform: translateY(18px); }
  80% {
    -ms-transform: translateX(-18px);
    -webkit-transform: translateX(-18px);
    transform: translateX(-18px); }
  100% {
    -ms-transform: translateY(-18px);
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px); } }

@keyframes intro-shake { 20% {
    -ms-transform: translateX(-38px);
    -webkit-transform: translateX(-38px);
    transform: translateX(-38px); }
  60% {
    -ms-transform: translateY(18px);
    -webkit-transform: translateY(18px);
    transform: translateY(18px); }
  80% {
    -ms-transform: translateX(-18px);
    -webkit-transform: translateX(-18px);
    transform: translateX(-18px); }
  100% {
    -ms-transform: translateY(-18px);
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px); } }

body.is_pc { min-width: 1000px; }

body.shake { -webkit-animation: intro-shake 100ms; animation: intro-shake 100ms; }

.opening__bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 101; margin: 0 auto; background: #fff;/* 未使用時表示 */ display:none;}

.opening__logo{ opacity: 1.0; filter: alpha(opacity=100); position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 101; }


.opening__logo img,.opening__fix img{ width: 100%; }

body.is_sp { min-width: auto !important; }

body.is_sp body.shake { -webkit-animation: none; animation: none; }

body.is_sp .opening__bg { display: none; }

body.is_sp .opening__logo { display: none; }


body.is_sp .opening__fix{display:none;}