@charset "UTF-8";
/*class
------------------------------------------------------------------------------------------------------------------------*/
.caption {
  font-size: 1.1rem;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

.pc {
  display: block; }

.pc_inline {
  display: inline; }

.pc_tab {
  display: block; }

.sp {
  display: none; }

.tab {
  display: none; }

@media screen and (max-width: 980px) {
  .tab {
    display: block; }
  .pc_tab {
    display: none; }
  .sp {
    display: none; } }

@media screen and (max-width: 768px) {
  .sp {
    display: block; }
  .pc {
    display: none; }
  .tab {
    display: none; }
  .pc_inline {
    display: none; } }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

*html.clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/*スクロールバー全体*/
::-webkit-scrollbar {
  width: 7px;
  display: none; }

::-webkit-scrollbar-track {
  border-radius: 3px; }

::-webkit-scrollbar-thumb {
  background-color: #000562;
  border-radius: 3px; }

/* =============================================================================
animation
========================================================================== */
.flash_bnr,
.flash_bnr2,
.flash_bnr3,
.flash_bnr4,
.flash_bnr_side {
  position: relative;
  display: block;
  overflow: hidden; }

[class^=flash_bnr]:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%); }

.flash_bnr:before {
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  -webkit-animation: shine 2s infinite;
  animation: shine 2s infinite; }

.flash_bnr2:before {
  -webkit-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  transform: skewX(-30deg);
  -webkit-animation: shine 4s infinite;
  animation: shine 4s infinite; }

.flash_bnr3:before {
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  -webkit-animation: shine 4s infinite;
  animation: shine 4s infinite; }

.flash_bnr4:before {
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  -webkit-animation: shine2 4s infinite;
  animation: shine2 4s infinite; }

.flash_bnr_side:before {
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  -webkit-animation: shineside 2s infinite;
  animation: shineside 2s infinite; }

@-webkit-keyframes shine {
  0% {
    left: -75%; }
  40% {
    left: 150%; }
  100% {
    left: 150%; } }

@keyframes shine {
  0% {
    left: -75%; }
  40% {
    left: 150%; }
  100% {
    left: 150%; } }

@-webkit-keyframes shine2 {
  0% {
    left: -225%; }
  40% {
    left: 150%; }
  100% {
    left: 150%; } }

@keyframes shine2 {
  0% {
    left: -225%; }
  40% {
    left: 150%; }
  100% {
    left: 150%; } }

@-webkit-keyframes shineside {
  0% {
    left: -150%; }
  50% {
    left: 300%; }
  100% {
    left: 300%; } }

@keyframes shineside {
  0% {
    left: -150%; }
  50% {
    left: 300%; }
  100% {
    left: 300%; } }