@charset "UTF-8";
/* CSS Document */


/* =====================================
   Base
===================================== */

html {
  font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Helvetica Neue",Arial,"Hiragino Sans",sans-serif;
  font-weight: 500;
  font-size: 62.5%; /* 1rem = 10px */
  background-color: #000000;
  color: #FFFFFF;
  overflow-x: hidden;
}

body {
  font-size: 1.7em;
  line-height: 1.60;
}

a { text-decoration: none; }

ul,
li { list-style: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border: 0;

  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  -webkit-user-drag: none;
  user-drag: none;
}


/* =====================================
   Image Hover
===================================== */

body a img {
  transition: opacity 0.3s ease;
  backface-visibility: hidden;
}

body a img:hover {
  opacity: 0.7;
}


/* =====================================
   Float Utility
===================================== */

.float_l { float: left; }
.float_r { float: right; }
.clear   { clear: both; }


/* =====================================
   Desktop Only (>=961px)
===================================== */

@media (min-width: 961px) {

  .mainsp { display: none; }
  .sp     { display: none; }

}


/* =====================================
   Tablet & Mobile (<=960px)
===================================== */

@media (max-width: 960px) {

  body {
    font-size: 1.6em;
    line-height: 1.60;
  }

  .mainpc { display: none; }
  .pc     { display: none; }

}


/* =====================================
   Print
===================================== */

@media print {
  body { display: none !important; }
}