@charset "UTF-8";

#wrapper {
  width: 96%;
}

video {
  height: auto !important;
  max-width: 100% !important;
}

/*=================================================*
 * media query
 *=================================================*
 * BREAK POINT (mobile first)
 *    [SP/TB/PC]    0px ~ x  (SP {縦})
 *    [SP/TB/PC]  320px ~ x  (SP {縦})
 *    [SP/TB/PC]  480px ~ x
 *    [   TB/PC]  768px ~ x
 *    [      PC]  1024px ~ x
 *=================================================*/
/* --------------------- *
 * SP / TB / PC
 * width : 1px - x
 * --------------------- */
@media screen and (min-width: 1px) {

}

/* --------------------- *
 * SP / TB / PC
 * width : 320px - x
 * --------------------- */
@media screen and (min-width: 320px) {

}

/* --------------------- *
 * SP / TB / PC
 * width : 480px - x
 * --------------------- */
@media screen and (min-width: 480px) {
}

/* --------------------- *
 * TB / PC
 * width : 768px - x
 * --------------------- */
@media screen and (min-width: 768px) {

}

/* --------------------- *
 * PC
 * width : 1024px - x
 * --------------------- */
@media screen and (min-width: 1024px) {
}

/* --------------------- *
 * PC
 * width : 1024px - x
 * --------------------- */
@media screen and (min-width: 1920px) {

}